/* ==========================================================
   Perla Moda — Shop Area Fix
   Fixes category chips, search, advanced filters, mobile layout, bottom nav icon.
   ========================================================== */

/* Keep splash safe if enabled */
body.splash-lock{overflow-x:hidden!important;overflow-y:auto!important}
.app-splash-screen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 50% 35%,rgba(201,169,97,.18),transparent 34%),linear-gradient(135deg,#fffaf0,#f7efe2 52%,#fffdf8)!important;transition:opacity .45s ease,visibility .45s ease!important}
.app-splash-screen.splash-hide{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.app-splash-card{text-align:center;min-width:220px;padding:2rem 2.5rem;border-radius:28px;background:rgba(255,255,255,.86);border:1px solid rgba(201,169,97,.24);box-shadow:0 24px 70px rgba(95,63,22,.18);backdrop-filter:blur(18px)}
.app-splash-logo{width:96px;height:96px;object-fit:contain;display:block;margin:0 auto 1rem;border-radius:22px}
.app-splash-mark{width:86px;height:86px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:var(--gold,#C9A961);background:#fff;box-shadow:0 10px 30px rgba(201,169,97,.2)}
.app-splash-title{font-weight:900;font-size:1.45rem;color:#3d2a11;letter-spacing:.02em}
.app-splash-loader{width:150px;height:6px;border-radius:99px;overflow:hidden;background:rgba(201,169,97,.18);margin:1.2rem auto 0}
.app-splash-loader span{display:block;height:100%;width:42%;border-radius:inherit;background:var(--gold,#C9A961);animation:splashSlide 1.05s ease-in-out infinite}
@keyframes splashSlide{0%{transform:translateX(-120%)}100%{transform:translateX(260%)}}
html[dir="rtl"] .app-splash-loader span{animation-direction:reverse}

/* Layout hygiene */
#offlineNotice{
  position:fixed!important;
  inset-inline:1rem!important;
  top:calc(env(safe-area-inset-top,0px) + .75rem)!important;
  z-index:2147482000!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  max-width:620px!important;
  margin-inline:auto!important;
  padding:.72rem 1rem!important;
  border-radius:14px!important;
  background:#2d2419!important;
  color:#fff!important;
  border:1px solid rgba(201,169,97,.45)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.2)!important;
  font-size:.88rem!important;
  font-weight:800!important;
  text-align:center!important;
}
body.is-offline #offlineNotice{display:flex!important}
body.is-offline .pwa-banner{display:none!important}

#shopResults{position:relative;isolation:isolate}
.app-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1rem!important;
  margin:1.1rem 0 .8rem!important;
  padding:0!important;
  flex-wrap:wrap!important;
}
.app-section-title{
  display:flex!important;
  align-items:center!important;
  gap:.55rem!important;
  font-size:clamp(1.1rem,2vw,1.45rem)!important;
  font-weight:900!important;
  line-height:1.3!important;
}
.app-section-title::before{
  content:''!important;
  width:4px!important;
  height:24px!important;
  border-radius:99px!important;
  background:var(--gold,#C9A961)!important;
  display:block!important;
}

/* Category rail */
.cat-chips-bar{
  position:relative!important;
  z-index:30!important;
  margin:1rem 0 1.25rem!important;
  padding:.55rem!important;
  border-radius:28px!important;
  background:color-mix(in srgb,var(--surface,#fff) 88%,var(--gold,#C9A961) 12%)!important;
  border:1px solid rgba(201,169,97,.22)!important;
  box-shadow:0 14px 34px rgba(65,43,12,.07)!important;
  overflow:hidden!important;
}
.cat-chips-scroll{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:.65rem!important;
  padding:.05rem!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
}
.cat-chips-scroll::-webkit-scrollbar{display:none!important}
.cat-chip{
  min-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  padding:.55rem .9rem!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(201,169,97,.22)!important;
  color:var(--text-primary,#3b2a13)!important;
  box-shadow:0 8px 22px rgba(70,45,10,.055)!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  scroll-snap-align:start!important;
}
.cat-chip:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(70,45,10,.09)!important;
  border-color:rgba(201,169,97,.5)!important;
}
.cat-chip.active{
  background:linear-gradient(135deg,var(--gold,#C9A961),#9f7b31)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.cat-chip-icon{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:rgba(201,169,97,.14)!important;
  color:var(--gold,#C9A961)!important;
  font-size:.95rem!important;
}
.cat-chip.active .cat-chip-icon{background:rgba(255,255,255,.22)!important;color:#fff!important}
.cat-chip-label{font-size:.9rem!important;font-weight:900!important}
.cat-chip-count{
  min-width:24px!important;
  height:24px!important;
  padding:0 .42rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.055)!important;
  font-size:.72rem!important;
  font-weight:900!important;
}
.cat-chip.active .cat-chip-count{background:rgba(255,255,255,.24)!important}

/* Search */
.shop-search-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:58px!important;
  margin:0 0 1rem!important;
  padding:.25rem!important;
  border-radius:999px!important;
  background:var(--surface,#fff)!important;
  border:1px solid rgba(201,169,97,.24)!important;
  box-shadow:0 14px 34px rgba(65,43,12,.075)!important;
  overflow:hidden!important;
}
.shop-search-inner{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:.65rem!important;
  padding-inline:1rem!important;
}
.shop-search-inner i{color:var(--gold,#C9A961)!important;font-size:1rem!important}
.shop-search-form input[type="search"]{
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  font-family:inherit!important;
  font-size:1rem!important;
  color:var(--text-primary,#2f2415)!important;
  padding:0!important;
  text-align:inherit!important;
}
.shop-search-action{
  height:48px!important;
  min-width:92px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.35rem!important;
  border:0!important;
  border-radius:999px!important;
  padding:0 1rem!important;
  background:var(--gold,#C9A961)!important;
  color:#fff!important;
  font-family:inherit!important;
  font-weight:900!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

/* Advanced filters */
.shop-filter-shell{margin:0 0 1.25rem!important}
.shop-filter-summary{
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  list-style:none;
  cursor:pointer;
  padding:.82rem 1rem;
  border-radius:18px;
  background:color-mix(in srgb,var(--surface,#fff) 90%,var(--gold,#C9A961) 10%);
  border:1px solid rgba(201,169,97,.24);
  box-shadow:0 12px 30px rgba(65,43,12,.07);
  font-weight:900;
}
.shop-filter-summary::-webkit-details-marker{display:none}
.shop-filter-summary span{display:inline-flex;align-items:center;gap:.55rem}
.shop-filter-summary em{
  font-style:normal;
  font-size:.72rem;
  color:var(--gold,#C9A961);
  background:rgba(201,169,97,.14);
  padding:.22rem .55rem;
  border-radius:99px;
}
.shop-filter-panel{
  display:grid!important;
  grid-template-columns:minmax(220px,1.35fr) minmax(120px,.7fr) minmax(120px,.7fr) minmax(132px,auto) auto auto!important;
  align-items:end!important;
  gap:.75rem!important;
  padding:.85rem!important;
  margin:0!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(201,169,97,.22)!important;
  box-shadow:0 14px 34px rgba(65,43,12,.075)!important;
}
.shop-filter-field{
  min-width:0!important;
  display:grid!important;
  gap:.35rem!important;
}
.shop-filter-field span{
  font-size:.75rem!important;
  font-weight:900!important;
  color:color-mix(in srgb,var(--text-primary,#3b2a13) 62%,var(--gold,#C9A961))!important;
  padding-inline:.15rem!important;
}
.shop-filter-field select,
.shop-filter-field input{
  width:100%!important;
  height:46px!important;
  border:1px solid rgba(201,169,97,.26)!important;
  border-radius:16px!important;
  background:var(--surface,#fff)!important;
  color:var(--text-primary,#2f2415)!important;
  font-family:inherit!important;
  font-size:.92rem!important;
  outline:0!important;
  padding-inline:.9rem!important;
}
.shop-stock-toggle,
.shop-filter-apply,
.shop-filter-clear{
  height:46px!important;
  border-radius:16px!important;
}
.shop-stock-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  padding:0 .9rem!important;
  border:1px solid rgba(201,169,97,.26)!important;
  background:var(--surface,#fff)!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.shop-filter-apply{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.45rem!important;
  padding:0 1.05rem!important;
  border:0!important;
  background:linear-gradient(135deg,var(--gold,#C9A961),#9f7b31)!important;
  color:#fff!important;
  font-family:inherit!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.shop-filter-clear{
  width:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(239,68,68,.1)!important;
  color:#b91c1c!important;
  text-decoration:none!important;
}

/* Product grid/card small polish */
.products-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;
  gap:clamp(.85rem,1.5vw,1.25rem)!important;
}
.product-card{
  border-radius:22px!important;
  border:1px solid rgba(201,169,97,.12)!important;
  box-shadow:0 10px 30px rgba(70,50,20,.075)!important;
  overflow:hidden!important;
}
.product-img-wrap{aspect-ratio:1/.94!important}
.product-img-wrap.img-load-failed,
.flash-card-img.img-load-failed{
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(155deg,var(--beige,#f4ecdE),var(--cream-mid,#ebe2d4))!important;
}
.product-img-wrap.img-load-failed::after,
.flash-card-img.img-load-failed::after{
  content:"✦";font-size:clamp(2.6rem,6vw,5rem);color:rgba(201,169,97,.55)
}

/* Bottom nav: ensure icons visible and not overlapped */
.mobile-bottom-nav{
  z-index:9998!important;
  backdrop-filter:blur(18px)!important;
}
.mob-nav-item{
  position:relative!important;
  min-width:0!important;
}
.mob-nav-item i{
  display:block!important;
  font-size:1.12rem!important;
  line-height:1!important;
}
.mob-nav-item span{
  font-size:.72rem!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
.mob-nav-item[href*="badge=new"] i{
  color:inherit!important;
}

/* Mobile fixes */
@media (max-width:768px){
  .container{padding-inline:.85rem!important}
  .cat-chips-bar{
    margin: .75rem -.35rem 1rem!important;
    padding:.45rem!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .cat-chips-scroll{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:.5rem!important;
    padding:.05rem!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .cat-chips-scroll::-webkit-scrollbar{display:none!important}
  .cat-chip{
    min-height:44px!important;
    border-radius:16px!important;
    padding:.42rem .7rem!important;
  }
  .cat-chip-icon{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
  }
  .cat-chip-label{font-size:.82rem!important}
  .cat-chip-count{min-width:21px!important;height:21px!important;font-size:.66rem!important}

  .app-section-head{
    align-items:flex-start!important;
    margin-top:.8rem!important;
  }
  .sort-select{
    height:36px!important;
    border-radius:12px!important;
  }

  .shop-search-form{
    min-height:52px!important;
    border-radius:20px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    margin-bottom:.8rem!important;
  }
  .shop-search-inner{
    padding-inline:.85rem!important;
  }
  .shop-search-form input[type="search"]{
    height:46px!important;
    font-size:.92rem!important;
  }
  .shop-search-action{
    height:44px!important;
    min-width:48px!important;
    padding:0 .85rem!important;
    margin-inline-end:.1rem!important;
  }
  .shop-search-action span{display:none!important}

  .shop-filter-summary{display:flex!important;margin-bottom:.65rem!important}
  .shop-filter-shell:not([open]) .shop-filter-panel{display:none!important}
  .shop-filter-panel{
    grid-template-columns:1fr 1fr!important;
    gap:.65rem!important;
    padding:.7rem!important;
    border-radius:22px!important;
  }
  .shop-filter-field--brand{grid-column:1/-1!important}
  .shop-filter-field select,
  .shop-filter-field input{height:44px!important}
  .shop-stock-toggle{grid-column:1/-1!important;justify-content:flex-start!important;height:44px!important}
  .shop-filter-apply{grid-column:1/2!important;height:44px!important}
  .shop-filter-clear{grid-column:2/3!important;width:100%!important;height:44px!important}

  .products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.75rem!important;
  }
  .product-card{border-radius:18px!important}
  .product-img-wrap{aspect-ratio:1/1.08!important}
  .product-info{padding:.68rem .72rem .82rem!important}
  .product-name{font-size:.82rem!important}
}

@media (max-width:390px){
  .cat-chip-count{display:none!important}
  .products-grid{gap:.55rem!important}
}

/* Desktop: filters open and summary hidden */
@media (min-width:769px){
  .shop-filter-shell{display:block!important}
  .shop-filter-shell .shop-filter-panel{display:grid!important}
}

/* Final category rail: many categories must stay browseable, not become a tall block. */
.cat-chips-bar{
  max-width:100%!important;
}
.cat-chips-bar::after{
  content:''!important;
  position:absolute!important;
  inset-block:0!important;
  inset-inline-end:0!important;
  width:52px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface,#fff) 92%,var(--gold,#C9A961) 8%))!important;
}
[dir="rtl"] .cat-chips-bar::after{
  inset-inline-end:auto!important;
  inset-inline-start:0!important;
  background:linear-gradient(270deg,transparent,color-mix(in srgb,var(--surface,#fff) 92%,var(--gold,#C9A961) 8%))!important;
}
@media (min-width:769px){
  .cat-chips-bar{
    padding:.65rem!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .cat-chips-scroll{
    display:flex!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    padding:.05rem 1.8rem .05rem .05rem!important;
  }
  [dir="rtl"] .cat-chips-scroll{padding:.05rem .05rem .05rem 1.8rem!important}
  .cat-chip{
    min-height:48px!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
    border-radius:16px!important;
    padding:.48rem .82rem!important;
  }
}

/* Dark mode */
body.dark .cat-chips-bar,
body.dark .shop-search-form,
body.dark .shop-filter-panel,
body.dark .shop-filter-summary{
  background:color-mix(in srgb,var(--surface,#16110a) 88%,#000 12%)!important;
  border-color:var(--beige-dark,rgba(255,255,255,.14))!important;
}

/* Mobile advanced filters: keep controls inside the viewport. */
@media (max-width:768px){
  .shop-filter-shell,
  .shop-filter-summary,
  .shop-filter-panel{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .shop-filter-summary{
    min-height:50px!important;
    margin:.2rem 0 .7rem!important;
    padding:.75rem .9rem!important;
    gap:.6rem!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,242,232,.94))!important;
    border:1px solid rgba(201,169,97,.22)!important;
    box-shadow:0 10px 24px rgba(65,43,12,.07)!important;
  }
  .shop-filter-summary span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .shop-filter-summary span i{
    width:30px!important;
    height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:rgba(201,169,97,.14)!important;
    color:var(--gold,#C9A961)!important;
  }
  .shop-filter-summary em{
    flex:0 0 auto!important;
  }
  .shop-filter-panel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:.72rem!important;
    padding:.85rem!important;
    margin:0 0 1rem!important;
    height:auto!important;
    min-height:0!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(201,169,97,.2)!important;
    box-shadow:0 14px 34px rgba(65,43,12,.08)!important;
    overflow:visible!important;
  }
  .shop-filter-shell[open]{
    margin-bottom:1rem!important;
  }
  .shop-filter-field,
  .shop-stock-toggle,
  .shop-filter-apply,
  .shop-filter-clear{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .shop-filter-field{
    flex:none!important;
    display:grid!important;
    gap:.32rem!important;
  }
  .shop-filter-field span{
    min-height:16px!important;
    padding:0 .2rem!important;
    font-size:.72rem!important;
    line-height:1.2!important;
    color:color-mix(in srgb,var(--text-primary,#3b2a13) 62%,var(--gold,#C9A961))!important;
  }
  .shop-filter-field--brand,
  .shop-stock-toggle{
    grid-column:1/-1!important;
  }
  .shop-filter-field select,
  .shop-filter-field input{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    height:46px!important;
    border-radius:14px!important;
    font-size:.88rem!important;
    padding-inline:.78rem!important;
  }
  .shop-filter-field select{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .shop-stock-toggle{
    min-height:46px!important;
    justify-content:flex-start!important;
    white-space:normal!important;
    line-height:1.25!important;
    padding:.6rem .8rem!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(250,246,239,.95))!important;
  }
  .shop-filter-apply,
  .shop-filter-clear{
    height:46px!important;
    border-radius:14px!important;
  }
  .shop-filter-apply{
    grid-column:1/2!important;
  }
  .shop-filter-clear{
    grid-column:2/3!important;
  }
  .shop-filter-apply:last-child{
    grid-column:1/-1!important;
  }
}

@media (max-width:420px){
  .shop-filter-panel{gap:.62rem!important;padding:.75rem!important}
  .shop-filter-field span{font-size:.68rem!important}
  .shop-filter-field select,
  .shop-filter-field input,
  .shop-stock-toggle,
  .shop-filter-apply,
  .shop-filter-clear{height:44px!important}
}

/* Home slider radius lock: keep every animated layer clipped the same way. */
body.page-home .hero-slider{
  --home-slider-radius:8px;
  border-radius:var(--home-slider-radius)!important;
  overflow:hidden!important;
  contain:paint!important;
  transform:translateZ(0);
}

body.page-home .hero-slider::before,
body.page-home .hero-slider::after,
body.page-home .hero-slider .slider-track,
body.page-home .hero-slider .slide,
body.page-home .hero-slider .slide-bg,
body.page-home .hero-slider .slide-bg img,
body.page-home .hero-slider .slide-gradient-bg,
body.page-home .hero-slider .slide-overlay,
body.page-home .hero-slider .slide-content{
  border-radius:inherit!important;
}

body.page-home .hero-slider .slider-track,
body.page-home .hero-slider .slide,
body.page-home .hero-slider .slide-bg,
body.page-home .hero-slider .slide-gradient-bg,
body.page-home .hero-slider .slide-overlay{
  overflow:hidden!important;
}

@media (max-width:768px){
  body.page-home .hero-slider{
    --home-slider-radius:14px;
  }
}

/* Customer-facing luxury polish: cleaner surfaces, sharper hierarchy, calmer motion. */
:root{
  --lux-ink:#17110b;
  --lux-ink-soft:#2f251b;
  --lux-line:rgba(127,91,38,.16);
  --lux-line-strong:rgba(127,91,38,.28);
  --lux-surface:rgba(255,255,255,.94);
  --lux-champagne:#f8f3ea;
  --lux-gold:#b8944a;
  --lux-shadow:0 14px 34px rgba(38,25,12,.09);
  --lux-shadow-soft:0 8px 22px rgba(38,25,12,.065);
}

body:not(.admin-body){
  background:
    radial-gradient(circle at 8% 4%,rgba(184,148,74,.09),transparent 26%),
    linear-gradient(180deg,#fffdf9 0%,#f8f3ea 42%,#fffaf3 100%)!important;
  color:var(--lux-ink)!important;
  text-rendering:optimizeLegibility;
}

.site-header{
  border-bottom:1px solid rgba(127,91,38,.12)!important;
  background:rgba(255,253,249,.96)!important;
  box-shadow:0 10px 30px rgba(35,23,12,.055)!important;
}

.site-header.scrolled{
  box-shadow:0 12px 34px rgba(35,23,12,.1)!important;
}

.main-nav-link{
  border:1px solid transparent!important;
  border-radius:10px!important;
  font-weight:800!important;
  color:rgba(23,17,11,.72)!important;
}

.main-nav-link:hover{
  color:var(--lux-ink)!important;
  background:rgba(184,148,74,.08)!important;
  border-color:var(--lux-line)!important;
}

.main-nav-link.active{
  color:#fff!important;
  background:linear-gradient(135deg,#1b140d,#7d5d28)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 10px 22px rgba(76,49,18,.16)!important;
}

.header-icon-btn,
.cart-close-btn,
.sheet-close{
  border:1px solid rgba(127,91,38,.14)!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 6px 16px rgba(38,25,12,.055)!important;
}

.header-icon-btn:hover,
.cart-close-btn:hover,
.sheet-close:hover{
  background:#fff!important;
  color:var(--lux-gold)!important;
  border-color:var(--lux-line-strong)!important;
}

.btn-primary{
  background:linear-gradient(135deg,#19120b,#8c6d2f)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 12px 24px rgba(70,45,16,.18)!important;
}

.btn-primary:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 16px 30px rgba(70,45,16,.24)!important;
}

.btn-outline,
.btn-ghost{
  background:rgba(255,255,255,.72)!important;
  border-color:var(--lux-line)!important;
  color:var(--lux-ink-soft)!important;
}

.btn-outline:hover,
.btn-ghost:hover{
  background:#fff!important;
  border-color:var(--lux-line-strong)!important;
  color:var(--lux-ink)!important;
}

.product-card,
.flash-card,
.category-card,
.account-card,
.contact-pro-panel,
.contact-pro-form-card,
.about-pro-stat,
.about-pro-value,
.gifts-pro-finder__card,
.gifts-pro-trust__item,
.gifts-pro-budget,
.gifts-pro-checkout__card{
  border:1px solid var(--lux-line)!important;
  border-radius:14px!important;
  background:var(--lux-surface)!important;
  box-shadow:var(--lux-shadow-soft)!important;
}

.product-card:hover,
.flash-card:hover,
.category-card:hover,
.gifts-pro-budget:hover{
  transform:translateY(-2px)!important;
  border-color:var(--lux-line-strong)!important;
  box-shadow:var(--lux-shadow)!important;
}

.product-img-wrap,
.flash-card-img{
  background:linear-gradient(135deg,#f6efe4,#fffaf2)!important;
}

.product-img{
  transition:transform .32s ease, opacity .2s ease!important;
}

.product-card:hover .product-img{
  transform:scale(1.035)!important;
}

.product-info{
  padding:clamp(.7rem,1.3vw,.95rem)!important;
}

.product-name,
.flash-card-name{
  color:var(--lux-ink)!important;
  font-weight:800!important;
  line-height:1.45!important;
}

.product-brand{
  color:rgba(23,17,11,.48)!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}

.product-price,
.flash-card-price{
  color:#7d5d28!important;
  font-weight:900!important;
}

.product-badge,
.flash-card-discount{
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 8px 18px rgba(25,18,11,.16)!important;
}

.page-hero,
.about-pro-hero,
.contact-pro-hero{
  background:
    radial-gradient(circle at 84% 10%,rgba(184,148,74,.16),transparent 28%),
    linear-gradient(135deg,#fffdf8,#f5ecdc)!important;
  border-bottom:1px solid var(--lux-line)!important;
}

.page-hero-title,
.about-pro-hero__copy h1,
.contact-pro-hero__copy h1,
.gifts-pro-hero__copy h1{
  letter-spacing:0!important;
  color:var(--lux-ink)!important;
}

.gifts-pro-hero{
  background:
    radial-gradient(circle at 16% 10%,rgba(184,148,74,.24),transparent 28%),
    linear-gradient(135deg,#130d08,#2b1c0f 58%,#5d3f1b)!important;
}

.gifts-pro-hero .gifts-pro-hero__copy h1{
  color:#fff!important;
}

.hero-slider{
  box-shadow:0 18px 44px rgba(35,23,12,.13)!important;
  border:1px solid rgba(184,148,74,.16)!important;
}

.site-footer{
  background:
    radial-gradient(circle at 12% 0%,rgba(184,148,74,.18),transparent 26%),
    linear-gradient(180deg,#17110b,#090604)!important;
  border-top:1px solid rgba(184,148,74,.18)!important;
}

.footer-col-title{
  color:#d1ae61!important;
  letter-spacing:.08em!important;
}

.footer-links a,
.footer-contact a,
.footer-contact span{
  color:rgba(255,255,255,.62)!important;
}

.footer-links a:hover,
.footer-contact a:hover{
  color:#f0cc7a!important;
}

.mobile-bottom-nav{
  background:rgba(255,253,249,.96)!important;
  border:1px solid rgba(127,91,38,.16)!important;
  box-shadow:0 -10px 26px rgba(35,23,12,.12)!important;
}

.mob-nav-item{
  color:rgba(23,17,11,.58)!important;
  font-weight:800!important;
}

.mob-nav-item.active{
  color:#7d5d28!important;
}

.privacy-consent{
  border-color:var(--lux-line-strong)!important;
  box-shadow:0 18px 48px rgba(35,23,12,.18)!important;
}

body.dark:not(.admin-body){
  background:linear-gradient(180deg,#120d08,#19120c 44%,#100b07)!important;
  color:#f4eadb!important;
}

body.dark .site-header,
body.dark .mobile-bottom-nav{
  background:rgba(20,15,10,.96)!important;
  border-color:rgba(209,174,97,.18)!important;
}

body.dark .product-card,
body.dark .flash-card,
body.dark .category-card,
body.dark .contact-pro-panel,
body.dark .contact-pro-form-card,
body.dark .about-pro-stat,
body.dark .about-pro-value,
body.dark .gifts-pro-finder__card,
body.dark .gifts-pro-trust__item,
body.dark .gifts-pro-budget,
body.dark .gifts-pro-checkout__card{
  background:linear-gradient(180deg,#2a2018,#211811)!important;
  border-color:rgba(209,174,97,.16)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28)!important;
}

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

body.dark .page-hero,
body.dark .about-pro-hero,
body.dark .contact-pro-hero{
  background:linear-gradient(135deg,#17100b,#2a1f16)!important;
  border-color:rgba(209,174,97,.16)!important;
}

body.dark .page-hero-title,
body.dark .about-pro-hero__copy h1,
body.dark .contact-pro-hero__copy h1{
  color:#f7efe4!important;
}

@media (max-width:768px){
  .product-card,
  .flash-card,
  .category-card{
    border-radius:12px!important;
  }
  .site-header{
    box-shadow:0 8px 22px rgba(35,23,12,.08)!important;
  }
  .main-nav-link.active{
    box-shadow:none!important;
  }
}

/* Section 1: premium header and navigation pass. */
.site-header{
  min-height:66px!important;
  border-bottom:1px solid rgba(127,91,38,.14)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
}

.site-header .header-inner{
  height:66px!important;
  display:grid!important;
  grid-template-columns:minmax(190px,260px) minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:clamp(.65rem,1.7vw,1.35rem)!important;
}

.site-logo{
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.62rem!important;
  padding:.35rem .58rem!important;
  border:1px solid rgba(127,91,38,.13)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.54)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 18px rgba(38,25,12,.055)!important;
}

.site-logo .logo-img{
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  background:#fff!important;
  padding:3px!important;
  box-shadow:0 6px 14px rgba(38,25,12,.08)!important;
}

.site-logo .logo-icon{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:inline-grid!important;
  place-items:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,#19120b,#8c6d2f)!important;
}

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

.site-logo .logo-name,
.site-logo .logo-tag{
  max-width:170px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.site-logo .logo-name{
  font-size:1rem!important;
  line-height:1.05!important;
  color:var(--lux-ink,#17110b)!important;
}

.site-logo .logo-tag{
  margin-top:.12rem!important;
  font-size:.62rem!important;
  color:rgba(23,17,11,.52)!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.main-nav{
  min-width:0!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.25rem!important;
  max-width:100%!important;
  padding:.28rem!important;
  border:1px solid rgba(127,91,38,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 8px 22px rgba(38,25,12,.055)!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}

.main-nav::-webkit-scrollbar{display:none!important}

.main-nav-link{
  min-height:38px!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.36rem!important;
  padding:.48rem .68rem!important;
  border-radius:999px!important;
  font-size:.82rem!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.main-nav-link .main-nav-icon{
  font-size:.78rem!important;
  opacity:.78!important;
}

.main-nav-link.active .main-nav-icon,
.main-nav-link:hover .main-nav-icon{
  opacity:1!important;
}

.header-actions{
  justify-self:end!important;
  margin-inline-start:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.28rem!important;
  padding:.28rem!important;
  border:1px solid rgba(127,91,38,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 22px rgba(38,25,12,.055)!important;
}

.header-actions .header-icon-btn,
.header-actions .cart-trigger{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:50%!important;
  color:rgba(23,17,11,.72)!important;
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(127,91,38,.12)!important;
  box-shadow:none!important;
}

.header-actions .header-icon-btn:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#19120b,#8c6d2f)!important;
  border-color:transparent!important;
}

.header-actions .cart-trigger,
.header-actions .cart-trigger:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#b8944a,#7d5d28)!important;
  border-color:transparent!important;
}

.header-lang-btn{
  font-size:.68rem!important;
}

.header-points-badge,
.cart-badge{
  border:2px solid #fff!important;
  box-shadow:0 4px 10px rgba(38,25,12,.18)!important;
}

.header-search-wrap{
  border-top:1px solid rgba(127,91,38,.13)!important;
  background:rgba(255,253,249,.98)!important;
  box-shadow:0 14px 28px rgba(38,25,12,.08)!important;
}

.header-search-form{
  height:48px!important;
  border-radius:999px!important;
  background:#fff!important;
  border-color:rgba(127,91,38,.16)!important;
  box-shadow:0 8px 20px rgba(38,25,12,.055)!important;
}

.announcement-bar{
  background:linear-gradient(135deg,#1a120a,#7d5d28)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

body.dark .site-logo,
body.dark .main-nav,
body.dark .header-actions{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(209,174,97,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.22)!important;
}

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

body.dark .site-logo .logo-tag{
  color:rgba(247,239,228,.46)!important;
}

body.dark .header-actions .header-icon-btn{
  color:rgba(247,239,228,.78)!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(209,174,97,.16)!important;
}

body.dark .header-search-wrap{
  background:rgba(18,14,10,.98)!important;
  border-color:rgba(209,174,97,.15)!important;
}

body.dark .header-search-form{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(209,174,97,.16)!important;
}

@media (min-width:1100px){
  .site-header .header-inner{
    grid-template-columns:minmax(220px,285px) minmax(0,1fr) auto!important;
  }
  .main-nav-link{
    padding-inline:.74rem!important;
  }
}

@media (max-width:1024px) and (min-width:769px){
  .site-header .header-inner{
    grid-template-columns:minmax(170px,220px) minmax(0,1fr) auto!important;
    gap:.65rem!important;
  }
  .site-logo .logo-tag{
    display:none!important;
  }
  .main-nav-link{
    padding-inline:.62rem!important;
    font-size:.78rem!important;
  }
}

@media (max-width:768px){
  html{
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y pinch-zoom!important;
  }

  body{
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body:not(.app-search-active):not(.ai-assistant-open):not(:has(.mobile-nav.open,.cart-drawer.open,.bottom-sheet.open,.sheet-backdrop.open,.modal-backdrop.open,.header-search-wrap:not([hidden]))){
    overflow-y:auto!important;
  }

  #mainContent{
    touch-action:pan-y pinch-zoom!important;
  }

  body.page-gifts .gifts-pro-finder{
    margin-top:.75rem!important;
  }

  body.page-gifts .gifts-pro-finder__card{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:1rem!important;
    margin-bottom:1rem!important;
    border-radius:16px!important;
    overflow:visible!important;
  }

  body.page-gifts .gifts-pro-finder__head{
    margin-bottom:1rem!important;
  }

  body.page-gifts .gifts-pro-finder__head h2{
    margin:.2rem 0 0!important;
    font-size:1.3rem!important;
  }

  body.page-gifts .gifts-pro-fields{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.85rem!important;
  }

  body.page-gifts .gifts-pro-fields label{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    gap:.4rem!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  body.page-gifts .gifts-pro-fields label > span{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:block!important;
    margin:0!important;
    padding:0 .15rem!important;
    line-height:1.35!important;
    font-size:.78rem!important;
    font-weight:800!important;
  }

  body.page-gifts .gifts-pro-fields select,
  body.page-gifts .gifts-pro-fields input{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding-inline:.8rem!important;
    border-radius:12px!important;
    line-height:normal!important;
  }

  body.page-gifts .gifts-pro-finder__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.55rem!important;
    margin-top:1rem!important;
  }

  body.page-gifts .gifts-pro-finder__actions .btn{
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
  }

  body.page-gifts .ai-fab,
  body.page-gifts .back-to-top{
    display:none!important;
  }

  .main-nav{
    display:none!important;
  }

  .site-header{
    min-height:62px!important;
    border-radius:0!important;
  }
  .site-header .header-inner{
    height:62px!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:.45rem!important;
    padding-inline:.72rem!important;
  }
  .menu-toggle{
    width:38px!important;
    height:38px!important;
    border:1px solid rgba(127,91,38,.14)!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,#19120b,#8c6d2f)!important;
    box-shadow:0 8px 18px rgba(38,25,12,.14)!important;
  }
  .menu-toggle-bar{
    width:17px!important;
    background:#fff!important;
  }
  .site-logo{
    justify-self:center!important;
    max-width:min(48vw,190px)!important;
    padding:0!important;
    border:none!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .site-logo .logo-img,
  .site-logo .logo-icon{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
  }
  .site-logo .logo-name{
    max-width:120px!important;
    font-size:.92rem!important;
  }
  .site-logo .logo-tag{
    display:none!important;
  }
  .header-actions{
    padding:0!important;
    gap:.28rem!important;
    border:none!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .header-actions .header-icon-btn,
  .header-actions .cart-trigger{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
  .header-lang-btn,
  .header-actions a[href*="wishlist.php"],
  .header-actions a[href*="login.php"],
  .header-actions a[href*="account.php"]{
    display:none!important;
  }
  .header-search-wrap{
    padding:.72rem!important;
  }
}

@media (max-width:380px){
  .site-header .header-inner{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    padding-inline:.55rem!important;
  }
  .site-logo .logo-name{
    max-width:96px!important;
  }
  .header-actions .header-icon-btn,
  .header-actions .cart-trigger,
  .menu-toggle{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
  }
}

/* Section 2: premium hero and first viewport pass. */
body.page-home .home-shipping-corner{
  width:min(100% - 2rem,1240px)!important;
  min-height:42px!important;
  margin:.72rem auto .55rem!important;
  padding:.48rem .9rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.5rem!important;
  border:1px solid rgba(127,91,38,.16)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.74)!important;
  box-shadow:0 8px 20px rgba(38,25,12,.055)!important;
  color:rgba(23,17,11,.72)!important;
  font-size:.82rem!important;
  font-weight:900!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

body.page-home .home-shipping-corner i{
  width:28px!important;
  height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  color:#fff!important;
  background:linear-gradient(135deg,#19120b,#8c6d2f)!important;
}

body.page-home .hero-slider{
  height:clamp(430px,62svh,560px)!important;
  min-height:430px!important;
  max-height:560px!important;
  margin:.15rem auto .85rem!important;
  background:#120c07!important;
  box-shadow:0 22px 52px rgba(35,23,12,.16)!important;
  border:1px solid rgba(184,148,74,.2)!important;
}

body.page-home .hero-slider::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    linear-gradient(90deg,rgba(9,6,3,.22),rgba(9,6,3,.04) 35%,rgba(9,6,3,.34)),
    radial-gradient(circle at 78% 18%,rgba(232,201,122,.18),transparent 34%)!important;
}

html[dir="rtl"] body.page-home .hero-slider::after{
  background:
    linear-gradient(270deg,rgba(9,6,3,.22),rgba(9,6,3,.04) 35%,rgba(9,6,3,.34)),
    radial-gradient(circle at 22% 18%,rgba(232,201,122,.18),transparent 34%)!important;
}

body.page-home .slide-overlay{
  background:
    linear-gradient(90deg,rgba(12,8,4,.55),rgba(12,8,4,.2) 50%,rgba(12,8,4,.62)),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.34))!important;
}

html[dir="rtl"] body.page-home .slide-overlay{
  background:
    linear-gradient(270deg,rgba(12,8,4,.55),rgba(12,8,4,.2) 50%,rgba(12,8,4,.62)),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.34))!important;
}

body.page-home .slide-bg img{
  filter:saturate(1.04) contrast(1.035)!important;
  transform:scale(1.012)!important;
}

body.page-home .slide-content{
  z-index:2!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}

body.page-home .slide-content .container{
  width:min(100% - 48px,1240px)!important;
  max-width:1240px!important;
  padding-inline:0!important;
}

body.page-home .slide-inner{
  min-height:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(340px,540px)!important;
  align-items:center!important;
  gap:clamp(1.5rem,4vw,4rem)!important;
}

body.page-home .slide-text{
  max-width:540px!important;
  padding:clamp(1rem,2vw,1.35rem)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,rgba(14,9,5,.44),rgba(14,9,5,.17))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

html[dir="rtl"] body.page-home .slide-text{
  grid-column:1!important;
  justify-self:end!important;
  text-align:right!important;
}

html[dir="ltr"] body.page-home .slide-text{
  grid-column:1!important;
  justify-self:start!important;
  text-align:left!important;
}

body.page-home .slide-title{
  max-width:11ch!important;
  margin:0 0 .75rem!important;
  color:#fff!important;
  font-size:clamp(2.2rem,4.8vw,4.2rem)!important;
  line-height:1.04!important;
  letter-spacing:0!important;
  text-shadow:0 8px 26px rgba(0,0,0,.28)!important;
}

body.page-home .slide-desc{
  max-width:460px!important;
  margin:0 0 1.15rem!important;
  color:rgba(255,255,255,.82)!important;
  font-size:clamp(.98rem,1.4vw,1.12rem)!important;
  line-height:1.8!important;
  font-weight:700!important;
}

body.page-home .slide-actions{
  display:flex!important;
  align-items:center!important;
  gap:.62rem!important;
  flex-wrap:wrap!important;
}

body.page-home .slide-actions .btn{
  min-height:46px!important;
  border-radius:999px!important;
  padding:.7rem 1.05rem!important;
  font-size:.9rem!important;
  font-weight:900!important;
}

body.page-home .slide-actions .btn-light{
  color:#fff!important;
  background:rgba(255,255,255,.1)!important;
  border-color:rgba(255,255,255,.32)!important;
  box-shadow:none!important;
}

body.page-home .slide-actions .btn-light:hover{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.52)!important;
}

body.page-home .slider-btn{
  z-index:4!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(14,9,5,.38)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

body.page-home .slider-btn:hover{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.42)!important;
}

body.page-home .slider-dots{
  z-index:4!important;
  bottom:20px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  padding:.42rem .52rem!important;
  gap:.42rem!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(14,9,5,.34)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

body.page-home .slider-dot{
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.56)!important;
  border:0!important;
}

body.page-home .slider-dot.active{
  width:24px!important;
  background:#e8c97a!important;
}

body.page-home .slider-progress{
  z-index:4!important;
  height:3px!important;
  background:rgba(255,255,255,.16)!important;
}

body.page-home .slider-progress-bar{
  background:linear-gradient(90deg,#e8c97a,#fff2b8)!important;
}

body.page-home .trust-strip{
  margin:.75rem 0 1rem!important;
  padding:.38rem!important;
  border:1px solid rgba(127,91,38,.14)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.64)!important;
  box-shadow:0 8px 20px rgba(38,25,12,.055)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

body.page-home .trust-pill{
  min-height:42px!important;
  border-radius:999px!important;
  border:1px solid rgba(127,91,38,.12)!important;
  background:#fff!important;
  box-shadow:none!important;
  color:rgba(23,17,11,.72)!important;
  font-weight:900!important;
}

body.page-home .trust-pill i{
  color:#8c6d2f!important;
}

body.dark.page-home .home-shipping-corner,
body.dark.page-home .trust-strip{
  background:rgba(25,18,12,.72)!important;
  border-color:rgba(209,174,97,.16)!important;
  color:rgba(247,239,228,.76)!important;
}

body.dark.page-home .trust-pill{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(209,174,97,.14)!important;
  color:rgba(247,239,228,.76)!important;
}

@media (max-width:768px){
  body.page-home .home-shipping-corner{
    width:auto!important;
    min-height:36px!important;
    margin:.55rem .75rem .4rem!important;
    padding:.4rem .7rem!important;
    justify-content:flex-start!important;
    font-size:.74rem!important;
    overflow:hidden!important;
  }
  body.page-home .home-shipping-corner span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.page-home .home-shipping-corner i{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
    font-size:.75rem!important;
  }
  body.page-home .hero-slider{
    width:calc(100% - 1.5rem)!important;
    height:clamp(300px,90vw,350px)!important;
    min-height:300px!important;
    max-height:350px!important;
    margin:.25rem auto .7rem!important;
  }
  body.page-home .slide-content{
    align-items:flex-end!important;
    justify-content:flex-end!important;
  }
  body.page-home .slide-content .container{
    width:100%!important;
    max-width:100%!important;
    padding-inline:12px!important;
    padding-bottom:36px!important;
  }
  body.page-home .slide-inner{
    display:block!important;
    min-height:0!important;
  }
  body.page-home .slide-text{
    max-width:100%!important;
    padding:.72rem!important;
    border-radius:8px!important;
    background:linear-gradient(135deg,rgba(14,9,5,.62),rgba(14,9,5,.32))!important;
  }
  html[dir="rtl"] body.page-home .slide-text,
  html[dir="ltr"] body.page-home .slide-text{
    grid-column:auto!important;
    justify-self:auto!important;
  }
  body.page-home .slide-title{
    max-width:13ch!important;
    margin-bottom:.35rem!important;
    font-size:clamp(1.42rem,7vw,2rem)!important;
    line-height:1.12!important;
  }
  body.page-home .slide-desc{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin-bottom:.65rem!important;
    font-size:.82rem!important;
    line-height:1.55!important;
  }
  body.page-home .slide-actions{
    display:flex!important;
    gap:.42rem!important;
    flex-wrap:nowrap!important;
  }
  body.page-home .slide-actions .btn{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:36px!important;
    padding:.48rem .55rem!important;
    justify-content:center!important;
    font-size:.72rem!important;
  }
  body.page-home .slide-actions .btn i{
    display:none!important;
  }
  body.page-home .slider-btn{
    display:none!important;
  }
  body.page-home .slider-dots{
    bottom:12px!important;
    padding:.34rem .42rem!important;
  }
  body.page-home .slider-progress{
    display:none!important;
  }
  body.page-home .trust-strip{
    margin:.55rem 0 .75rem!important;
    padding:.3rem!important;
    border-radius:18px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.page-home .trust-strip::-webkit-scrollbar{
    display:none!important;
  }
  body.page-home .trust-pill{
    min-height:38px!important;
    white-space:nowrap!important;
    font-size:.76rem!important;
  }
}

@media (max-width:380px){
  body.page-home .hero-slider{
    margin-inline:.55rem!important;
  }
  body.page-home .slide-content .container{
    padding-inline:9px!important;
    padding-bottom:38px!important;
  }
  body.page-home .slide-text{
    padding:.62rem!important;
  }
  body.page-home .slide-actions .btn{
    font-size:.68rem!important;
    padding-inline:.42rem!important;
  }
}

/* Section 3: guided shopping flow after the hero. */
body.page-home #mainContent > .container{
  position:relative!important;
}

body.page-home .intent-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:.72rem!important;
  margin:.85rem 0 1rem!important;
}

body.page-home .intent-chip{
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
  gap:.72rem!important;
  padding:.78rem .86rem!important;
  border:1px solid rgba(127,91,38,.14)!important;
  border-radius:8px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,243,234,.78)),
    radial-gradient(circle at 0 0,rgba(184,148,74,.12),transparent 42%)!important;
  color:var(--lux-ink,#17110b)!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(38,25,12,.065)!important;
}

body.page-home .intent-chip:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(127,91,38,.28)!important;
  box-shadow:0 14px 30px rgba(38,25,12,.1)!important;
}

body.page-home .intent-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  color:#fff!important;
  background:linear-gradient(135deg,#19120b,#8c6d2f)!important;
  box-shadow:0 10px 18px rgba(70,45,16,.18)!important;
}

body.page-home .intent-chip b{
  display:block!important;
  margin-bottom:.16rem!important;
  color:var(--lux-ink,#17110b)!important;
  font-size:.9rem!important;
  font-weight:900!important;
  line-height:1.25!important;
}

body.page-home .intent-chip small{
  display:block!important;
  color:rgba(23,17,11,.54)!important;
  font-size:.74rem!important;
  font-weight:800!important;
  line-height:1.25!important;
}

body.page-home .app-section-head-sale,
body.page-home .app-section-head-new{
  margin-top:1rem!important;
  margin-bottom:.58rem!important;
  padding-inline:.15rem!important;
}

body.page-home .app-section-title{
  color:var(--lux-ink,#17110b)!important;
}

body.page-home .app-section-title::before{
  width:5px!important;
  height:26px!important;
  background:linear-gradient(180deg,#19120b,#b8944a)!important;
}

body.page-home .app-section-link{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.35rem!important;
  padding:.34rem .68rem!important;
  border:1px solid rgba(127,91,38,.14)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  color:#7d5d28!important;
  font-size:.78rem!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 6px 16px rgba(38,25,12,.045)!important;
}

body.page-home .app-section-link:hover{
  background:#fff!important;
  border-color:rgba(127,91,38,.28)!important;
}

body.page-home .flash-strip{
  position:relative!important;
  margin-bottom:.8rem!important;
  padding:.72rem!important;
  border:1px solid rgba(127,91,38,.14)!important;
  border-radius:8px!important;
  background:
    radial-gradient(circle at 8% 0,rgba(184,148,74,.08),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,251,244,.68))!important;
  box-shadow:0 10px 24px rgba(38,25,12,.055)!important;
  overflow:hidden!important;
}

body.page-home .flash-strip::after{
  content:'‹'!important;
  position:absolute!important;
  inset-block:50% auto!important;
  inset-inline-end:8px!important;
  width:30px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  transform:translateY(-50%)!important;
  border:1px solid color-mix(in srgb,var(--gold,#C9A961) 30%,transparent)!important;
  border-radius:999px!important;
  pointer-events:none!important;
  background:color-mix(in srgb,var(--surface,#fff) 88%,var(--gold,#C9A961) 12%)!important;
  color:var(--gold-deep,#8C6D2F)!important;
  box-shadow:0 6px 18px rgba(38,25,12,.14)!important;
  font-size:1.15rem!important;
  font-weight:900!important;
  line-height:1!important;
  z-index:3!important;
}

html[dir="rtl"] body.page-home .flash-strip::after{
  inset-inline-end:auto!important;
  inset-inline-start:8px!important;
  content:'›'!important;
}

body.dark.page-home .flash-strip::after{
  background:color-mix(in srgb,#241b15 88%,var(--gold,#C9A961) 12%)!important;
  color:#ead39a!important;
  border-color:rgba(209,174,97,.28)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28)!important;
}

@media (max-width:768px){
  body.page-home .slider-dots{
    gap:6px!important;
    padding:5px 7px!important;
    bottom:10px!important;
  }

  body.page-home .slider-dot{
    width:9px!important;
    height:9px!important;
    min-width:9px!important;
    min-height:9px!important;
    padding:0!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.62)!important;
    box-shadow:none!important;
  }

  body.page-home .slider-dot::after{
    display:none!important;
  }

  body.page-home .slider-dot.active{
    width:24px!important;
    min-width:24px!important;
    background:var(--gold,#C9A961)!important;
  }
}

body.page-home .flash-strip-scroll{
  display:flex!important;
  gap:.78rem!important;
  padding:.08rem 1.8rem .38rem .08rem!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
}

html[dir="rtl"] body.page-home .flash-strip-scroll{
  padding:.08rem .08rem .38rem 1.8rem!important;
}

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

body.page-home .flash-card{
  flex:0 0 clamp(168px,14vw,208px)!important;
  width:clamp(168px,14vw,208px)!important;
  min-width:0!important;
  scroll-snap-align:start!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(127,91,38,.12)!important;
  box-shadow:0 8px 20px rgba(38,25,12,.06)!important;
}

body.page-home .flash-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(127,91,38,.26)!important;
  box-shadow:0 14px 28px rgba(38,25,12,.1)!important;
}

body.page-home .flash-card-img{
  height:auto!important;
  aspect-ratio:1/.98!important;
  background:linear-gradient(135deg,#f6efe4,#fffaf2)!important;
}

body.page-home .flash-card-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .32s ease!important;
}

body.page-home .flash-card:hover .flash-card-img img{
  transform:scale(1.035)!important;
}

body.page-home .flash-card-discount,
body.page-home .flash-strip-new .flash-card-img span{
  top:.48rem!important;
  inset-inline-start:.48rem!important;
  inset-inline-end:auto!important;
  border-radius:999px!important;
  font-weight:900!important;
  box-shadow:0 8px 18px rgba(38,25,12,.16)!important;
}

body.page-home .flash-card-discount{
  background:linear-gradient(135deg,#d64535,#8f2b22)!important;
}

body.page-home .flash-strip-new .flash-card-img span{
  background:linear-gradient(135deg,#19120b,#8c6d2f)!important;
}

body.page-home .flash-card-body{
  min-height:82px!important;
  padding:.68rem .72rem .78rem!important;
  background:#fff!important;
}

body.page-home .flash-card-name{
  min-height:2.5em!important;
  margin-bottom:.42rem!important;
  color:var(--lux-ink,#17110b)!important;
  font-size:.84rem!important;
  font-weight:900!important;
  line-height:1.38!important;
}

body.page-home .flash-card-price{
  color:#7d5d28!important;
  font-size:.92rem!important;
  font-weight:900!important;
}

body.page-home .flash-card-old{
  color:rgba(23,17,11,.36)!important;
  font-size:.74rem!important;
}

body.page-home .cat-chips-bar{
  margin:1rem 0 .9rem!important;
  padding:.5rem!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(127,91,38,.14)!important;
  box-shadow:0 8px 20px rgba(38,25,12,.05)!important;
}

body.page-home .cat-chip{
  min-height:46px!important;
  border-radius:999px!important;
  padding:.42rem .78rem!important;
  box-shadow:none!important;
}

body.page-home .cat-chip-icon{
  width:30px!important;
  height:30px!important;
  flex-basis:30px!important;
}

body.page-home .cat-chip.active{
  background:linear-gradient(135deg,#19120b,#8c6d2f)!important;
}

body.dark.page-home .intent-chip,
body.dark.page-home .flash-strip,
body.dark.page-home .cat-chips-bar,
body.dark.page-home .app-section-link{
  background:linear-gradient(180deg,rgba(42,32,24,.92),rgba(31,23,17,.88))!important;
  border-color:rgba(209,174,97,.16)!important;
  color:#f7efe4!important;
}

body.dark.page-home .intent-chip b,
body.dark.page-home .app-section-title,
body.dark.page-home .flash-card-name{
  color:#f7efe4!important;
}

body.dark.page-home .intent-chip small{
  color:rgba(247,239,228,.58)!important;
}

body.dark.page-home .flash-card,
body.dark.page-home .flash-card-body{
  background:linear-gradient(180deg,#2a2018,#211811)!important;
  border-color:rgba(209,174,97,.15)!important;
}

@media (max-width:768px){
  body.page-checkout .form-input,
  body.page-checkout .form-select{
    min-height:48px!important;
  }
  body.page-checkout .gift-checkout-card > label{
    min-height:44px!important;
    padding:.35rem 0!important;
  }
  body.page-checkout .gift-checkout-card input[type="checkbox"]{
    width:20px!important;
    height:20px!important;
  }
  body.page-home .sort-select{
    min-height:44px!important;
    font-size:.8rem!important;
    padding:.45rem .65rem!important;
  }
  body.page-home .cat-chip{
    min-height:44px!important;
  }
  body.page-home .intent-strip{
    display:flex!important;
    gap:.55rem!important;
    margin:.65rem -.1rem .78rem!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
  }
  body.page-home .intent-strip::-webkit-scrollbar{
    display:none!important;
  }
  body.page-home .intent-chip{
    flex:0 0 176px!important;
    min-height:72px!important;
    gap:.55rem!important;
    padding:.62rem!important;
    scroll-snap-align:start!important;
  }
  body.page-home .intent-icon{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
    font-size:.86rem!important;
  }
  body.page-home .intent-chip b{
    font-size:.8rem!important;
  }
  body.page-home .intent-chip small{
    font-size:.75rem!important;
    line-height:1.35!important;
  }
  body.page-home .app-section-head-sale,
  body.page-home .app-section-head-new{
    margin-top:.78rem!important;
    margin-bottom:.48rem!important;
  }
  body.page-home .app-section-link{
    min-height:32px!important;
    padding:.28rem .55rem!important;
    font-size:.72rem!important;
  }
  body.page-home .flash-strip{
    margin-inline:-.15rem!important;
    padding:.48rem!important;
    margin-bottom:.62rem!important;
  }
  body.page-home .flash-strip-scroll{
    gap:.5rem!important;
    padding:.04rem 1.35rem .2rem .04rem!important;
  }
  html[dir="rtl"] body.page-home .flash-strip-scroll{
    padding:.04rem .04rem .2rem 1.35rem!important;
  }
  body.page-home .flash-card{
    flex-basis:42vw!important;
    width:42vw!important;
    max-width:164px!important;
  }
  body.page-home .flash-card-body{
    min-height:74px!important;
    padding:.55rem .58rem .64rem!important;
  }
  body.page-home .flash-card-name{
    font-size:.74rem!important;
    min-height:2.55em!important;
  }
  body.page-home .flash-card-price{
    font-size:.84rem!important;
  }
  body.page-home .cat-chips-bar{
    margin:.8rem -.1rem .75rem!important;
    padding:.38rem!important;
  }
  body.page-home .cat-chip{
    min-height:42px!important;
    padding:.36rem .62rem!important;
  }
  body.page-home .cat-chip-icon{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
}

@media (max-width:390px){
  body.page-home .intent-chip{
    flex-basis:164px!important;
  }
  body.page-home .flash-card{
    flex-basis:43vw!important;
    max-width:152px!important;
  }
}

/* Section 4: premium shop controls and product cards. */
body.page-home #shopResults{
  margin-top:.35rem!important;
}

body.page-home #shopResults > .app-section-head{
  margin:1rem 0 .72rem!important;
  padding:.68rem .78rem!important;
  border:1px solid rgba(127,91,38,.12)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.58)!important;
  box-shadow:0 8px 20px rgba(38,25,12,.045)!important;
}

body.page-home .sort-select{
  min-height:38px!important;
  max-width:148px!important;
  padding:.4rem 2rem .4rem .72rem!important;
  border:1px solid rgba(127,91,38,.16)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--lux-ink,#17110b)!important;
  font-family:inherit!important;
  font-size:.78rem!important;
  font-weight:900!important;
  box-shadow:0 6px 14px rgba(38,25,12,.045)!important;
}

html[dir="rtl"] body.page-home .sort-select{
  padding:.4rem .72rem .4rem 2rem!important;
}

body.page-home .shop-search-form{
  min-height:56px!important;
  margin:0 0 .72rem!important;
  border-radius:8px!important;
  background:#fff!important;
  border:1px solid rgba(127,91,38,.14)!important;
  box-shadow:0 10px 24px rgba(38,25,12,.055)!important;
}

body.page-home .shop-search-inner{
  padding-inline:1rem!important;
}

body.page-home .shop-search-inner i{
  width:32px!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:rgba(184,148,74,.12)!important;
  color:#7d5d28!important;
}

body.page-home .shop-search-form input[type="search"]{
  height:50px!important;
  font-weight:800!important;
}

body.page-home .shop-search-action{
  height:48px!important;
  min-width:96px!important;
  margin-inline-end:.18rem!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#19120b,#8c6d2f)!important;
  box-shadow:0 10px 20px rgba(70,45,16,.16)!important;
}

html[dir="rtl"] body.page-home .shop-search-action{
  margin-inline-end:0!important;
  margin-inline-start:.18rem!important;
}

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

body.page-home .shop-filter-panel{
  padding:.72rem!important;
  border:1px solid rgba(127,91,38,.12)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 8px 20px rgba(38,25,12,.045)!important;
}

body.page-home .shop-filter-field span{
  color:rgba(23,17,11,.62)!important;
}

body.page-home .shop-filter-field select,
body.page-home .shop-filter-field input,
body.page-home .shop-stock-toggle{
  height:44px!important;
  border-radius:8px!important;
  border-color:rgba(127,91,38,.16)!important;
  background:#fff!important;
  box-shadow:none!important;
}

body.page-home .shop-stock-toggle span{
  border-radius:50%!important;
}

body.page-home .shop-filter-apply{
  height:44px!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#19120b,#8c6d2f)!important;
  box-shadow:0 8px 18px rgba(70,45,16,.14)!important;
}

body.page-home .shop-filter-clear{
  height:44px!important;
  border-radius:8px!important;
}

body.page-home .products-grid{
  grid-template-columns:repeat(auto-fill,minmax(214px,1fr))!important;
  gap:clamp(.72rem,1.25vw,1rem)!important;
  align-items:stretch!important;
}

body.page-home .product-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:100%!important;
  border-radius:8px!important;
  overflow:hidden!important;
  border:1px solid rgba(127,91,38,.12)!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(38,25,12,.055)!important;
}

@media (hover:hover){
  body.page-home .product-card:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(127,91,38,.28)!important;
    box-shadow:0 16px 34px rgba(38,25,12,.11)!important;
  }
}

body.page-home .product-img-wrap{
  aspect-ratio:1/.98!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#f6efe4,#fffaf2)!important;
}

body.page-home .product-img,
body.page-home .product-img-wrap img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

body.page-home .product-info{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:.72rem .76rem .82rem!important;
}

body.page-home .product-brand{
  margin-bottom:.22rem!important;
  color:rgba(23,17,11,.46)!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
}

body.page-home .product-name{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:2.74em!important;
  color:var(--lux-ink,#17110b)!important;
  font-size:.88rem!important;
  font-weight:900!important;
  line-height:1.37!important;
  text-decoration:none!important;
}

body.page-home .product-stars{
  margin-top:.35rem!important;
  color:#d1a94f!important;
  font-size:.72rem!important;
}

body.page-home .product-reviews{
  color:rgba(23,17,11,.42)!important;
  font-weight:800!important;
}

body.page-home .product-price-wrap{
  margin-top:auto!important;
  padding-top:.55rem!important;
  display:flex!important;
  align-items:center!important;
  gap:.35rem!important;
  flex-wrap:wrap!important;
}

body.page-home .product-price{
  color:#7d5d28!important;
  font-size:1rem!important;
  font-weight:900!important;
}

body.page-home .product-old-price{
  color:rgba(23,17,11,.34)!important;
  font-size:.78rem!important;
}

body.page-home .product-discount{
  min-height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:.12rem .42rem!important;
  border-radius:999px!important;
  background:rgba(214,69,53,.1)!important;
  color:#b73529!important;
  font-size:.68rem!important;
  font-weight:900!important;
}

body.page-home .product-badge,
body.page-home .product-out-badge{
  top:.52rem!important;
  inset-inline-start:.52rem!important;
  inset-inline-end:auto!important;
  border-radius:999px!important;
  font-size:.66rem!important;
  font-weight:900!important;
}

body.page-home .product-card-actions{
  top:.52rem!important;
  inset-inline-end:.52rem!important;
}

body.page-home .card-action-btn,
body.page-home .product-quick-add{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border:1px solid rgba(127,91,38,.14)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--lux-ink,#17110b)!important;
  box-shadow:0 8px 18px rgba(38,25,12,.1)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

body.page-home .product-quick-add{
  inset-inline-end:.52rem!important;
  bottom:.52rem!important;
  color:#fff!important;
  background:linear-gradient(135deg,#19120b,#8c6d2f)!important;
  border-color:transparent!important;
}

body.page-home .card-action-btn:hover,
body.page-home .product-quick-add:hover{
  transform:translateY(-1px)!important;
}

body.page-home .pagination{
  margin:1.25rem 0 0!important;
  display:flex!important;
  justify-content:center!important;
  gap:.38rem!important;
  flex-wrap:wrap!important;
}

body.page-home .page-btn,
body.page-home .page-dots{
  min-width:38px!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(127,91,38,.14)!important;
  background:#fff!important;
  color:var(--lux-ink,#17110b)!important;
  font-weight:900!important;
  text-decoration:none!important;
}

body.page-home .page-btn.active{
  color:#fff!important;
  background:linear-gradient(135deg,#19120b,#8c6d2f)!important;
  border-color:transparent!important;
}

body.page-home .empty-state{
  border:1px solid rgba(127,91,38,.14)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 24px rgba(38,25,12,.055)!important;
}

body.dark.page-home #shopResults > .app-section-head,
body.dark.page-home .shop-search-form,
body.dark.page-home .shop-filter-panel,
body.dark.page-home .product-card,
body.dark.page-home .page-btn,
body.dark.page-home .page-dots,
body.dark.page-home .empty-state,
body.dark.page-home .sort-select{
  background:linear-gradient(180deg,rgba(42,32,24,.94),rgba(31,23,17,.9))!important;
  border-color:rgba(209,174,97,.16)!important;
  color:#f7efe4!important;
}

body.dark.page-home .product-name,
body.dark.page-home .product-price{
  color:#f7efe4!important;
}

body.dark.page-home .product-brand,
body.dark.page-home .product-reviews,
body.dark.page-home .product-old-price{
  color:rgba(247,239,228,.48)!important;
}

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

@media (max-width:768px){
  body.page-home #shopResults > .app-section-head{
    margin:.78rem 0 .58rem!important;
    padding:.55rem .62rem!important;
    align-items:center!important;
    border-radius:8px!important;
  }
  body.page-home .sort-select{
    max-width:112px!important;
    min-height:36px!important;
    font-size:.72rem!important;
  }
  body.page-home .shop-search-form{
    min-height:50px!important;
    margin-bottom:.58rem!important;
  }
  body.page-home .shop-search-inner{
    padding-inline:.72rem!important;
    gap:.5rem!important;
  }
  body.page-home .shop-search-inner i{
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
    font-size:.78rem!important;
  }
  body.page-home .shop-search-form input[type="search"]{
    height:46px!important;
    font-size:.88rem!important;
  }
  body.page-home .shop-search-action{
    min-width:46px!important;
    height:44px!important;
    padding:0 .72rem!important;
  }
  body.page-home .shop-filter-panel{
    padding:.66rem!important;
    gap:.58rem!important;
  }
  body.page-home .products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.54rem!important;
  }
  body.page-home .product-card{
    border-radius:8px!important;
    box-shadow:0 6px 14px rgba(38,25,12,.055)!important;
  }
  body.page-home .product-img-wrap{
    aspect-ratio:1/1.08!important;
  }
  body.page-home .product-info{
    padding:.58rem .6rem .68rem!important;
  }
  body.page-home .product-brand{
    font-size:.62rem!important;
  }
  body.page-home .product-name{
    min-height:2.62em!important;
    font-size:.76rem!important;
    line-height:1.32!important;
  }
  body.page-home .product-stars{
    display:none!important;
  }
  body.page-home .product-price-wrap{
    padding-top:.42rem!important;
    gap:.24rem!important;
  }
  body.page-home .product-price{
    font-size:.86rem!important;
  }
  body.page-home .product-old-price,
  body.page-home .product-discount{
    font-size:.64rem!important;
  }
  body.page-home .card-action-btn,
  body.page-home .product-quick-add{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }
  body.page-home .product-badge,
  body.page-home .product-out-badge{
    font-size:.58rem!important;
    top:.42rem!important;
    inset-inline-start:.42rem!important;
  }
  body.page-home .product-card-actions{
    top:.42rem!important;
    inset-inline-end:.42rem!important;
  }
  body.page-home .product-quick-add{
    bottom:.42rem!important;
    inset-inline-end:.42rem!important;
  }
  body.page-home .pagination{
    margin-top:1rem!important;
  }
  body.page-home .page-btn,
  body.page-home .page-dots{
    min-width:34px!important;
    height:34px!important;
    font-size:.78rem!important;
  }
}

@media (max-width:380px){
  body.page-home .products-grid{
    gap:.46rem!important;
  }
  body.page-home .product-info{
    padding:.52rem .54rem .62rem!important;
  }
  body.page-home .product-name{
    font-size:.72rem!important;
  }
}

/* Visual QA: compact desktop slider pagination and readable dark mobile dock. */
@media (min-width:769px){
  body.page-home .slider-dot{
    width:9px!important;
    height:9px!important;
    min-width:9px!important;
    min-height:9px!important;
    padding:0!important;
    border-radius:999px!important;
  }
  body.page-home .slider-dot::after{
    display:none!important;
  }
  body.page-home .slider-dot.active{
    width:24px!important;
    min-width:24px!important;
  }
}

@media (max-width:768px){
  body.dark .mobile-bottom-nav .mob-nav-item{
    color:rgba(247,239,229,.72)!important;
  }
  body.dark .mobile-bottom-nav .mob-nav-item.active{
    color:#e8c97a!important;
  }
  body.app-search-active .ai-fab{
    display:none!important;
  }
}

body.dark input:-webkit-autofill,
body.dark input:-webkit-autofill:hover,
body.dark input:-webkit-autofill:focus,
body.dark textarea:-webkit-autofill,
body.dark select:-webkit-autofill{
  -webkit-text-fill-color:#f7ead7!important;
  caret-color:#f7ead7!important;
  box-shadow:0 0 0 1000px #2b211a inset!important;
  transition:background-color 9999s ease-out 0s!important;
}

/* Final mobile touch targets: keep these after the compact storefront rules. */
@media (max-width:768px){
  body.page-home .sort-select{
    min-height:44px!important;
    height:44px!important;
    font-size:.8rem!important;
    padding-block:.45rem!important;
  }
  body.page-home .cat-chip{
    min-height:44px!important;
    height:44px!important;
  }
}