/* Experience upgrade: final public-facing responsive layer. */
:root{
  --exp-ink:#17120f;
  --exp-muted:#6f665e;
  --exp-soft:#f6f3ee;
  --exp-surface:#fffefd;
  --exp-card:#ffffff;
  --exp-line:rgba(38,31,25,.12);
  --exp-shadow:0 18px 46px rgba(25,20,16,.10);
  --exp-shadow-soft:0 10px 26px rgba(25,20,16,.07);
  --exp-gold:#b8892f;
  --exp-sage:#536b5b;
  --exp-rose:#9f5f5f;
  --exp-radius:8px;
}

html{
  overflow-x:hidden;
  scroll-padding-top:96px;
}

body{
  color:var(--exp-ink);
  background:linear-gradient(180deg,#fffdf9 0%,#f7f3ec 42%,#fffefd 100%)!important;
  overflow-x:hidden;
  padding-top:72px!important;
}

body.dark{
  --exp-ink:#f6efe7;
  --exp-muted:#b9aea3;
  --exp-soft:#17130f;
  --exp-surface:#211b16;
  --exp-card:#241f1a;
  --exp-line:rgba(255,255,255,.11);
  --exp-shadow:0 18px 46px rgba(0,0,0,.30);
  background:#14100d!important;
}

body > .container,
main > .container,
#mainContent > .container,
.container{
  width:min(100% - clamp(20px,4vw,64px),1480px)!important;
  max-width:1480px!important;
}

a,
button,
input,
select,
textarea{
  -webkit-tap-highlight-color:transparent;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(184,137,47,.34)!important;
  outline-offset:3px!important;
}

.site-header{
  color:var(--exp-ink)!important;
}

.site-header .header-icon-btn{
  position:relative;
  font-size:1rem!important;
  font-weight:900!important;
  line-height:1!important;
}

.site-header .header-icon-btn i{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  font-size:1.08rem!important;
  line-height:1!important;
}

/* Final header polish + dark-mode contrast */
.site-header{
  backdrop-filter:blur(18px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18)!important;
}

.header-actions{
  gap:8px!important;
}

.header-icon-btn{
  width:42px!important;
  height:42px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#fff,#f8f4ed)!important;
  border:1px solid rgba(38,31,25,.13)!important;
  color:#211811!important;
  box-shadow:0 8px 18px rgba(23,18,15,.08), inset 0 1px 0 rgba(255,255,255,.82)!important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease!important;
}

.header-icon-btn:hover{
  transform:translateY(-1px);
  color:var(--exp-gold)!important;
  border-color:rgba(184,137,47,.36)!important;
  box-shadow:0 12px 24px rgba(23,18,15,.12), inset 0 1px 0 rgba(255,255,255,.9)!important;
}

.header-icon-btn:active{
  transform:translateY(0) scale(.98);
}

.header-icon-btn i{
  color:currentColor!important;
  font-size:1.04rem!important;
}

.cart-trigger{
  background:linear-gradient(135deg,#1f1710,#4a3824)!important;
  color:#fff!important;
  border-color:rgba(184,137,47,.34)!important;
}

.cart-trigger:hover{
  color:#f4d58c!important;
}

.cart-badge{
  top:-6px!important;
  inset-inline-end:-6px!important;
  min-width:18px!important;
  height:18px!important;
  border:2px solid var(--surface,#fff)!important;
  box-shadow:0 6px 12px rgba(239,68,68,.25)!important;
}

body.dark .site-header{
  background:rgba(20,16,13,.88)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.34)!important;
  color:#f7efe5!important;
}

body.dark .main-nav-link{
  color:rgba(247,239,229,.78)!important;
}

body.dark .main-nav-link:hover,
body.dark .main-nav-link.active{
  color:#fff7e7!important;
  background:rgba(201,169,97,.16)!important;
}

body.dark .site-logo,
body.dark .logo-name,
body.dark .logo-tag,
body.dark .menu-toggle{
  color:#f7efe5!important;
}

body.dark .menu-toggle-bar{
  background:#f7efe5!important;
}

body.dark .header-icon-btn{
  background:linear-gradient(180deg,#2a231d,#1d1813)!important;
  border-color:rgba(255,255,255,.13)!important;
  color:#f7efe5!important;
  box-shadow:0 10px 22px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06)!important;
}

body.dark .header-icon-btn:hover{
  color:#f2cf7b!important;
  background:linear-gradient(180deg,#332a21,#231d17)!important;
  border-color:rgba(201,169,97,.38)!important;
}

body.dark .cart-trigger{
  background:linear-gradient(135deg,#b8892f,#7b5a22)!important;
  color:#130e09!important;
  border-color:rgba(242,207,123,.48)!important;
}

body.dark .cart-badge{
  border-color:#1d1813!important;
}

body.dark .header-search-wrap,
body.dark .header-search-form,
body.dark .search-autocomplete-dropdown{
  background:#211b16!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f7efe5!important;
}

body.dark .header-search-input{
  color:#f7efe5!important;
}

body.dark .header-search-input::placeholder{
  color:rgba(247,239,229,.55)!important;
}

#searchToggle::before,
#darkToggle::before,
.cart-trigger::before{content:none!important}
.header-icon-btn[href*="account.php"]::before,
.header-icon-btn[href*="login.php"]::before,
.header-icon-btn[href*="wishlist.php"]::before,
.header-lang-btn::before{content:none!important}

.menu-toggle-bar{
  background:var(--exp-ink)!important;
}

@media (min-width:1280px){
  :root{--wide-page-max:1480px!important}

  body.page-home #mainContent,
  body.page-home .home-shipping-corner,
  .site-header,
  #mainContent,
  .site-footer,
  .home-shipping-corner{
    width:min(1480px,calc(100% - 56px))!important;
    max-width:1480px!important;
  }

  .site-header{
    border-radius:8px!important;
  }

  body.page-home #mainContent > .container,
  body.page-home .slide-content .container,
  body.page-home .hero-slider,
  body.page-home .cat-chips-bar,
  body.page-home .app-section-head,
  body.page-home .shop-search-form,
  body.page-home .shop-filter-shell,
  body.page-home .products-grid{
    width:100%!important;
    max-width:1480px!important;
  }

  body.page-home .hero-slider{
    margin-inline:0!important;
  }
}

@media (min-width:1025px){
  .menu-toggle{
    display:none!important;
  }

  .site-header{
    height:72px!important;
    top:12px!important;
    border-radius:8px!important;
    background:rgba(255,254,253,.9)!important;
    border:1px solid rgba(38,31,25,.1)!important;
    box-shadow:0 14px 34px rgba(23,18,15,.1)!important;
  }

  .header-inner{
    height:72px!important;
    grid-template-columns:minmax(170px,240px) minmax(0,1fr) auto!important;
    gap:18px!important;
  }

  .main-nav{
    gap:6px!important;
  }

  .main-nav-link{
    border-radius:8px!important;
    padding:.52rem .82rem!important;
    color:rgba(23,18,15,.76)!important;
  }

  .main-nav-link:hover,
  .main-nav-link.active{
    color:var(--exp-ink)!important;
    background:rgba(184,137,47,.10)!important;
  }

  .header-icon-btn{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border:1px solid rgba(201,169,97,.38)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(201,169,97,.24), inset 0 1px 0 rgba(255,255,255,.2)!important;
  }

  .site-header .header-icon-btn i{
    color:#fff!important;
  }

  .header-icon-btn:hover{
    background:linear-gradient(135deg,var(--gold-deep,#8C6D2F),#6f511f)!important;
    border-color:rgba(255,255,255,.35)!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
    box-shadow:0 10px 22px rgba(140,109,47,.3), inset 0 1px 0 rgba(255,255,255,.18)!important;
  }

  .header-icon-btn:hover i{
    color:#fff!important;
  }

  body.dark .header-icon-btn,
  body.dark .cart-trigger{
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border-color:rgba(201,169,97,.42)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(201,169,97,.24), inset 0 1px 0 rgba(255,255,255,.2)!important;
  }

  body.dark .site-header .header-icon-btn i{
    color:#fff!important;
  }

  body.dark .header-icon-btn:hover,
  body.dark .cart-trigger:hover{
    background:linear-gradient(135deg,var(--gold-deep,#8C6D2F),#6f511f)!important;
    color:#fff!important;
  }

  #searchToggle::before{
    content:none!important;
  }

  #darkToggle::before{
    content:none!important;
  }

  .cart-trigger::before{
    content:none!important;
  }

  .header-icon-btn[href*="account.php"]::before,
  .header-icon-btn[href*="login.php"]::before{
    content:none!important;
  }
}

@media (min-width:769px) and (max-width:1024px){
  .menu-toggle{
    display:none!important;
  }

  .site-header{
    border-radius:8px!important;
    background:rgba(255,254,253,.92)!important;
  }

  .main-nav-link,
  .header-icon-btn{
    border-radius:50%!important;
  }

  .header-icon-btn{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border:1px solid rgba(201,169,97,.38)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(201,169,97,.22), inset 0 1px 0 rgba(255,255,255,.2)!important;
  }

  .site-header .header-icon-btn i{
    color:#fff!important;
  }

  body.dark .header-icon-btn,
  body.dark .cart-trigger{
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border-color:rgba(201,169,97,.42)!important;
    color:#fff!important;
  }

  body.dark .site-header .header-icon-btn i{
    color:#fff!important;
  }
}

.hero-slider{
  isolation:isolate;
  background:var(--exp-soft)!important;
}

.hero-slider::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(16,12,10,.56),rgba(16,12,10,.20) 44%,rgba(16,12,10,.06)),
    linear-gradient(0deg,rgba(16,12,10,.42),transparent 42%);
}

.slide-content{
  z-index:2!important;
}

.slide-content h1,
.slide-title{
  max-width:720px!important;
  letter-spacing:0!important;
  text-wrap:balance;
}

.slide-content p,
.slide-subtitle{
  max-width:620px!important;
  color:rgba(255,255,255,.88)!important;
}

.hero-btns,
.slide-actions{
  gap:.7rem!important;
  flex-wrap:wrap!important;
}

.cat-chips-bar,
.shop-search-form,
.shop-filter-shell,
.flash-strip{
  border-radius:8px!important;
  background:rgba(255,254,253,.86)!important;
  border:1px solid var(--exp-line)!important;
  box-shadow:var(--exp-shadow-soft)!important;
  backdrop-filter:blur(16px);
}

.cat-chip,
.sort-select,
.shop-filter-summary,
.shop-filter-field select,
.shop-filter-field input,
.shop-filter-apply,
.shop-filter-clear{
  border-radius:8px!important;
}

.cat-chip{
  border:1px solid transparent!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
  white-space:normal!important;
}

.cat-chip-label{
  white-space:normal!important;
  overflow-wrap:anywhere;
}

.intent-chip,
.trust-pill,
.cat-chip,
.flash-card,
.product-card{
  min-width:0!important;
}

.intent-chip b,
.intent-chip small,
.trust-pill,
.cat-chip-label,
.flash-card-name,
.product-name,
.cart-reco-name,
.csi-name{
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:normal;
  line-break:auto;
}

.intent-chip b,
.intent-chip small{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}

.intent-chip b{
  -webkit-line-clamp:2;
}

.intent-chip small{
  -webkit-line-clamp:2;
}

.main-nav-link,
.header-icon-btn,
.btn,
.sort-select,
.shop-filter-summary,
.sheet-title{
  white-space:normal!important;
  text-wrap:pretty;
}

.main-nav-link{
  line-height:1.25!important;
}

.btn{
  min-width:0!important;
  overflow-wrap:normal;
}

.sheet-title,
.app-section-title,
.section-title,
.product-detail-name{
  overflow-wrap:anywhere;
  word-break:normal;
  line-height:1.3!important;
}

.cat-chip:hover,
.cat-chip.active{
  transform:translateY(-1px);
  border-color:rgba(184,137,47,.25)!important;
  background:rgba(184,137,47,.10)!important;
}

.app-section-head{
  align-items:end!important;
  gap:1rem!important;
  padding-block:.35rem!important;
}

.app-section-title{
  color:var(--exp-ink)!important;
  letter-spacing:0!important;
  text-wrap:balance;
}

.products-grid{
  align-items:stretch!important;
}

.product-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:var(--exp-card)!important;
  border:1px solid rgba(38,31,25,.09)!important;
  box-shadow:0 8px 22px rgba(25,20,16,.065)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}

@media (hover:hover){
  .product-card:hover{
    transform:translateY(-4px)!important;
    box-shadow:var(--exp-shadow)!important;
    border-color:rgba(184,137,47,.22)!important;
  }
}

.product-img-wrap{
  aspect-ratio:4/5!important;
  background:linear-gradient(135deg,#f5f2ed,#fff)!important;
  border-radius:0!important;
}

.product-img,
.product-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.product-card-actions{
  top:10px!important;
  inset-inline-end:10px!important;
}

.card-action-btn,
.product-quick-add{
  width:38px!important;
  height:38px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(38,31,25,.1)!important;
  box-shadow:0 8px 18px rgba(23,18,15,.12)!important;
}

.product-quick-add{
  inset-inline-end:10px!important;
  bottom:10px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--exp-ink),#3a2f28)!important;
}

.product-info{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  gap:.38rem!important;
  padding:.82rem .85rem .9rem!important;
}

.product-brand{
  color:var(--exp-sage)!important;
  font-size:.72rem!important;
  font-weight:800!important;
  min-height:1em;
}

.product-name{
  color:var(--exp-ink)!important;
  font-weight:850!important;
  line-height:1.38!important;
  min-height:2.76em!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}

.product-price-wrap{
  margin-top:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:.42rem!important;
  flex-wrap:wrap!important;
}

.product-price{
  color:var(--exp-ink)!important;
  font-weight:950!important;
}

.product-old-price{
  color:rgba(111,102,94,.72)!important;
}

.product-discount{
  border-radius:999px!important;
  background:rgba(159,95,95,.12)!important;
  color:var(--exp-rose)!important;
}

.flash-strip{
  padding:.7rem!important;
  overflow-x:auto!important;
  scroll-snap-type:x proximity;
}

.flash-strip-scroll{
  display:flex!important;
  grid-template-columns:none!important;
  gap:.78rem!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  padding:.1rem .05rem .75rem!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(184,137,47,.38) transparent;
}

.flash-strip-scroll::-webkit-scrollbar{
  height:6px;
}

.flash-strip-scroll::-webkit-scrollbar-track{
  background:transparent;
}

.flash-strip-scroll::-webkit-scrollbar-thumb{
  background:rgba(184,137,47,.38);
  border-radius:999px;
}

.flash-card{
  border-radius:8px!important;
  scroll-snap-align:start;
  flex:0 0 clamp(170px,13vw,210px)!important;
  width:clamp(170px,13vw,210px)!important;
  min-width:0!important;
  max-width:none!important;
}

.flash-card-img{
  height:auto!important;
  aspect-ratio:1/1.02!important;
}

.flash-card-name{
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
  min-height:2.55em;
}

.mobile-bottom-nav{
  border-radius:8px 8px 0 0!important;
  background:rgba(255,254,253,.96)!important;
  border-top:1px solid rgba(38,31,25,.11)!important;
  box-shadow:0 -14px 34px rgba(23,18,15,.11)!important;
}

.mob-nav-item{
  border-radius:8px!important;
}

.mob-nav-item.active{
  background:rgba(184,137,47,.10)!important;
}

.bottom-sheet{
  border-radius:8px 8px 0 0!important;
  background:var(--exp-surface)!important;
  border:1px solid var(--exp-line)!important;
  box-shadow:0 -20px 60px rgba(0,0,0,.22)!important;
}

.sheet-header{
  border-bottom:1px solid var(--exp-line)!important;
}

.sheet-close,
.qty-btn,
.cart-item-remove{
  border-radius:8px!important;
}

.cart-item,
.sheet-product-card,
.checkout-summary,
.checkout-form-card{
  border-radius:8px!important;
  border:1px solid var(--exp-line)!important;
  background:var(--exp-card)!important;
}

body.page-product .container{
  width:min(100% - clamp(20px,4vw,64px),1320px)!important;
}

body.page-product .breadcrumb{
  margin:0 0 .9rem!important;
}

body.page-product .product-detail{
  gap:clamp(1rem,3vw,2rem)!important;
  padding:1rem 0 1.4rem!important;
}

body.page-product .gallery-main-wrap,
body.page-product .product-detail-info,
body.page-product .cat-info-box{
  border-radius:8px!important;
  border:1px solid var(--exp-line)!important;
  background:var(--exp-card)!important;
}

body.page-product .gallery-main-wrap{
  height:clamp(390px,42vw,520px)!important;
  box-shadow:var(--exp-shadow-soft)!important;
}

body.page-product .gallery-trust,
body.page-product .gallery-thumbs-row{
  border-radius:8px!important;
}

body.page-product .product-detail-info{
  padding:clamp(1rem,2.3vw,1.4rem)!important;
  box-shadow:var(--exp-shadow-soft)!important;
}

body.page-product .product-detail-name{
  font-size:clamp(1.35rem,2vw,1.95rem)!important;
  letter-spacing:0!important;
}

body.page-product .product-detail-price-wrap{
  margin-bottom:.85rem!important;
}

body.page-product .detail-price-current{
  font-size:clamp(1.55rem,2.5vw,2.05rem)!important;
  color:var(--exp-ink)!important;
}

body.page-product .product-detail-desc{
  margin-bottom:1rem!important;
  line-height:1.75!important;
}

body.page-product .variant-group{
  margin-bottom:.95rem!important;
}

body.page-product .variant-btn,
body.page-product .variant-color-btn,
body.page-product .qty-selector,
body.page-product .qty-selector-btn,
body.page-product .btn{
  border-radius:8px!important;
}

body.page-product .product-detail-actions{
  gap:.55rem!important;
  margin-bottom:.9rem!important;
}

body.page-product .home-shipping-corner{
  min-height:36px!important;
  margin:.4rem auto .55rem!important;
  padding:7px 14px!important;
}

body.page-product .product-meta,
body.page-product .reviews-section,
body.page-product .shipping-info-box{
  border-radius:8px!important;
  border:1px solid var(--exp-line)!important;
  background:var(--exp-card)!important;
}

@media (min-width:1480px){
  body.page-home .products-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:1.15rem!important;
  }

  .hero-slider{
    height:clamp(400px,24vw,460px)!important;
    min-height:400px!important;
    max-height:460px!important;
  }
}

@media (min-width:1800px){
  body.page-home .products-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}

@media (min-width:1025px) and (max-width:1479px){
  body.page-home .products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:1rem!important;
  }
}

@media (min-width:1025px){
  body.page-home .hero-slider{
    height:400px!important;
    min-height:400px!important;
    max-height:430px!important;
  }

  body.page-home #mainContent > .container{
    padding-top:.65rem!important;
  }

  body.page-home .trust-strip{
    margin:.45rem 0 .7rem!important;
    padding:.25rem 0!important;
  }

  body.page-home .intent-strip{
    margin:.55rem 0 .75rem!important;
    gap:.75rem!important;
  }

  body.page-home .intent-chip{
    min-height:72px!important;
    border-radius:8px!important;
  }

  body.page-home .app-section-head{
    margin:.75rem 0 .5rem!important;
    padding:0!important;
  }

  body.page-home .flash-strip{
    margin-bottom:.65rem!important;
  }

  body.page-home .flash-card-img{
    height:170px!important;
    aspect-ratio:auto!important;
  }

  body.page-home .flash-card-body{
    padding:.62rem .7rem!important;
  }

  body.page-home .flash-card-name{
    font-size:.82rem!important;
    min-height:2.45em!important;
  }

  body.page-home .cat-chips-bar{
    margin:.8rem 0 .7rem!important;
  }

  body.page-home .shop-search-form{
    margin-bottom:.65rem!important;
  }

  body.page-home .shop-filter-shell{
    margin-bottom:.8rem!important;
  }
}

@media (min-width:769px) and (max-width:1024px){
  body > .container,
  main > .container,
  #mainContent > .container,
  .container{
    width:calc(100% - 32px)!important;
  }

  body.page-home #mainContent{
    width:calc(100% - 32px)!important;
    margin-inline:16px!important;
  }

  body.page-home .products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.9rem!important;
  }

  body.page-home #mainContent > .container{
    padding-top:.55rem!important;
  }

  body.page-home .trust-strip,
  body.page-home .intent-strip{
    margin:.55rem 0!important;
  }

  body.page-home .flash-card{
    flex:0 0 210px!important;
    width:210px!important;
  }

  body.page-home .flash-card-img{
    height:168px!important;
    aspect-ratio:auto!important;
  }

  body.page-home .app-section-head{
    margin:.75rem 0 .5rem!important;
    padding:0!important;
  }

  body.page-product .product-detail-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr)) 44px 44px!important;
    align-items:stretch!important;
  }

  body.page-product .product-detail-actions .btn{
    min-width:0!important;
    white-space:normal!important;
    line-height:1.25!important;
  }

  body.page-product .product-detail-actions .add-to-cart-btn{
    min-width:132px!important;
  }

  .hero-slider{
    min-height:410px!important;
    height:410px!important;
  }

  .bottom-sheet{
    width:min(760px,calc(100vw - 32px))!important;
    inset-inline:auto!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%) translateY(100%)!important;
  }

  .bottom-sheet.open{
    transform:translateX(-50%) translateY(0)!important;
  }
}

@media (max-width:768px){
  html{
    scroll-padding-top:82px;
  }

  body{
    background:#fbfaf7!important;
  }

  body > .container,
  main > .container,
  #mainContent > .container,
  .container{
    width:calc(100% - 16px)!important;
    max-width:none!important;
  }

  .site-header{
    width:calc(100% - 14px)!important;
    inset-inline:7px!important;
    top:7px!important;
    border-radius:8px!important;
    background:rgba(255,254,253,.96)!important;
    border-color:rgba(38,31,25,.10)!important;
    box-shadow:0 12px 28px rgba(23,18,15,.12)!important;
  }

  .header-inner{
    grid-template-columns:86px minmax(0,1fr) 86px!important;
    gap:6px!important;
  }

  .menu-toggle,
  .header-icon-btn{
    width:42px!important;
    height:42px!important;
    border-radius:8px!important;
  }

  .site-logo .logo-img{
    height:36px!important;
    max-width:min(116px,34vw)!important;
  }

  .logo-name{
    max-width:36vw!important;
    font-size:.9rem!important;
  }

  body.page-home #mainContent{
    width:calc(100% - 14px)!important;
    margin-inline:7px!important;
    margin-top:9px!important;
  }

  body.page-home .hero-slider{
    height:min(42svh,350px)!important;
    min-height:292px!important;
    max-height:350px!important;
    border-radius:8px!important;
    margin:7px 0 10px!important;
  }

  .hero-slider::after{
    background:
      linear-gradient(0deg,rgba(16,12,10,.62),rgba(16,12,10,.10) 56%),
      linear-gradient(90deg,rgba(16,12,10,.34),rgba(16,12,10,.05))!important;
  }

  .slide-content{
    align-items:flex-start!important;
    justify-content:flex-end!important;
    padding:0 1rem 2.7rem!important;
  }

  .slide-content h1,
  .slide-title{
    font-size:clamp(1.65rem,8vw,2.45rem)!important;
    line-height:1.08!important;
  }

  .slide-content p,
  .slide-subtitle{
    font-size:.9rem!important;
    line-height:1.6!important;
  }

  body.page-home .cat-chips-bar,
  body.page-home .shop-search-form,
  body.page-home .shop-filter-shell{
    border-radius:8px!important;
  }

  body.page-home .cat-chip{
    min-height:40px!important;
    border-radius:8px!important;
  }

  body.page-home .trust-strip{
    margin:.35rem 0 .45rem!important;
    padding:.25rem 0!important;
  }

  body.page-home .trust-pill{
    min-height:38px!important;
    padding:.45rem .7rem!important;
    font-size:.72rem!important;
  }

  body.page-home .intent-strip{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    margin:.45rem 0 .55rem!important;
    padding:.1rem 0 .55rem!important;
    scrollbar-width:none;
  }

  body.page-home .intent-strip::-webkit-scrollbar{
    display:none!important;
  }

  body.page-home .intent-chip{
    flex:0 0 176px!important;
    min-height:78px!important;
    border-radius:8px!important;
  }

  body.page-home .flash-strip{
    padding:.48rem!important;
    margin-bottom:.45rem!important;
  }

  body.page-home .flash-strip-scroll{
    gap:8px!important;
    padding-bottom:.5rem!important;
  }

  body.page-home .flash-card{
    flex-basis:38vw!important;
    width:38vw!important;
    max-width:152px!important;
  }

  body.page-home .flash-card-img{
    height:132px!important;
    aspect-ratio:auto!important;
  }

  body.page-home .flash-card-body{
    padding:.5rem .55rem!important;
  }

  body.page-home .flash-card-name{
    font-size:.72rem!important;
    line-height:1.3!important;
    min-height:2.6em!important;
  }

  body.page-home .flash-card-price{
    font-size:.82rem!important;
  }

  body.page-home .app-section-head{
    display:flex!important;
    align-items:center!important;
    margin:.5rem 0 .42rem!important;
  }

  body.page-home .app-section-title{
    max-width:calc(100% - 116px)!important;
    font-size:1rem!important;
    white-space:normal!important;
    overflow:visible!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  body.page-home .sort-select{
    max-width:112px!important;
    height:36px!important;
  }

  body.page-home .products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body.page-home .product-card{
    border-radius:8px!important;
    box-shadow:0 6px 16px rgba(25,20,16,.07)!important;
  }

  body.page-home .product-img-wrap{
    aspect-ratio:1/1.22!important;
  }

  body.page-home .product-info{
    padding:.58rem .58rem .66rem!important;
    gap:.25rem!important;
  }

  body.page-home .product-brand{
    font-size:.65rem!important;
  }

  body.page-home .product-name{
    font-size:.76rem!important;
    line-height:1.34!important;
    min-height:2.68em!important;
  }

  body.page-home .product-price{
    font-size:.9rem!important;
  }

  body.page-home .product-old-price,
  body.page-home .product-discount{
    font-size:.68rem!important;
  }

  .card-action-btn,
  .product-quick-add{
    width:34px!important;
    height:34px!important;
    border-radius:8px!important;
  }

  .bottom-sheet{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    transform:translateY(100%)!important;
    width:100vw!important;
    max-width:100vw!important;
    max-height:calc(100svh - 12px)!important;
    border-radius:8px 8px 0 0!important;
  }

  .bottom-sheet.open{
    transform:translate3d(0,0,0)!important;
  }

  #productSheet.open,
  #cartSheet.open,
  #checkoutSheet.open{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
  }

  .sheet-header{
    min-height:58px!important;
  }

  .cart-item{
    grid-template-columns:74px minmax(0,1fr)!important;
    gap:.7rem!important;
  }

  .cart-item-img{
    width:74px!important;
    height:92px!important;
    border-radius:8px!important;
  }

  body.page-product{
    padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;
  }

  body.page-product .home-shipping-corner{
    width:calc(100% - 28px)!important;
    min-height:38px!important;
    margin:8px 14px 6px!important;
    padding:7px 14px!important;
    border-radius:8px!important;
    font-size:.72rem!important;
  }

  body.page-product .home-shipping-corner i{
    width:22px!important;
    height:22px!important;
    font-size:.68rem!important;
  }

  body.page-product > .container{
    width:calc(100% - 14px)!important;
    padding-block:8px .75rem!important;
  }

  body.page-product .breadcrumb{
    display:none!important;
  }

  body.page-product .product-detail{
    display:block!important;
    padding:0!important;
  }

  body.page-product .product-gallery{
    position:relative!important;
    top:auto!important;
    margin:0 0 .65rem!important;
  }

  body.page-product .gallery-main-wrap{
    height:auto!important;
    aspect-ratio:1/1.03!important;
    border-radius:8px!important;
  }

  body.page-product .gallery-main-img{
    object-fit:cover!important;
  }

  body.page-product .gallery-thumbs-row{
    padding:.48rem 0!important;
    gap:.45rem!important;
  }

  body.page-product .gallery-thumb-item{
    width:50px!important;
    height:50px!important;
    border-radius:8px!important;
  }

  body.page-product .gallery-trust{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:.55rem!important;
  }

  body.page-product .trust-item{
    min-width:0!important;
    padding:.48rem .35rem!important;
    border-radius:8px!important;
    font-size:.65rem!important;
    text-align:center!important;
    justify-content:center!important;
    line-height:1.25!important;
  }

  body.page-product .product-detail-info{
    padding:.85rem!important;
    border-radius:8px!important;
  }

  body.page-product .product-brand-tag{
    font-size:.66rem!important;
    margin-bottom:.45rem!important;
  }

  body.page-product .product-detail-name{
    font-size:1.18rem!important;
    line-height:1.35!important;
    margin-bottom:.55rem!important;
  }

  body.page-product .product-detail-rating{
    margin-bottom:.65rem!important;
    gap:.35rem!important;
  }

  body.page-product .detail-price-current{
    font-size:1.55rem!important;
  }

  body.page-product .product-detail-desc{
    font-size:.82rem!important;
    line-height:1.75!important;
    max-height:4.1em;
    overflow:auto;
    padding-inline-end:.2rem;
  }

  body.page-product .variant-options{
    gap:.45rem!important;
  }

  body.page-product .product-detail-actions{
    position:sticky!important;
    bottom:calc(var(--bottom-nav-h,72px) + env(safe-area-inset-bottom,0px) + 8px)!important;
    z-index:120!important;
    padding:.55rem!important;
    margin:.55rem -.35rem 0!important;
    background:rgba(255,254,253,.95)!important;
    border:1px solid var(--exp-line)!important;
    border-radius:8px!important;
    box-shadow:0 12px 32px rgba(23,18,15,.16)!important;
    backdrop-filter:blur(14px);
  }

  body.page-product .product-detail-actions .btn{
    min-height:44px!important;
    font-size:.78rem!important;
  }

  body.page-product .product-detail-actions .btn-icon{
    flex:0 0 44px!important;
    width:44px!important;
  }

  body.page-product .cat-info-box{
    padding:.85rem!important;
    margin-top:.75rem!important;
  }

  body.page-product .product-meta{
    margin-top:.75rem!important;
    padding:.65rem!important;
    gap:.35rem!important;
  }

  body.page-product .shipping-info-box{
    margin-top:.75rem!important;
    padding:.65rem!important;
  }

  body.page-product .shipping-info-title{
    margin-bottom:.45rem!important;
    font-size:.78rem!important;
  }

  body.page-product .shipping-info-rows{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.4rem!important;
  }

  body.page-product .shipping-info-row{
    min-width:0!important;
    font-size:.68rem!important;
    line-height:1.35!important;
    gap:.32rem!important;
    padding:.4rem!important;
    border-radius:8px!important;
    background:rgba(184,137,47,.07)!important;
  }

  body.page-product .shipping-info-box select,
  body.page-product .shipping-info-box input,
  body.page-product .shipping-info-box button{
    min-height:38px!important;
    border-radius:8px!important;
    font-size:.76rem!important;
  }

  body.page-product .shipping-info-box > div:last-child{
    margin-top:.45rem!important;
    padding-top:.45rem!important;
  }

  body.page-product .shipping-info-box > div:last-child > div:first-child{
    margin-bottom:.28rem!important;
    font-size:.72rem!important;
  }

  body.page-product #shippingResult{
    margin-top:.25rem!important;
    font-size:.72rem!important;
    min-height:0!important;
  }

  body.page-product .product-meta-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:.5rem!important;
    padding:.42rem 0!important;
    font-size:.74rem!important;
  }

  body.page-product .reviews-section{
    margin-top:.85rem!important;
    padding:.85rem!important;
  }

  body.page-product .reviews-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.75rem!important;
    margin-bottom:.6rem!important;
  }

  body.page-product .account-section-title{
    font-size:.98rem!important;
    margin:0!important;
  }

  body.page-product .reviews-list{
    display:grid!important;
    gap:.55rem!important;
  }

  body.page-product .review-card{
    border-radius:8px!important;
    padding:.7rem!important;
  }

  body.page-product section.section{
    padding:1rem 0 calc(92px + env(safe-area-inset-bottom,0px))!important;
  }

  body.page-product section.section .container{
    width:calc(100% - 14px)!important;
  }

  body.page-product .section-header{
    margin-bottom:.7rem!important;
  }

  body.page-product .section-title{
    font-size:1rem!important;
  }

  body.page-product section.section .products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
}

@media (max-width:380px){
  .header-inner{
    grid-template-columns:78px minmax(0,1fr) 78px!important;
  }

  .menu-toggle,
  .header-icon-btn{
    width:39px!important;
    height:39px!important;
  }

  body.page-home .products-grid{
    gap:7px!important;
  }

  body.page-home .product-info{
    padding:.52rem!important;
  }
}

@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}

/* Checkout and cart text resilience */
.cart-page-layout,
.checkout-layout,
.checkout-card,
.checkout-summary-card,
.cart-summary-box,
.payment-option,
.checkout-item,
.cart-page-row{
  min-width:0!important;
}

.cart-page-name,
.cart-page-brand,
.checkout-card-title,
.checkout-item-name,
.checkout-item-brand,
.payment-option-name,
.payment-option-desc,
.form-label,
.gift-checkout-card label span,
.checkout-total-row span,
.cart-summary-box span,
.cart-summary-box strong{
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:normal;
}

.checkout-card-title{
  align-items:flex-start!important;
  line-height:1.45!important;
}

.checkout-card-title i,
.gift-checkout-card label i{
  flex:0 0 auto;
  margin-top:.16em;
}

.payment-option-info{
  min-width:0!important;
}

.payment-option-name{
  line-height:1.35!important;
}

.payment-option-desc{
  line-height:1.55!important;
}

.checkout-total-row{
  gap:.75rem!important;
}

.checkout-total-row span:first-child{
  flex:1 1 auto;
}

.checkout-total-row span:last-child,
.checkout-item-price,
.cart-page-price{
  flex:0 0 auto;
  white-space:nowrap!important;
}

.checkout-item-info{
  min-width:0!important;
}

.gift-checkout-card label{
  min-width:0!important;
  align-items:flex-start!important;
  line-height:1.5!important;
}

.gift-checkout-card input[type="checkbox"]{
  margin-top:.2rem!important;
}

.btn-full,
.btn.btn-full{
  max-width:100%!important;
  box-sizing:border-box!important;
}

.cart-drawer,
.cart-drawer *,
.bottom-sheet,
.bottom-sheet *{
  box-sizing:border-box;
}

@media (min-width:1025px){
  .checkout-layout{
    grid-template-columns:minmax(0,1fr) minmax(330px,380px)!important;
  }

  .cart-page-layout{
    grid-template-columns:minmax(0,1fr) minmax(320px,380px)!important;
  }
}

@media (max-width:768px){
  .checkout-layout,
  .cart-page-layout{
    gap:1rem!important;
  }

  .checkout-card,
  .checkout-summary-card,
  .cart-summary-box{
    border-radius:10px!important;
    padding:.9rem!important;
  }

  .checkout-summary-col{
    order:0!important;
  }

  .checkout-card-title{
    font-size:.9rem!important;
    margin-bottom:.8rem!important;
  }

  .checkout-item{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) auto!important;
    gap:.65rem!important;
    align-items:center!important;
  }

  .checkout-item-img{
    width:52px!important;
    height:52px!important;
    border-radius:9px!important;
  }

  .checkout-item-name{
    font-size:.8rem!important;
    line-height:1.45!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .checkout-item-brand{
    font-size:.7rem!important;
    line-height:1.35!important;
  }

  .checkout-item-price{
    font-size:.78rem!important;
  }

  .payment-option{
    gap:.65rem!important;
    align-items:flex-start!important;
    border-radius:10px!important;
  }

  .payment-option-icon{
    width:38px!important;
    height:38px!important;
    border-radius:9px!important;
  }

  .payment-option-check{
    margin-top:.45rem!important;
    flex:0 0 auto;
  }

  .form-row{
    grid-template-columns:1fr!important;
  }

  .cart-page-row{
    grid-template-columns:58px minmax(0,1fr)!important;
    align-items:start!important;
    gap:.7rem!important;
    padding:.8rem!important;
  }

  .cart-page-row > div:nth-child(3),
  .cart-page-row > div:nth-child(4),
  .cart-page-row > div:nth-child(5){
    grid-column:2!important;
  }

  .cart-page-row > div:nth-child(5){
    justify-content:space-between!important;
    width:100%!important;
    flex-wrap:wrap!important;
    gap:.5rem!important;
  }

  .cart-page-name{
    font-size:.84rem!important;
    line-height:1.45!important;
  }

  .cart-page-brand{
    line-height:1.4!important;
  }

  .cart-page-price{
    font-size:.82rem!important;
  }

  .cart-summary-box > div,
  .checkout-summary-card > div{
    min-width:0!important;
  }

  .cart-summary-box .btn,
  .checkout-card .btn,
  .checkout-summary-card .btn{
    min-width:0!important;
    white-space:normal!important;
    line-height:1.35!important;
  }
}

@media (max-width:420px){
  .checkout-card,
  .checkout-summary-card,
  .cart-summary-box{
    padding:.78rem!important;
  }

  .checkout-item{
    grid-template-columns:48px minmax(0,1fr)!important;
  }

  .checkout-item-price{
    grid-column:2!important;
    justify-self:start!important;
    margin-top:.15rem;
  }

  .payment-option{
    padding:.68rem!important;
  }

  .payment-option-name{
    font-size:.84rem!important;
  }

  .payment-option-desc{
    font-size:.72rem!important;
  }
}

@media (max-width:768px){
  .header-actions{
    gap:6px!important;
  }

  #searchToggle,
  #darkToggle,
  .header-lang-btn,
  .cart-trigger{
    display:inline-flex!important;
  }

  .header-icon-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:11px!important;
  }

  .site-header .header-icon-btn i{
    font-size:1.04rem!important;
  }

  .logo-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

@media (max-width:380px){
  .header-actions{
    gap:4px!important;
  }

  .header-icon-btn{
    width:37px!important;
    height:37px!important;
    min-width:37px!important;
  }
}

@media (min-width:1025px){
  .header-actions{
    gap:6px!important;
    padding:5px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(38,31,25,.08)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 8px 20px rgba(23,18,15,.08)!important;
  }

  body.dark .header-actions{
    background:rgba(30,24,19,.76)!important;
    border-color:rgba(255,255,255,.1)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 22px rgba(0,0,0,.18)!important;
  }

  .header-actions .header-icon-btn{
    width:39px!important;
    height:39px!important;
    min-width:39px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 5px 12px rgba(140,109,47,.18), inset 0 1px 0 rgba(255,255,255,.2)!important;
  }

  .site-header .header-actions .header-icon-btn i{
    color:#fff!important;
    font-size:1rem!important;
    line-height:1!important;
  }

  .header-actions .header-icon-btn:hover{
    transform:translateY(-1px)!important;
    background:linear-gradient(135deg,#d5b56d,var(--gold-deep,#8C6D2F))!important;
    box-shadow:0 8px 17px rgba(140,109,47,.25), inset 0 1px 0 rgba(255,255,255,.24)!important;
  }

  .header-actions .header-icon-btn:active{
    transform:translateY(0)!important;
  }

  .cart-badge{
    top:-3px!important;
    inset-inline-end:-3px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    border:2px solid var(--surface,#fff)!important;
    font-size:.62rem!important;
    line-height:17px!important;
  }

  body.dark .cart-badge{
    border-color:#211b16!important;
  }
}

@media (max-width:768px){
  .header-actions{
    gap:5px!important;
    padding:3px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.68)!important;
    border:1px solid rgba(38,31,25,.08)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
  }

  body.dark .header-actions{
    background:rgba(30,24,19,.72)!important;
    border-color:rgba(255,255,255,.1)!important;
  }

  .header-actions .header-icon-btn{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border:0!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  .site-header .header-actions .header-icon-btn i{
    color:#fff!important;
    font-size:.96rem!important;
  }

  .header-actions a[href*="account.php"],
  .header-actions a[href*="login.php"],
  .header-actions a[href*="wishlist.php"]{
    display:none!important;
  }

  .cart-badge{
    top:-4px!important;
    inset-inline-end:-4px!important;
    min-width:16px!important;
    height:16px!important;
    border:2px solid var(--surface,#fff)!important;
    font-size:.58rem!important;
  }
}

@media (max-width:390px){
  .header-actions{
    gap:4px!important;
    padding:2px!important;
  }

  .header-actions .header-icon-btn{
    width:33px!important;
    height:33px!important;
    min-width:33px!important;
  }

  .site-header .header-actions .header-icon-btn i{
    font-size:.9rem!important;
  }
}

@media (max-width:350px){
  .header-lang-btn{
    display:none!important;
  }
}

/* Premium header reset */
.site-header{
  position:fixed!important;
  width:100%!important;
  max-width:none!important;
  top:0!important;
  inset-inline:0!important;
  z-index:300!important;
  border-radius:0!important;
  background:rgba(255,255,255,.94)!important;
  border:0!important;
  border-bottom:1px solid rgba(28,22,17,.08)!important;
  box-shadow:0 8px 24px rgba(23,18,15,.06)!important;
}

body.dark .site-header{
  background:rgba(18,14,11,.94)!important;
  border-bottom-color:rgba(255,255,255,.1)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28)!important;
}

.site-header,
.site-header.header-hidden{
  transform:none!important;
}

.site-header .header-inner{
  width:min(100% - clamp(18px,4vw,56px),1440px)!important;
  max-width:1440px!important;
  height:68px!important;
  margin-inline:auto!important;
}

.header-lang-code{
  display:none!important;
}

.site-logo{
  min-width:0!important;
  gap:10px!important;
  align-items:center!important;
  text-decoration:none!important;
}

.site-logo .logo-img{
  width:auto!important;
  height:34px!important;
  max-width:44px!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
}

.site-logo .logo-text{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  line-height:1.05!important;
}

.logo-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(140,109,47,.22)!important;
}

.logo-icon i{
  color:#fff!important;
  font-size:1rem!important;
}

.logo-name{
  display:block!important;
  font-size:1rem!important;
  font-weight:900!important;
  letter-spacing:0!important;
  color:var(--exp-ink,#211811)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.logo-tag{
  display:block!important;
  font-size:.69rem!important;
  opacity:.62!important;
  margin-top:1px!important;
  color:var(--exp-muted,#7f7164)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.dark .logo-name{
  color:#F7EFE5!important;
}

body.dark .logo-tag{
  color:rgba(247,239,229,.68)!important;
}

@media (min-width:1025px){
  .site-header .header-inner{
    grid-template-columns:minmax(210px,285px) minmax(420px,1fr) auto!important;
    gap:20px!important;
  }

  .site-logo{
    max-width:285px!important;
  }

  .site-logo .logo-img{
    height:36px!important;
    max-width:48px!important;
  }

  .site-logo .logo-name{
    max-width:210px!important;
  }

  .site-logo .logo-tag{
    max-width:205px!important;
  }

  .main-nav{
    justify-self:center!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:2px!important;
    padding:4px!important;
    border-radius:999px!important;
    background:rgba(244,238,229,.76)!important;
    border:1px solid rgba(38,31,25,.08)!important;
    white-space:nowrap!important;
  }

  body.dark .main-nav{
    background:rgba(255,255,255,.06)!important;
    border-color:rgba(255,255,255,.09)!important;
  }

  .main-nav-link{
    min-height:36px!important;
    border-radius:999px!important;
    padding:.48rem .82rem!important;
    gap:.42rem!important;
    font-size:.84rem!important;
    font-weight:800!important;
    color:rgba(31,23,16,.68)!important;
    background:transparent!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
    line-height:1!important;
  }

  .main-nav-icon{
    color:currentColor!important;
    font-size:.82rem!important;
  }

  .main-nav-link:hover{
    color:var(--exp-ink,#211811)!important;
    background:rgba(255,255,255,.72)!important;
  }

  .main-nav-link.active{
    color:#fff!important;
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    box-shadow:0 7px 16px rgba(140,109,47,.18)!important;
  }

  body.dark .main-nav-link{
    color:rgba(247,239,229,.72)!important;
  }

  body.dark .main-nav-link:hover{
    color:#fff!important;
    background:rgba(255,255,255,.09)!important;
  }

  body.dark .main-nav-link.active{
    color:#fff!important;
  }

  .header-actions{
    justify-self:end!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .header-actions .header-icon-btn,
  body.dark .header-actions .header-icon-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(140,109,47,.18)!important;
  }

  body.dark .header-actions .header-icon-btn{
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border-color:rgba(255,255,255,.16)!important;
    color:#fff!important;
  }

  .site-header .header-actions .header-icon-btn i{
    color:currentColor!important;
    font-size:1rem!important;
  }

  .header-actions .header-icon-btn:hover,
  body.dark .header-actions .header-icon-btn:hover{
    transform:translateY(-1px)!important;
    color:#fff!important;
    background:linear-gradient(135deg,#DDBD72,var(--gold-deep,#8C6D2F))!important;
    border-color:transparent!important;
    box-shadow:0 10px 22px rgba(140,109,47,.28)!important;
  }

  .header-actions .cart-trigger,
  body.dark .header-actions .cart-trigger{
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border-color:transparent!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(140,109,47,.22)!important;
  }
}

@media (max-width:768px){
  body{
    padding-top:75px!important;
  }

  .site-header{
    top:0!important;
    border-radius:0!important;
    width:100%!important;
    max-width:none!important;
  }

  .site-header .header-inner{
    width:100%!important;
    height:60px!important;
    padding-inline:12px!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:8px!important;
  }

  .menu-toggle{
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 7px 16px rgba(140,109,47,.18)!important;
  }

  body.dark .menu-toggle{
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border-color:rgba(255,255,255,.16)!important;
  }

  .menu-toggle-bar{
    background:#fff!important;
  }

  .site-logo{
    justify-self:center!important;
    max-width:100%!important;
    overflow:hidden!important;
    gap:7px!important;
  }

  .site-logo .logo-img{
    height:31px!important;
    max-width:34px!important;
  }

  .site-logo .logo-text{
    display:flex!important;
    min-width:0!important;
    max-width:132px!important;
  }

  .logo-icon{
    width:31px!important;
    height:31px!important;
    border-radius:9px!important;
  }

  .logo-name{
    display:block!important;
    max-width:128px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:.92rem!important;
  }

  .logo-tag{
    display:none!important;
  }

  .mobile-nav-logo{
    min-width:0!important;
    gap:9px!important;
  }

  .mobile-logo-img{
    width:36px!important;
    height:36px!important;
    object-fit:contain!important;
    border-radius:10px!important;
  }

  .header-actions{
    justify-self:end!important;
    display:inline-flex!important;
    gap:6px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  #darkToggle,
  .header-lang-btn,
  .header-actions a[href*="account.php"],
  .header-actions a[href*="login.php"],
  .header-actions a[href*="wishlist.php"]{
    display:none!important;
  }

  .header-actions .header-icon-btn,
  body.dark .header-actions .header-icon-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:#fff!important;
    box-shadow:0 7px 16px rgba(140,109,47,.18)!important;
  }

  body.dark .header-actions .header-icon-btn{
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border-color:rgba(255,255,255,.16)!important;
    color:#fff!important;
  }

  .header-actions .cart-trigger,
  body.dark .header-actions .cart-trigger{
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    color:#fff!important;
    border-color:transparent!important;
  }

  .site-header .header-actions .header-icon-btn i{
    color:currentColor!important;
    font-size:1rem!important;
  }

  .mobile-nav-button{
    width:100%!important;
    border:0!important;
    background:transparent!important;
    font:inherit!important;
    text-align:inherit!important;
    cursor:pointer!important;
  }
}

@media (max-width:380px){
  .site-header .header-inner{
    padding-inline:10px!important;
    gap:6px!important;
  }

  .header-actions{
    gap:5px!important;
  }

  .header-actions .header-icon-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }

  .logo-name{
    max-width:96px!important;
  }

  .site-logo .logo-img{
    height:29px!important;
    max-width:31px!important;
  }

  .site-logo .logo-text{
    max-width:102px!important;
  }
}

/* Refined commerce header: calmer, more premium, less button-heavy */
.site-header{
  background:rgba(255,253,249,.96)!important;
  border-bottom:1px solid rgba(34,26,18,.075)!important;
  box-shadow:0 10px 28px rgba(27,20,14,.045)!important;
}

body.dark .site-header{
  background:rgba(18,15,12,.96)!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
}

.site-logo{
  gap:11px!important;
}

.site-logo .logo-img{
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 0 1px rgba(34,26,18,.08), 0 8px 18px rgba(27,20,14,.08)!important;
}

body.dark .site-logo .logo-img{
  background:rgba(255,255,255,.08)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.1)!important;
}

.logo-name{
  font-size:1.04rem!important;
  font-weight:900!important;
}

.logo-tag{
  font-size:.66rem!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

@media (min-width:1025px){
  .site-header .header-inner{
    height:72px!important;
    grid-template-columns:minmax(220px,300px) minmax(520px,1fr) minmax(260px,auto)!important;
  }

  .main-nav{
    height:44px!important;
    padding:0!important;
    gap:2px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.dark .main-nav{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }

  .main-nav-link{
    position:relative!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 .74rem!important;
    border-radius:0!important;
    color:rgba(35,27,20,.64)!important;
    font-size:.83rem!important;
    font-weight:800!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .main-nav-link:hover{
    color:#221911!important;
    background:transparent!important;
  }

  .main-nav-link.active{
    color:var(--gold-deep,#8C6D2F)!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .main-nav-link.active::after{
    content:""!important;
    position:absolute!important;
    inset-inline:22px!important;
    bottom:2px!important;
    height:2px!important;
    border-radius:99px!important;
    background:var(--gold,#C9A961)!important;
  }

  body.dark .main-nav-link{
    color:rgba(247,239,229,.7)!important;
  }

  body.dark .main-nav-link:hover,
  body.dark .main-nav-link.active{
    color:#fff!important;
    background:transparent!important;
  }

  .header-actions{
    gap:2px!important;
    padding:4px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.62)!important;
    border:1px solid rgba(34,26,18,.09)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.78), 0 6px 18px rgba(27,20,14,.04)!important;
  }

  body.dark .header-actions{
    background:rgba(255,255,255,.045)!important;
    border-color:rgba(255,255,255,.09)!important;
    box-shadow:none!important;
  }

  .header-actions .header-icon-btn,
  body.dark .header-actions .header-icon-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:50%!important;
    background:transparent!important;
    border:1px solid transparent!important;
    color:rgba(35,27,20,.7)!important;
    box-shadow:none!important;
  }

  .header-actions .header-lang-btn,
  body.dark .header-actions .header-lang-btn{
    width:auto!important;
    min-width:56px!important;
    padding-inline:11px!important;
    gap:6px!important;
    border-radius:999px!important;
  }

  .header-lang-code{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:18px!important;
    font-size:.68rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.03em!important;
    color:currentColor!important;
  }

  body.dark .header-actions .header-icon-btn{
    background:transparent!important;
    border-color:transparent!important;
    color:rgba(247,239,229,.78)!important;
    box-shadow:none!important;
  }

  .header-actions .header-icon-btn:hover,
  body.dark .header-actions .header-icon-btn:hover{
    transform:translateY(-1px)!important;
    color:#fff!important;
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border-color:transparent!important;
    box-shadow:0 9px 20px rgba(140,109,47,.22)!important;
  }

  .header-actions .header-lang-btn:hover .header-lang-code{
    color:#fff!important;
  }

  .header-actions .cart-trigger,
  body.dark .header-actions .cart-trigger{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    color:#fff!important;
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border-color:transparent!important;
    box-shadow:0 10px 24px rgba(140,109,47,.24)!important;
  }
}

@media (max-width:768px){
  .site-header{
    background:rgba(255,253,249,.97)!important;
    box-shadow:0 8px 22px rgba(27,20,14,.055)!important;
  }

  body.dark .site-header{
    background:rgba(18,15,12,.97)!important;
  }

  .site-header .header-inner{
    height:62px!important;
    grid-template-columns:42px minmax(0,1fr) 88px!important;
    padding-inline:14px!important;
    gap:10px!important;
  }

  .menu-toggle,
  body.dark .menu-toggle{
    width:40px!important;
    height:40px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.74)!important;
    border:1px solid rgba(34,26,18,.1)!important;
    box-shadow:0 5px 14px rgba(27,20,14,.045)!important;
  }

  body.dark .menu-toggle{
    background:rgba(255,255,255,.06)!important;
    border-color:rgba(255,255,255,.1)!important;
    box-shadow:none!important;
  }

  .menu-toggle-bar{
    background:rgba(35,27,20,.72)!important;
  }

  body.dark .menu-toggle-bar{
    background:rgba(247,239,229,.82)!important;
  }

  .site-logo{
    justify-self:center!important;
    gap:8px!important;
  }

  .site-logo .logo-img{
    height:32px!important;
    max-width:32px!important;
  }

  .logo-name{
    max-width:136px!important;
    font-size:.94rem!important;
  }

  .header-actions{
    width:88px!important;
    justify-content:flex-end!important;
    gap:8px!important;
  }

  .header-actions .header-icon-btn,
  body.dark .header-actions .header-icon-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.74)!important;
    border:1px solid rgba(34,26,18,.1)!important;
    color:rgba(35,27,20,.72)!important;
    box-shadow:0 5px 14px rgba(27,20,14,.045)!important;
  }

  body.dark .header-actions .header-icon-btn{
    background:rgba(255,255,255,.06)!important;
    border-color:rgba(255,255,255,.1)!important;
    color:rgba(247,239,229,.82)!important;
    box-shadow:none!important;
  }

  .header-actions .cart-trigger,
  body.dark .header-actions .cart-trigger{
    color:#fff!important;
    background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
    border-color:transparent!important;
    box-shadow:0 9px 20px rgba(140,109,47,.22)!important;
  }
}

/* Dark mode normalization: reduce harsh black and remove bright islands */
body.dark{
  --bg:#19140f!important;
  --surface:#241e18!important;
  --surface2:#2b241d!important;
  --beige:#31291f!important;
  --beige-dark:rgba(238,222,196,.14)!important;
  --text-primary:#f3eadf!important;
  --text-secondary:#b8aa9b!important;
  --exp-ink:#f3eadf!important;
  --exp-muted:#b8aa9b!important;
  --exp-soft:#241e18!important;
  --exp-surface:#241e18!important;
  --exp-card:#29221b!important;
  --exp-line:rgba(238,222,196,.13)!important;
  background:
    radial-gradient(circle at 50% -8%,rgba(201,169,97,.12),transparent 34%),
    linear-gradient(180deg,#1d1711 0%,#17120e 46%,#1b1510 100%)!important;
  color:#f3eadf!important;
}

body.dark .site-header,
body.dark .mobile-bottom-nav,
body.dark .cat-chips-bar,
body.dark .shop-search-form,
body.dark .shop-filter-panel,
body.dark .shop-filter-summary{
  background:rgba(36,30,24,.9)!important;
  border-color:rgba(238,222,196,.12)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}

body.dark .app-hero,
body.dark .hero-slider,
body.dark .page-hero,
body.dark .mobile-nav-head{
  background:
    radial-gradient(circle at 24% 12%,rgba(201,169,97,.16),transparent 30%),
    linear-gradient(145deg,#241b13 0%,#19130e 54%,#2a2118 100%)!important;
  border-color:rgba(238,222,196,.12)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.22)!important;
}

body.dark .product-card,
body.dark .flash-card,
body.dark .promo-card,
body.dark .trust-pill,
body.dark .value-card,
body.dark .contact-card,
body.dark .review-card,
body.dark .account-card,
body.dark .auth-card,
body.dark .cart-summary-box,
body.dark .order-summary-box,
body.dark .modal-box,
body.dark .bottom-sheet,
body.dark .cart-drawer,
body.dark .mobile-nav,
body.dark .toast,
body.dark .search-autocomplete,
body.dark .search-autocomplete-dropdown,
body.dark .pwa-banner,
body.dark .loyalty-how,
body.dark .loyalty-log,
body.dark .review-form-card{
  background:linear-gradient(180deg,#2a231c,#241e18)!important;
  border-color:rgba(238,222,196,.13)!important;
  color:#f3eadf!important;
  box-shadow:0 14px 34px rgba(0,0,0,.2)!important;
}

body.dark .product-info,
body.dark .sheet-header,
body.dark .cart-drawer-header,
body.dark .cart-drawer-footer,
body.dark .modal-header,
body.dark .checkout-summary-col,
body.dark .order-items-table th{
  background:rgba(36,30,24,.96)!important;
  border-color:rgba(238,222,196,.12)!important;
}

body.dark .cat-chip,
body.dark .filter-tag,
body.dark .page-btn,
body.dark .sort-select,
body.dark .form-input,
body.dark .form-select,
body.dark .form-textarea,
body.dark .cart-item-qty-wrap,
body.dark .empty-state-icon,
body.dark .mobile-nav-socials a,
body.dark .cart-close-btn,
body.dark .modal-close{
  background:#31291f!important;
  border-color:rgba(238,222,196,.14)!important;
  color:#f3eadf!important;
}

body.dark .cat-chip:not(.active):hover,
body.dark .filter-tag:hover,
body.dark .page-btn:hover,
body.dark .mobile-nav-link:hover,
body.dark .ac-item:hover{
  background:#3a3024!important;
  color:#f4d79a!important;
}

body.dark .section-title,
body.dark .product-name,
body.dark .cart-item-name,
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark label{
  color:#f3eadf!important;
}

body.dark .section-subtitle,
body.dark .product-brand,
body.dark .cart-item-brand,
body.dark .muted,
body.dark .text-muted,
body.dark small{
  color:#b8aa9b!important;
}

body.dark .app-splash-screen,
body.dark .app-splash-card{
  background:linear-gradient(145deg,#241e18,#1b1510)!important;
  border-color:rgba(238,222,196,.13)!important;
  color:#f3eadf!important;
}

body.dark img,
body.dark video{
  filter:none!important;
}

/* Royal dark refinement + desktop strip contrast */
body.dark{
  --royal-dark:#201814!important;
  --royal-panel:#2b211b!important;
  --royal-panel-2:#342820!important;
  --royal-line:rgba(239,218,180,.17)!important;
  --bg:#201814!important;
  --surface:#2b211b!important;
  --surface2:#342820!important;
  --beige:#392d24!important;
  --beige-dark:var(--royal-line)!important;
  --text-primary:#f7ead7!important;
  --text-secondary:#c7b69f!important;
  --exp-ink:#f7ead7!important;
  --exp-muted:#c7b69f!important;
  --exp-soft:#2b211b!important;
  --exp-surface:#2b211b!important;
  --exp-card:#30251e!important;
  --exp-line:var(--royal-line)!important;
  background:
    radial-gradient(circle at 18% -10%,rgba(201,169,97,.16),transparent 32%),
    radial-gradient(circle at 86% 8%,rgba(126,87,46,.14),transparent 34%),
    linear-gradient(180deg,#241b16 0%,#1f1713 45%,#261d17 100%)!important;
}

body.dark .site-header,
body.dark .header-search-wrap,
body.dark .mobile-bottom-nav,
body.dark .cat-chips-bar,
body.dark .shop-search-form,
body.dark .shop-filter-panel,
body.dark .shop-filter-summary,
body.dark .flash-strip{
  background:linear-gradient(180deg,rgba(49,38,30,.94),rgba(40,31,25,.94))!important;
  border-color:var(--royal-line)!important;
  color:#f7ead7!important;
  box-shadow:0 14px 32px rgba(14,10,8,.22)!important;
}

body.dark .app-section-head{
  background:linear-gradient(180deg,rgba(49,38,30,.82),rgba(40,31,25,.78))!important;
  border:1px solid var(--royal-line)!important;
  border-radius:8px!important;
  padding:.7rem .85rem!important;
  box-shadow:0 10px 24px rgba(14,10,8,.16)!important;
}

body.dark .app-section-title{
  color:#f7ead7!important;
}

body.dark .app-section-title::before{
  background:linear-gradient(135deg,var(--gold,#C9A961),var(--gold-deep,#8C6D2F))!important;
  box-shadow:0 0 0 4px rgba(201,169,97,.12)!important;
}

body.dark .app-section-head a,
body.dark .app-section-head .btn,
body.dark .app-section-head span{
  color:#dcc79e!important;
}

body.dark .flash-card,
body.dark .product-card{
  background:linear-gradient(180deg,#342820,#2b211b)!important;
  border-color:rgba(239,218,180,.16)!important;
}

body.dark .flash-card-body,
body.dark .product-info{
  background:rgba(43,33,27,.96)!important;
  color:#f7ead7!important;
}

body.dark .flash-card-name,
body.dark .product-name{
  color:#f7ead7!important;
}

body.dark .flash-card-price,
body.dark .product-price{
  color:#e4c576!important;
}

body.dark .flash-card-old,
body.dark .product-old-price{
  color:#9f8d78!important;
}

body.dark .app-section-head-sale{
  background:
    linear-gradient(90deg,rgba(173,56,56,.16),transparent 45%),
    linear-gradient(180deg,rgba(55,41,32,.92),rgba(42,32,25,.9))!important;
  border-color:rgba(231,116,116,.24)!important;
}

body.dark .app-section-head-sale .app-section-title::before{
  background:linear-gradient(135deg,#ef6f5e,#9f3d33)!important;
}

body.dark .app-section-head-new{
  background:
    linear-gradient(90deg,rgba(78,128,196,.14),transparent 45%),
    linear-gradient(180deg,rgba(55,41,32,.92),rgba(42,32,25,.9))!important;
  border-color:rgba(120,166,230,.22)!important;
}

body.dark .app-section-head-new .app-section-title::before{
  background:linear-gradient(135deg,#78a6e6,#3f6ba8)!important;
}

body.dark .flash-strip-sale,
body.dark .flash-strip-new{
  border:1px solid var(--royal-line)!important;
  border-radius:8px!important;
  padding:.72rem!important;
}

body.dark .flash-strip-sale{
  background:
    radial-gradient(circle at 0% 0%,rgba(231,116,116,.12),transparent 32%),
    linear-gradient(180deg,#332820,#2a211b)!important;
}

body.dark .flash-strip-new{
  background:
    radial-gradient(circle at 0% 0%,rgba(120,166,230,.12),transparent 32%),
    linear-gradient(180deg,#332820,#2a211b)!important;
}

body.dark .flash-strip-sale .flash-card-discount{
  background:linear-gradient(135deg,#ef6f5e,#9f3d33)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(159,61,51,.28)!important;
}

body.dark .flash-strip-new .flash-card-img span{
  background:linear-gradient(135deg,#78a6e6,#3f6ba8)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(63,107,168,.28)!important;
}

@media (min-width:769px){
  body.dark .cat-chips-bar,
  body.dark .shop-search-form,
  body.dark .flash-strip{
    background:linear-gradient(180deg,#332820,#2a211b)!important;
  }

  body.dark .cat-chip:not(.active),
  body.dark .filter-tag,
  body.dark .sort-select{
    background:#403226!important;
    color:#f0dfc8!important;
    border-color:rgba(239,218,180,.16)!important;
  }

  body.dark .cat-chip:not(.active) .cat-chip-count,
  body.dark .filter-tag span{
    color:#cfb994!important;
  }
}

/* Floating support buttons: keep WhatsApp visible above AI on phones */
@media (max-width:768px){
  .ai-fab{
    bottom:calc(var(--bottom-nav-h,64px) + var(--safe-bottom,0px) + 18px)!important;
    inset-inline-start:16px!important;
    left:auto!important;
    right:auto!important;
    z-index:9996!important;
  }

}

/* Slider text placement: language-aware desktop, readable mobile */
@media (min-width:769px){
  [dir="rtl"] .hero-slider .slide-content,
  [dir="rtl"] .hero-slider .slide-content .container,
  [dir="rtl"] .hero-slider .slide-text,
  html[lang="ar"] .hero-slider .slide-content,
  html[lang="ar"] .hero-slider .slide-content .container,
  html[lang="ar"] .hero-slider .slide-text{
    text-align:right!important;
  }

  [dir="ltr"] .hero-slider .slide-content,
  [dir="ltr"] .hero-slider .slide-content .container,
  [dir="ltr"] .hero-slider .slide-text,
  html[lang="en"] .hero-slider .slide-content,
  html[lang="en"] .hero-slider .slide-content .container,
  html[lang="en"] .hero-slider .slide-text{
    text-align:left!important;
  }

  [dir="rtl"] .hero-slider .slide-inner,
  html[lang="ar"] .hero-slider .slide-inner{
    display:grid!important;
    grid-template-columns:1fr minmax(0,540px)!important;
    align-items:center!important;
  }

  [dir="ltr"] .hero-slider .slide-inner,
  html[lang="en"] .hero-slider .slide-inner{
    display:grid!important;
    grid-template-columns:minmax(0,540px) 1fr!important;
    align-items:center!important;
  }

  [dir="rtl"] .hero-slider .slide-text,
  html[lang="ar"] .hero-slider .slide-text{
    grid-column:2!important;
    justify-self:end!important;
  }

  [dir="ltr"] .hero-slider .slide-text,
  html[lang="en"] .hero-slider .slide-text{
    grid-column:1!important;
    justify-self:start!important;
  }

  [dir="rtl"] .hero-slider .slide-actions,
  html[lang="ar"] .hero-slider .slide-actions{
    justify-content:flex-start!important;
    flex-direction:row!important;
  }

  [dir="ltr"] .hero-slider .slide-actions,
  html[lang="en"] .hero-slider .slide-actions{
    justify-content:flex-start!important;
  }

  [dir="rtl"] .hero-slider::after,
  html[lang="ar"] .hero-slider::after{
    background:
      linear-gradient(270deg,rgba(16,12,10,.62),rgba(16,12,10,.24) 48%,rgba(16,12,10,.06)),
      linear-gradient(0deg,rgba(16,12,10,.34),transparent 46%)!important;
  }

  [dir="ltr"] .hero-slider::after,
  html[lang="en"] .hero-slider::after{
    background:
      linear-gradient(90deg,rgba(16,12,10,.62),rgba(16,12,10,.24) 48%,rgba(16,12,10,.06)),
      linear-gradient(0deg,rgba(16,12,10,.34),transparent 46%)!important;
  }
}

@media (max-width:768px){
  .hero-slider{
    height:clamp(390px,78svh,520px)!important;
    min-height:390px!important;
    max-height:520px!important;
  }

  .hero-slider::after{
    background:
      linear-gradient(180deg,rgba(15,10,5,.06) 0%,rgba(15,10,5,.18) 38%,rgba(15,10,5,.82) 100%)!important;
  }

  .hero-slider .slide-overlay{
    background:
      linear-gradient(180deg,rgba(15,10,5,.05) 0%,rgba(15,10,5,.14) 36%,rgba(15,10,5,.84) 100%)!important;
  }

  .hero-slider .slide-bg img{
    object-position:center top!important;
  }

  .hero-slider .slide-content{
    align-items:flex-end!important;
    padding:0!important;
  }

  .hero-slider .slide-content .container{
    width:100%!important;
    max-width:none!important;
    padding-inline:16px!important;
    padding-bottom:54px!important;
  }

  .hero-slider .slide-inner{
    display:block!important;
    padding:0!important;
  }

  .hero-slider .slide-text{
    width:100%!important;
    max-width:100%!important;
    padding:16px 16px 15px!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,rgba(21,16,12,.18),rgba(21,16,12,.38))!important;
    border:1px solid rgba(255,255,255,.08)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    text-align:start!important;
  }

  .hero-slider .slide-title{
    max-width:100%!important;
    margin:0 0 8px!important;
    font-size:clamp(1.55rem,8vw,2.15rem)!important;
    line-height:1.12!important;
    text-wrap:balance!important;
  }

  .hero-slider .slide-desc{
    max-width:100%!important;
    margin:0 0 12px!important;
    font-size:.9rem!important;
    line-height:1.55!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .hero-slider .slide-actions{
    display:flex!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
  }

  .hero-slider .slide-actions .btn{
    min-height:38px!important;
    padding:.58rem .82rem!important;
    font-size:.82rem!important;
    border-radius:8px!important;
    white-space:nowrap!important;
  }

  .hero-slider .slider-dots{
    bottom:18px!important;
  }
}

@media (max-width:380px){
  .hero-slider .slide-content .container{
    padding-inline:12px!important;
    padding-bottom:50px!important;
  }

  .hero-slider .slide-text{
    padding:14px!important;
  }

  .hero-slider .slide-title{
    font-size:1.48rem!important;
  }

  .hero-slider .slide-actions .btn{
    padding:.52rem .68rem!important;
    font-size:.78rem!important;
  }
}

/* Desktop footer: compact premium layout */
@media (min-width:1025px){
  .site-footer{
    background:
      radial-gradient(circle at 12% 0%,rgba(201,169,97,.12),transparent 28%),
      linear-gradient(180deg,#14100c,#090705)!important;
  }

  .site-footer .footer-top{
    padding:2rem 0 1.55rem!important;
  }

  .site-footer .footer-grid{
    grid-template-columns:minmax(240px,1.15fr) .78fr .88fr minmax(250px,1fr)!important;
    gap:1.75rem!important;
    align-items:start!important;
  }

  .site-footer .footer-logo{
    margin-bottom:.65rem!important;
    gap:.55rem!important;
  }

  .site-footer .footer-logo .logo-img{
    height:32px!important;
    max-width:42px!important;
    object-fit:contain!important;
  }

  .site-footer .footer-logo-icon{
    width:31px!important;
    height:31px!important;
    border-radius:8px!important;
    font-size:.86rem!important;
  }

  .site-footer .footer-logo-name{
    font-size:.98rem!important;
    line-height:1.15!important;
  }

  .site-footer .footer-logo-tag{
    font-size:.6rem!important;
  }

  .site-footer .footer-desc{
    max-width:340px!important;
    margin-bottom:.85rem!important;
    font-size:.78rem!important;
    line-height:1.65!important;
    color:rgba(255,255,255,.56)!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .site-footer .footer-socials{
    gap:.42rem!important;
  }

  .site-footer .footer-social{
    width:31px!important;
    height:31px!important;
    border-radius:8px!important;
    font-size:.78rem!important;
    background:rgba(255,255,255,.045)!important;
  }

  .site-footer .footer-col-title{
    margin-bottom:.7rem!important;
    font-size:.68rem!important;
    letter-spacing:.08em!important;
  }

  .site-footer .footer-links,
  .site-footer .footer-contact{
    gap:.34rem!important;
  }

  .site-footer .footer-links a,
  .site-footer .footer-contact li,
  .site-footer .footer-contact a,
  .site-footer .footer-contact span{
    font-size:.76rem!important;
    line-height:1.45!important;
  }

  .site-footer .footer-contact li{
    gap:.48rem!important;
  }

  .site-footer .footer-contact-icon{
    font-size:.75rem!important;
    margin-top:3px!important;
  }

  .site-footer .footer-trust{
    margin-top:.7rem!important;
    padding-top:.7rem!important;
    gap:.3rem!important;
  }

  .site-footer .footer-trust-item{
    font-size:.72rem!important;
    line-height:1.35!important;
    gap:.4rem!important;
  }

  .site-footer .footer-trust-item i{
    font-size:.72rem!important;
  }

  .site-footer .footer-bottom{
    padding:.72rem 0!important;
  }

  .site-footer .footer-bottom-inner{
    gap:.6rem!important;
    font-size:.72rem!important;
  }

  .site-footer .footer-bottom-inner > span{
    max-width:50ch!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .site-footer .footer-payment-icons{
    gap:.55rem!important;
    font-size:.92rem!important;
  }
}

@media (min-width:1025px) and (max-width:1180px){
  .site-footer .footer-grid{
    grid-template-columns:1.05fr .78fr .82fr .95fr!important;
    gap:1.2rem!important;
  }

  .site-footer .footer-links a,
  .site-footer .footer-contact li,
  .site-footer .footer-contact a,
  .site-footer .footer-contact span{
    font-size:.72rem!important;
  }
}

/* CMS powered static pages */
.about-cms-hero,
.contact-cms-hero{
  padding:clamp(2.25rem,5vw,4rem) 0 clamp(1.75rem,4vw,3rem);
  text-align:center;
}
.about-cms-layout,
.contact-cms-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:clamp(1.25rem,4vw,3rem);
  align-items:start;
  max-width:1100px;
  margin:0 auto;
}
.about-cms-body,
.contact-cms-form,
.contact-cms-methods{
  min-width:0;
}
.about-cms-side{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}
.about-cms-stat,
.about-cms-contact,
.contact-cms-form,
.contact-cms-methods{
  background:var(--surface);
  border:1px solid var(--beige-dark);
  border-radius:14px;
  box-shadow:var(--shadow-soft);
}
.about-cms-stat{
  padding:1rem;
  text-align:center;
}
.about-cms-stat strong{
  display:block;
  color:var(--gold);
  font-size:1.45rem;
  line-height:1.1;
}
.about-cms-stat span{
  display:block;
  margin-top:.35rem;
  color:var(--text-secondary);
  font-size:.8rem;
}
.about-cms-contact{
  grid-column:1/-1;
  padding:1rem;
}
.about-cms-contact h3{
  font-size:.98rem;
  margin-bottom:.75rem;
}
.about-cms-contact p{
  display:flex;
  gap:.5rem;
  align-items:flex-start;
  color:var(--text-secondary);
  font-size:.86rem;
  line-height:1.6;
}
.contact-cms-intro{
  max-width:680px;
  margin:1rem auto 0;
  color:var(--text-secondary);
}
.contact-cms-methods{
  padding:.85rem;
  display:flex;
  flex-direction:column;
  gap:.75rem;
}
.contact-socials{
  display:flex;
  gap:.6rem;
  padding:.35rem .15rem 0;
}
.contact-socials a{
  width:38px;
  height:38px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:var(--bg);
  border:1px solid var(--beige-dark);
  color:var(--text);
}
.contact-cms-form{
  padding:1.25rem;
}
.contact-success{
  text-align:center;
  padding:2rem 1rem;
}
.contact-success i{
  color:#22c55e;
  font-size:2.5rem;
}
.form-alert{
  margin-bottom:1rem;
  padding:.8rem;
  border-radius:10px;
  background:rgba(239,68,68,.08);
  border:1px solid rgba(239,68,68,.2);
  color:#dc2626;
  font-size:.85rem;
}
html.dark .about-cms-stat,
html.dark .about-cms-contact,
html.dark .contact-cms-form,
html.dark .contact-cms-methods{
  background:rgba(28,25,38,.82);
  border-color:rgba(214,184,116,.18);
}
html.dark .contact-socials a{
  background:rgba(17,15,25,.85);
  border-color:rgba(214,184,116,.18);
  color:#F5EBDD;
}
@media(max-width:860px){
  .about-cms-layout,
  .contact-cms-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:520px){
  .about-cms-side{
    grid-template-columns:1fr 1fr;
  }
  .about-cms-stat{
    padding:.85rem .55rem;
  }
  .contact-cms-form{
    padding:1rem;
  }
}