/*
Theme Name:   Flatsome Chill
Description:  Child theme cho Flatsome – tông sương sớm, xanh rêu nhạt, nhịp chậm và thoáng.
Author:       You
Template:     flatsome
Version:      1.0.0
Text Domain:  flatsome-chill
*/

/* Nền rộng hai bên; chỉ áp dụng trong section trang chủ. */
.dmx-home {
  background-color: #1caff0;
  background-image: radial-gradient(ellipse at 12% 12%, #bbf3ff 0, transparent 34%),
                    radial-gradient(ellipse at 90% 40%, #70e0ff 0, transparent 32%),
                    linear-gradient(180deg, #058ede, #68dcff 52%, #078bd5);
}
/* Muốn nền biển: tải ảnh lên Media rồi thay URL bên dưới và bỏ dấu comment.
.dmx-home {
  background-image: url('URL_ANH_NEN_BIEN');
  background-size: cover;
  background-position: center top;
}
*/
.dmx-home > .section-content > .row { max-width:1200px!important; margin:0 auto!important; }
.dmx-home .dmx-main > .col-inner { padding:0 12px; }
.dmx-home .dmx-main { padding-bottom:0; }
.dmx-home .dmx-hero, .dmx-home .dmx-brand-banner { margin-bottom:16px; }
.dmx-home .banner { border-radius:10px; overflow:hidden; }
.dmx-home .dmx-hero .flickity-page-dots { bottom:10px; }
.dmx-home .dmx-panel { padding:0 0 16px!important; }
.dmx-home .dmx-panel > .col-inner {
  background:#fff; padding:18px 16px; border-radius:10px; overflow:hidden;
}
.dmx-home .dmx-heading { margin:0 0 16px; font-size:22px; line-height:1.35; font-weight:700; color:#202832; }
.dmx-home .dmx-subtitle { font-size:14px; margin-top:-8px; color:#4a5560; }
.dmx-home .dmx-sale > .col-inner { background:#a8d9ff; }
.dmx-home .dmx-deal > .col-inner { background:#d50013; }
.dmx-home .dmx-deal .dmx-heading { color:#fff1a0; text-align:center; font-size:30px; }
.dmx-home .dmx-categories { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px 10px; }
.dmx-home .dmx-categories a { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; font-size:13px; color:#202832; }
.dmx-home .dmx-category-icon { width:50px; height:50px; display:grid; place-items:center; border-radius:12px; background:#eef8ff; color:#008bd5; font-size:30px; }
.dmx-home .dmx-categories a:hover { color:#008bd5; }
.dmx-home .dmx-chips { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
.dmx-home .dmx-chips a { background:#f5f7fa; border:1px solid #e0e5eb; border-radius:30px; padding:6px 15px; color:#29333d; font-size:13px; }
.dmx-home .dmx-chips a:hover { color:#008bd5; background:#e9f7ff; }
.dmx-home .dmx-products .product-small.box { background:#fff; border:1px solid #e8edf2; border-radius:7px; overflow:hidden; height:100%; transition:box-shadow .2s; }
.dmx-home .dmx-products .product-small.box:hover { box-shadow:0 3px 12px #00000014; }
.dmx-home .dmx-products .box-image { padding:12px 10px 0; }
.dmx-home .dmx-products .box-image img { object-fit:contain; }
.dmx-home .dmx-products .box-text { padding:10px 12px 14px; }
.dmx-home .dmx-products .category { display:none; }
.dmx-home .dmx-products .name { font-size:13px; line-height:1.5; min-height:40px; margin-bottom:8px; }
.dmx-home .dmx-products .name a { color:#202832; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.dmx-home .dmx-products .price { display:flex; flex-wrap:wrap; gap:3px 7px; align-items:baseline; }
.dmx-home .dmx-products .price > .amount,
.dmx-home .dmx-products .price ins .amount { color:#d70018; font-size:16px; font-weight:700; }
.dmx-home .dmx-products .price del .amount { color:#707880; font-size:12px; }
.dmx-home .dmx-products .star-rating { font-size:11px; color:#f5a000; }
.dmx-home .dmx-products .add-to-cart-button .button { border-radius:5px; font-size:11px; margin-bottom:0; }
.dmx-home .dmx-more { display:table; margin:8px auto 0!important; color:#087ac0; border-color:#d2e9f7; background:#fff; font-size:13px; text-transform:none; }
.dmx-home .dmx-promo { padding-bottom:16px; }
.dmx-home .dmx-panel .row { margin-bottom:0; }
.dmx-home .dmx-brand-banner { margin-top:0; }
@media(max-width:849px) {
  .dmx-home .dmx-heading { font-size:20px; }
  .dmx-home .dmx-categories { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:549px) {
  .dmx-home { padding-top:10px!important; }
  .dmx-home .dmx-main > .col-inner { padding:0 8px; }
  .dmx-home .dmx-panel > .col-inner { padding:14px 10px; border-radius:8px; }
  .dmx-home .dmx-heading { font-size:18px; }
  .dmx-home .dmx-deal .dmx-heading { font-size:23px; }
  .dmx-home .dmx-categories { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px 5px; }
  .dmx-home .dmx-categories a { font-size:11px; }
  .dmx-home .dmx-category-icon { width:42px; height:42px; font-size:25px; }
  .dmx-home .dmx-products .box-text { padding:8px; }
  .dmx-home .dmx-products .price ins .amount { font-size:14px; }
  .dmx-home .dmx-chips { flex-wrap:nowrap; overflow-x:auto; padding-bottom:5px; }
  .dmx-home .dmx-chips a { white-space:nowrap; }
  .dmx-home .dmx-hero h2 { font-size:1.4em; }
  .dmx-home .dmx-hero h3 { font-size:1em; }
  .dmx-home .dmx-hero p { display:none; }
}