/* ===== Clean minimal storefront layer (loaded after store.css). Colours come from the dashboard theme (--red = accent, --black = ink). ===== */
:root{--fl-line:#ececec;--fl-soft:#f5f5f5;--fl-ok:#1f9d55;--fl-gap:.5rem}
html:root:root body{background:#fff!important;color:var(--black)}
html:root:root body:not(#z) #app,html:root:root body:not(#z) #app *{border-radius:0}
html:root:root body:not(#z) #app :is(input,select,textarea,.btn,.cbtn,.opt button,.q,.pm,.box,.note,.cdgo){border-radius:2px}
html:root:root body:not(#z) #app :is(.chip,.badge){border-radius:2px}

/* ---------- header ---------- */
html:root:root body:not(#z) .ann{font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.4rem 1rem}
html:root:root body:not(#z) .ub{background:#fff;border-bottom:1px solid var(--fl-line);font-size:.75rem;color:#555}
html:root:root body:not(#z) .hd{border-bottom:1px solid var(--fl-line);box-shadow:none;background:#fff}
html:root:root body:not(#z) .logo img{height:2rem}
@media(min-width:900px){
  html:root:root body:not(#z) .hd{min-height:4.25rem;gap:2rem}
  html:root:root body:not(#z) .nav{gap:.25rem}
  html:root:root body:not(#z) .nav a,html:root:root body:not(#z) .nav .ddb{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:0 .875rem;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--black);margin:0}
  html:root:root body:not(#z) .nav a:hover,html:root:root body:not(#z) .nav .ddb:hover{background:none;border-bottom-color:var(--black);color:var(--black)}
  html:root:root body:not(#z) .nav a.nav-sale{color:var(--red)}
  html:root:root body:not(#z) .sf{max-width:22rem}
  html:root:root body:not(#z) .sf input{border:0;border-radius:2px;background:var(--fl-soft);min-height:2.5rem;padding:0 .875rem;font-size:.8125rem}
  html:root:root body:not(#z) .act{gap:.25rem}
  html:root:root body:not(#z) .ib small{display:block;font-size:.6875rem;font-weight:600;color:#333}
}
html:root:root body:not(#z) .cn{background:var(--red);color:#fff;border-radius:50%;min-width:1.125rem;height:1.125rem;padding:0;display:grid;place-items:center;font-size:.6875rem}

/* checkout = focused header (nothing to click away to) */
body[data-page=checkout] :is(.nav,.sf,.sbtn,.ub,.ann,.menu,.ast2,#tabs,.fab,#fab){display:none!important}
body[data-page=checkout] .hd{grid-template-columns:1fr auto;min-height:3.5rem}body[data-page=checkout] .logo{justify-self:start}
body[data-page=checkout] .act{display:flex}body[data-page=checkout] .act>*{display:none}
body[data-page=checkout] .hd::after{content:"🔒 Secure Checkout";font-size:.8125rem;font-weight:700;color:var(--fl-ok);padding-right:.5rem}
body[data-page=checkout] #ftr{display:none}

/* ---------- home ---------- */
html:root:root body:not(#z) .home .herow,html:root:root body:not(#z) .home .herow .slide img{border-radius:0}
html:root:root body:not(#z) .hqb{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));background:#fff;border-bottom:1px solid var(--fl-line);margin:0;padding:0}
html:root:root body:not(#z) .hqb a{padding:.875rem .25rem;text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--black);background:none;border:0}
html:root:root body:not(#z) .hqb a:first-child{color:var(--red)}
html:root:root body:not(#z) .trust{background:#fff;border:0;border-bottom:1px solid var(--fl-line);margin:0;max-width:none;border-radius:0}
html:root:root body:not(#z) .trust>div{background:none;border:0;border-radius:0;box-shadow:none}
html:root:root body:not(#z) .trust b{font-size:.8125rem}html:root:root body:not(#z) .trust span{font-size:.75rem;color:#666}
/* section titles: left, small caps, thin rule */
html:root:root body:not(#z) .sh{margin:2rem auto .75rem;padding-bottom:0;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none}
html:root:root body:not(#z) .sh h2{font:700 .9375rem/1.2 Inter,"Noto Sans Bengali",system-ui,sans-serif!important;text-transform:uppercase;letter-spacing:.08em;color:var(--black);text-align:left;margin:0}
html:root:root body:not(#z) .sh em{color:var(--black)}
html:root:root body:not(#z) .wrap>.sh,html:root:root body:not(#z) #app>.wrap>.sh{border-bottom:1px solid var(--black);padding:0 0 .5rem}
html:root:root body:not(#z) .home .sh{max-width:80rem;border-bottom:0}
html:root:root body:not(#z) .home .tile{border:0;box-shadow:none}
html:root:root body:not(#z) .home .tile span{background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}

/* ---------- product card ---------- */
html:root:root body:not(#z) .card{border:0;box-shadow:none;background:none;padding:0}
html:root:root body:not(#z) .card .cmedia,html:root:root body:not(#z) .card .ci{background:var(--fl-soft)}
html:root:root body:not(#z) .card .ci{aspect-ratio:4/5}html:root:root body:not(#z) .card .ci img{width:100%;height:100%;object-fit:cover}
html:root:root body:not(#z) .card .zb,html:root:root body:not(#z) .card .save{display:none!important}
html:root:root body:not(#z) .card .wl{background:#fff;box-shadow:none;width:2rem;height:2rem;font-size:1.0625rem;border-radius:50%!important}
html:root:root body:not(#z) .card .badge{position:absolute;top:.5rem;left:.5rem;background:var(--red);color:#fff;font-size:.6875rem;font-weight:700;padding:.15rem .4rem;letter-spacing:.02em}
html:root:root body:not(#z) .card .cbody{padding:.625rem 0 .5rem;gap:.25rem}
html:root:root body:not(#z) .card h3{font-size:.8125rem;font-weight:500;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.2em}
html:root:root body:not(#z) .card .cfoot{display:block;margin:0}
html:root:root body:not(#z) .card .pr{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin:0}
html:root:root body:not(#z) .card .pr b{font-size:1rem;font-weight:800;color:var(--black)}
html:root:root body:not(#z) .card .pr.sale b{color:var(--red)}
html:root:root body:not(#z) .card .pr s{font-size:.75rem;color:#8a8a8a}
html:root:root body:not(#z) .card .pr em{display:inline!important;font-size:.6875rem;font-weight:700;color:var(--red);background:color-mix(in srgb,var(--red) 10%,#fff);padding:.1rem .35rem;border-radius:2px}
html:root:root body:not(#z) #app .card>.cbtn{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;min-height:2.5rem;background:var(--black);color:#fff;border:1px solid var(--black);font-size:.8125rem;font-weight:700;letter-spacing:.02em;padding:0 .5rem;cursor:pointer;text-transform:none}
html:root:root body:not(#z) #app .card>.cbtn:hover{background:var(--red);border-color:var(--red)}
html:root:root body:not(#z) #app .card>.cbtn .ic{width:.9375rem;height:.9375rem;stroke-width:2.4}
html:root:root body:not(#z) #app .card>.cbtn--off{background:#e6e6e6;border-color:#e6e6e6;color:#777;cursor:default;pointer-events:none}
html:root:root body:not(#z) .card .fdel{font-size:.625rem;border-radius:2px}
/* grids: tight, image-led */
html:root:root body:not(#z) .grid,html:root:root body:not(#z) .shop .grid{gap:1.25rem .5rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:640px){html:root:root body:not(#z) .grid,html:root:root body:not(#z) .shop .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem .75rem}}
@media(min-width:1000px){html:root:root body:not(#z) .grid,html:root:root body:not(#z) .shop .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1180px){html:root:root body:not(#z) .grid,html:root:root body:not(#z) .grid.dense,html:root:root body:not(#z) .shop .grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
html:root:root body:not(#z) .shop .bar .chip{border:1px solid var(--fl-line);background:#fff;font-size:.75rem;font-weight:600;min-height:2.25rem;padding:0 .875rem}
html:root:root body:not(#z) .shop .bar .chip.on{background:var(--black);border-color:var(--black);color:#fff}

/* ---------- product page ---------- */
html:root:root body:not(#z) .pd{gap:1.5rem}
html:root:root body:not(#z) .pnl{background:#fff;border:1px solid var(--fl-line);padding:1.25rem;box-shadow:none}
@media(max-width:899px){html:root:root body:not(#z) .pnl{border:0;padding:1rem 0}}
html:root:root body:not(#z) .pnl .ctg{font-size:.6875rem;letter-spacing:.1em;color:#888}
html:root:root body:not(#z) .ptop h1{font-size:1.25rem!important;font-weight:700;line-height:1.3}
html:root:root body:not(#z) .price{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin:.5rem 0 .875rem;font-size:1.625rem;font-weight:800;color:var(--black)}
html:root:root body:not(#z) .price s{font-size:.9375rem;font-weight:400;color:#8a8a8a}
html:root:root body:not(#z) .price .badge{background:color-mix(in srgb,var(--red) 10%,#fff);color:var(--red);font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:2px;position:static}
html:root:root body:not(#z) .stock{font-size:.75rem;margin:0 0 .75rem}
html:root:root body:not(#z) .optr{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}
html:root:root body:not(#z) .optl{font-size:.8125rem;font-weight:700;text-transform:none}
html:root:root body:not(#z) #app .opt{gap:.5rem;margin:.5rem 0 1rem}
html:root:root body:not(#z) #app .opt button{min-width:3rem;min-height:2.5rem;padding:0 .875rem;border:1px solid #cfcfcf;background:#fff;color:var(--black);font-size:.8125rem;font-weight:600}
html:root:root body:not(#z) #app .opt button:hover:not([disabled]){border-color:var(--black)}
html:root:root body:not(#z) #app .opt button[aria-pressed=true]{background:var(--black);border-color:var(--black);color:#fff}
html:root:root body:not(#z) #app .pd .row.inline{gap:.5rem;margin:.75rem 0}
html:root:root body:not(#z) #app .pd .row.inline .q{border:1px solid #cfcfcf;height:2.875rem}
html:root:root body:not(#z) #app .pd .row.inline .btn{height:2.875rem;font-size:.875rem;letter-spacing:.02em;text-transform:none}
html:root:root body:not(#z) #app .pd .row.inline .btn.alt{background:var(--black);color:#fff;border-color:var(--black)}
html:root:root body:not(#z) #app .pd .row.inline .btn.alt:hover{background:#333}
html:root:root body:not(#z) #app .pd .row.inline .btn.red{background:var(--red);border-color:var(--red);color:#fff}
/* easy returns box: grey, green ticks */
html:root:root body:not(#z) #app .note{background:var(--fl-soft);border:1px solid var(--fl-line);padding:.875rem 1rem;margin:1rem 0;gap:.5rem;font-size:.8125rem}
html:root:root body:not(#z) #app .note>div{align-items:flex-start;gap:.5rem}
html:root:root body:not(#z) #app .note .ic{width:1rem;height:1rem;color:var(--fl-ok);margin-top:.15rem}
html:root:root body:not(#z) .offr{font-size:.8125rem}
html:root:root body:not(#z) .sec h2,html:root:root body:not(#z) .acc h2{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
html:root:root body:not(#z) .desc{font-size:.875rem;line-height:1.7;color:#444}
html:root:root body:not(#z) .gal .gm,html:root:root body:not(#z) .gal .ci{background:var(--fl-soft)}
html:root:root body:not(#z) .gal .th button{border:1px solid var(--fl-line)}html:root:root body:not(#z) .gal .th button[aria-current=true]{border-color:var(--black)}
html:root:root body:not(#z) .gal .zoomable{cursor:zoom-in}
html:root:root body:not(#z) .szl{font-size:.75rem;font-weight:600;text-decoration:underline;background:none;border:0;color:var(--black)}

/* ---------- cart drawer ---------- */
html:root:root body:not(#z) .cd{background:#f1f1f1;border-radius:0;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
html:root:root body:not(#z) .cdh{background:var(--black);color:#fff;border:0;padding:.25rem .5rem .25rem 1rem;min-height:3rem;font:700 .875rem/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
html:root:root body:not(#z) .cdh .ib{background:none;color:#fff;width:2.5rem;height:2.5rem;border-radius:0}
html:root:root body:not(#z) .cdhh em{margin-left:.5rem;background:var(--red);color:#fff;font-style:normal;font-size:.6875rem;padding:.1rem .4rem;border-radius:99px!important;letter-spacing:0}
html:root:root body:not(#z) .cdb{padding:.75rem;background:#f1f1f1}
html:root:root body:not(#z) .cdl{background:#fff;border:1px solid var(--fl-line);border-radius:0;margin-bottom:.75rem}
html:root:root body:not(#z) .cdname{font-size:.8125rem;font-weight:600}
html:root:root body:not(#z) .cdunit{font-weight:800}
html:root:root body:not(#z) .cdrm{color:#fff;background:#d9534f;width:2rem;height:2rem;border-radius:2px;display:grid;place-items:center;border:0}
html:root:root body:not(#z) .cdrm .ic{width:1rem;height:1rem}
html:root:root body:not(#z) .cdf{display:block;border-top:1px solid var(--fl-line);background:#fff;padding:0;margin-bottom:0}
@media(max-width:899px){html:root:root body:not(#z) .cdf{margin-bottom:0;padding-bottom:env(safe-area-inset-bottom)}}
html:root:root body:not(#z) .cdf .cdnote{margin:0;padding:.5rem 1rem;font-size:.75rem;color:#666;text-align:left;border-bottom:1px solid var(--fl-line);font-weight:400}
html:root:root body:not(#z) .cdf .cdnote a{text-decoration:underline;color:var(--black);background:none;display:inline;min-height:0;font-size:.75rem;font-weight:600}
html:root:root body:not(#z) .cdbar{display:grid;grid-template-columns:1fr 1.25fr;align-items:stretch}
html:root:root body:not(#z) .cdbar .cdsum{display:flex;flex-direction:column;justify-content:center;padding:.5rem 1rem;text-align:left;border:0}
html:root:root body:not(#z) .cdbar .cdsum span{font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#777}
html:root:root body:not(#z) .cdbar .cdsum b{font-size:1.25rem;font-weight:800;color:var(--black)}
html:root:root body:not(#z) .cdbar .cdgo{display:flex;align-items:center;justify-content:center;gap:.375rem;min-height:3.5rem;background:var(--fl-ok);color:#fff;font-size:1rem;font-weight:700;border-radius:0}
html:root:root body:not(#z) .cdbar .cdgo:hover{background:#178a49}
html:root:root body:not(#z) .cdbar .cdgo .ic{width:1rem;height:1rem;stroke-width:3}

/* ---------- checkout ---------- */
body[data-page=checkout]{background:#f6f6f6}
body[data-page=checkout] .bn{display:none}
html:root:root body:not(#z) #app .ck .box{background:#fff;border:1px solid #ececec;box-shadow:none;padding:1.25rem}
html:root:root body:not(#z) #app .ckh{display:flex;align-items:center;gap:.5rem;font-size:.9375rem!important;font-weight:700;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--fl-line)}
html:root:root body:not(#z) #app .ckh .ic{width:1.125rem;height:1.125rem}
html:root:root body:not(#z) #app .ck label{font-size:.75rem;font-weight:600;color:#444}
html:root:root body:not(#z) #app .ck :is(input,select,textarea):not([type=checkbox]):not([type=radio]){min-height:2.75rem;border:1px solid #d9d9d9;background:#fff;font-size:1rem;padding:0 .75rem}
html:root:root body:not(#z) #app .ck textarea{padding:.625rem .75rem}
html:root:root body:not(#z) #app .ck .pm{border:1px solid #dcdcdc;background:#fff;padding:.875rem 1rem;min-height:3.75rem}
html:root:root body:not(#z) #app .ck .pm:has(input:checked){border:2px solid var(--black);box-shadow:none;background:#fff}
html:root:root body:not(#z) #app .ck .pm b,html:root:root body:not(#z) #app .ck .pm{font-size:.875rem}
html:root:root body:not(#z) #app .ck .sum .tot{font-size:1.125rem;font-weight:800}
html:root:root body:not(#z) #app .ck .cpn{display:flex;gap:.5rem}html:root:root body:not(#z) #app .ck .cpn .btn{min-width:5rem}
html:root:root body:not(#z) #app .ck .stick .btn,html:root:root body:not(#z) #app .ck .stick button{width:100%;min-height:3.25rem;background:var(--black);border-color:var(--black);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.02em;text-transform:none}
html:root:root body:not(#z) #app .ck .stick .btn:hover{background:#333}
html:root:root body:not(#z) #app .ck .mini img{width:3.5rem;height:4.25rem;object-fit:cover}
@media(min-width:900px){html:root:root body:not(#z) #app .ck .stk{position:sticky;top:1rem;align-self:start}}

/* ---------- footer ---------- */
html:root:root body:not(#z) .ft{margin-top:3rem;background:var(--ft,var(--black))}
html:root:root body:not(#z) .ft h4{font:700 .75rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.875rem}
html:root:root body:not(#z) .ft li,html:root:root body:not(#z) .ft p{font-size:.8125rem}
html:root:root body:not(#z) .ftn .btn,html:root:root body:not(#z) .nlf .btn{background:var(--red);border-color:var(--red);color:#fff;border-radius:2px}
html:root:root body:not(#z) .nlf input{border-radius:2px}

/* ---------- mobile bottom tabs ---------- */
html:root:root body:not(#z) .tabs{border-top:1px solid var(--fl-line);box-shadow:none}
html:root:root body:not(#z) .tabs .on{color:var(--black)}

html:root:root body:not(#z) .sh::before,html:root:root body:not(#z) .sh::after{display:none!important}
html:root:root body:not(#z) #app .price{color:var(--black)}
body[data-page=checkout] .act{display:none!important}
body[data-page=checkout] .hd::after{white-space:nowrap}
html:root:root body:not(#z) .sh,html:root:root body:not(#z) .sh h2{border-left:0!important;padding-left:0}
html:root:root body:not(#z) #app>.wrap,html:root:root body:not(#z) #app .wrap.shop{padding-left:.75rem;padding-right:.75rem}

/* ===== Pro pass: home ===== */
:root{--fl-w:80rem}
html:root:root body:not(#z) .home{overflow-x:clip}
/* hero */
html:root:root body:not(#z) .herow{max-width:none;margin:0}
html:root:root body:not(#z) .hero .slide{position:relative}
html:root:root body:not(#z) .hero .slide img{width:100%;max-height:36rem;object-fit:cover}
html:root:root body:not(#z) .hcta{left:50%;right:auto;bottom:12%;transform:translateX(-50%);background:#fff;color:var(--black);border:0;min-width:10rem;min-height:3rem;font-size:.8125rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border-radius:2px}
html:root:root body:not(#z) .hcta:hover{background:var(--black);color:#fff}
@media(max-width:700px){html:root:root body:not(#z) .hcta{bottom:8%;min-width:8rem;min-height:2.5rem}}
html:root:root body:not(#z) .dots button{width:.5rem;height:.5rem;border-radius:50%!important;background:rgba(255,255,255,.55);border:0}
html:root:root body:not(#z) .dots button[aria-current=true]{background:#fff;width:1.25rem;border-radius:99px!important}
/* quick links + trust */
html:root:root body:not(#z) .hqb{max-width:var(--fl-w);margin:0 auto;border-bottom:0}
html:root:root body:not(#z) .hqb a{padding:1rem .5rem}
html:root:root body:not(#z) .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;overflow:visible;background:var(--fl-soft);border:0;padding:0;margin:0;width:100%;max-width:none;box-sizing:border-box}
html:root:root body:not(#z) .trust>div{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem .75rem;flex:none;border:0}
html:root:root body:not(#z) .trust>div .ic{width:1.375rem;height:1.375rem;padding:0;background:none;color:var(--black)}
html:root:root body:not(#z) .trust>div>span,html:root:root body:not(#z) .trust>div>svg{background:none!important}
@media(max-width:800px){html:root:root body:not(#z) .trust{grid-template-columns:repeat(2,1fr)}html:root:root body:not(#z) .trust>div{justify-content:flex-start;padding:.75rem 1rem}html:root:root body:not(#z) .trust span{display:none}}
/* section titles */
html:root:root body:not(#z) .home .sh{max-width:var(--fl-w);margin:2.75rem auto 1rem;padding:0 1rem;border:0;align-items:baseline}
html:root:root body:not(#z) .home .sh h2{font-size:1.25rem!important;font-weight:800;letter-spacing:-.01em;text-transform:none}
html:root:root body:not(#z) .home .sh a,html:root:root body:not(#z) .home .sh .va{margin:0;font-size:.8125rem;font-weight:600;color:var(--black);text-decoration:underline;text-underline-offset:4px}
html:root:root body:not(#z) .home .wrap{max-width:var(--fl-w);padding:0 1rem}
/* category tiles: calm, no rainbow */
html:root:root body:not(#z) .tiles{gap:.5rem}
@media(min-width:800px){html:root:root body:not(#z) .tiles{gap:.75rem}}
html:root:root body:not(#z) .tile,html:root:root body:not(#z) .tile img{border-radius:2px;aspect-ratio:4/5!important}
html:root:root body:not(#z) .tile::after{background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 55%)}
html:root:root body:not(#z) .tile:nth-child(n) span{background:none;font-size:.9375rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:1.25rem 1rem;justify-content:center;text-align:center}
html:root:root body:not(#z) .tile span .ic{display:none}
/* product grids on home */
html:root:root body:not(#z) .home .hgrid,html:root:root body:not(#z) .home .bgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
@media(min-width:640px){html:root:root body:not(#z) .home .hgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1000px){html:root:root body:not(#z) .home .hgrid{grid-template-columns:repeat(6,minmax(0,1fr))}html:root:root body:not(#z) .home .hgrid[style*="--hc"]{grid-template-columns:repeat(var(--hc),minmax(0,1fr))}}
html:root:root body:not(#z) .hc .hci{aspect-ratio:4/5;background:var(--fl-soft);display:block;position:relative;overflow:hidden}
html:root:root body:not(#z) .hc .hci img{width:100%;height:100%;object-fit:cover}
html:root:root body:not(#z) .hva{aspect-ratio:4/5;display:block;position:relative}
html:root:root body:not(#z) .hva img{width:100%;height:100%;object-fit:cover;filter:brightness(.45)}
html:root:root body:not(#z) .hva span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;font-weight:800;letter-spacing:.14em;font-size:.875rem}
/* banners */
html:root:root body:not(#z) .home .promo img,html:root:root body:not(#z) .btl .bti{border-radius:2px}
html:root:root body:not(#z) .btl{gap:.5rem}
@media(min-width:800px){html:root:root body:not(#z) .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
html:root:root body:not(#z) .hqb{display:flex;justify-content:center;gap:0;overflow-x:auto}
html:root:root body:not(#z) .hqb a{flex:1 1 0;max-width:12rem;white-space:nowrap}
html:root:root body:not(#z) .hcn{padding:.5rem .125rem 0;display:grid;gap:.125rem}
html:root:root body:not(#z) .hcname a{font-size:.8125rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
html:root:root body:not(#z) .hcp{display:flex;gap:.5rem;align-items:baseline}
html:root:root body:not(#z) .hcp b{font-size:.9375rem;font-weight:800}
html:root:root body:not(#z) .hcp s{font-size:.75rem;color:#8a8a8a}

/* ===== Premium pass: calm, spacious, no heavy bands ===== */
html:root:root body:not(#z) .ast2{display:none!important}
html:root:root body:not(#z) .home .sh,html:root:root body:not(#z) .sh[data-hue]{background:none!important;color:var(--black)!important;height:auto!important;min-height:0;display:block;text-align:center;margin:3.5rem auto 1.5rem;padding:0 1rem;border:0!important}
html:root:root body:not(#z) .home .sh h2,html:root:root body:not(#z) .sh[data-hue] h2{color:var(--black)!important;font:600 .9375rem/1.2 Inter,"Noto Sans Bengali",system-ui,sans-serif!important;letter-spacing:.22em;text-transform:uppercase;text-align:center;border:0!important;padding:0!important;display:inline-block}
html:root:root body:not(#z) .home .sh h2::after{content:"";display:block;width:2rem;height:2px;background:var(--black);margin:.75rem auto 0}
html:root:root body:not(#z) .home .sh a,html:root:root body:not(#z) .home .sh .va{display:none}
html:root:root body:not(#z) .home .wrap,html:root:root body:not(#z) .home .wrap:has(> .hgrid),html:root:root body:not(#z) .home .wrap.promo,html:root:root body:not(#z) .home .wrap.sc{max-width:80rem;padding-inline:1rem}
@media(min-width:1000px){html:root:root body:not(#z) .home .wrap,html:root:root body:not(#z) .home .wrap:has(> .hgrid),html:root:root body:not(#z) .home .wrap.promo,html:root:root body:not(#z) .home .wrap.sc{padding-inline:1.5rem}}
html:root:root body:not(#z) .home .hgrid,html:root:root body:not(#z) .home .bgrid{gap:1.5rem .875rem}
@media(min-width:1000px){html:root:root body:not(#z) .home .hgrid,html:root:root body:not(#z) .home .bgrid{gap:2rem 1rem}}
/* product photos are square: show them whole, no crop, no box */
html:root:root body:not(#z) .hc,html:root:root body:not(#z) .card{border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
html:root:root body:not(#z) .hc .hci,html:root:root body:not(#z) .card .ci{aspect-ratio:1/1!important;background:var(--fl-soft)}
html:root:root body:not(#z) .hcn{padding:.75rem 0 0;gap:.25rem}
html:root:root body:not(#z) .hcname a{font-size:.8125rem;font-weight:500;color:#222}
html:root:root body:not(#z) .hcp b{font-size:.9375rem;font-weight:700}
html:root:root body:not(#z) .hc .hci2{transition:opacity .35s}
/* showcase + banners: more air */
html:root:root body:not(#z) .home .sc{gap:.75rem}
html:root:root body:not(#z) .home .scc,html:root:root body:not(#z) .home .sck{border:0;border-radius:2px}
html:root:root body:not(#z) .home .wrap.promo{margin-top:1.5rem}
html:root:root body:not(#z) .btl{gap:.75rem}
/* menu dropdown: clean card */
html:root:root body:not(#z) .ddm{background:#fff;border:1px solid var(--fl-line);box-shadow:0 12px 32px rgba(0,0,0,.08);padding:.5rem;min-width:12rem;border-radius:2px}
html:root:root body:not(#z) .ddm a{display:block;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;text-transform:none;letter-spacing:0;border:0;background:none;box-shadow:none;text-decoration:none}
html:root:root body:not(#z) .ddm a:hover{background:var(--fl-soft)}
html:root:root body:not(#z) .ddm *{text-decoration:none!important;background-image:none!important}
/* quick links bar */
html:root:root body:not(#z) .hqb{border-bottom:1px solid var(--fl-line)}
/* header */
html:root:root body:not(#z) .hd{min-height:4.5rem}
html:root:root body:not(#z) .logo img{height:2.5rem}

/* ===== Shop/product cards: boxed card with Save tag and round cart button (same pattern shoppers know) ===== */
html:root:root body:not(#z) #app .card{background:#fff!important;border:1px solid #e8e8e8!important;border-radius:8px!important;overflow:hidden;padding:0!important}
html:root:root body:not(#z) #app .card .ci{border-radius:0}
html:root:root body:not(#z) #app .card .cbody{padding:.75rem .75rem .875rem;gap:.5rem}
html:root:root body:not(#z) #app .card h3{font-size:.875rem;font-weight:500;min-height:2.6em}
html:root:root body:not(#z) #app .card .save{display:inline-flex!important;align-items:center;gap:.25rem;background:#16a34a;color:#fff;font-size:.6875rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;width:fit-content}
html:root:root body:not(#z) #app .card .save .ic{width:.75rem;height:.75rem;color:#fff}
html:root:root body:not(#z) #app .card .cfoot{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem}
html:root:root body:not(#z) #app .card .cinfo{display:grid;gap:.375rem;min-width:0}
html:root:root body:not(#z) #app .card .pr b{font-size:1.0625rem;font-weight:800;color:var(--black)}
html:root:root body:not(#z) #app .card .pr.sale b{color:var(--black)}
html:root:root body:not(#z) #app .card .pr em{background:none;padding:0;color:#e11d48;font-size:.75rem}
html:root:root body:not(#z) #app .card .cbtn{flex:none;width:2.5rem;height:2.5rem;min-height:0;padding:0;border-radius:50%!important;background:#111;color:#fff;border:0}
html:root:root body:not(#z) #app .card .cbtn:hover{background:var(--red)}
html:root:root body:not(#z) #app .card .cbtn .ic{width:1.125rem;height:1.125rem}
html:root:root body:not(#z) #app .card .badge{background:#e11d48;border-radius:4px;font-size:.75rem;padding:.2rem .45rem;top:.5rem;left:.5rem}
html:root:root body:not(#z) #app .card .fdel{background:#16a34a;color:#fff;border-radius:4px;font-size:.6875rem}
html:root:root body:not(#z) #app .card .ci{aspect-ratio:1/1!important}
html:root:root body:not(#z) #app .card .ci img{object-fit:cover}

/* ===== Product page extras ===== */
html:root:root body:not(#z) .salebd{position:absolute;top:.75rem;left:.75rem;z-index:3;background:#e11d48;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.06em;padding:.25rem .6rem;border-radius:2px}
html:root:root body:not(#z) .gm{position:relative}
html:root:root body:not(#z) #app .note .noteh{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;margin-bottom:.25rem}
html:root:root body:not(#z) #app .note .noteh .ic{color:var(--fl-ok)}
html:root:root body:not(#z) .fbt{margin-top:1.5rem}
html:root:root body:not(#z) .fbt h3{font-size:1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--black)}
html:root:root body:not(#z) .fbt__r{display:grid;grid-template-columns:7rem 1fr;gap:1rem;align-items:center}
html:root:root body:not(#z) .fbt__i img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--fl-soft)}
html:root:root body:not(#z) .fbt__n{font-size:.875rem;font-weight:500;display:block}
html:root:root body:not(#z) .fbt .pr{margin:.25rem 0 .5rem;display:flex;gap:.5rem;align-items:baseline}
html:root:root body:not(#z) .fbt .pr b{font-weight:800}html:root:root body:not(#z) .fbt .pr s{font-size:.75rem;color:#888}
html:root:root body:not(#z) .fbt__b{display:inline-flex;align-items:center;gap:.375rem;background:var(--black);color:#fff;border:0;min-height:2.25rem;padding:0 .875rem;font-size:.8125rem;font-weight:700;cursor:pointer;border-radius:2px}
html:root:root body:not(#z) .fbt__b .ic{width:.875rem;height:.875rem;stroke-width:2.6}

/* ===== Home: same pattern as the reference store: soft title band + image-only square tiles ===== */
html:root:root body:not(#z) .home .sh,html:root:root body:not(#z) .sh[data-hue]{max-width:68rem;margin:1.5rem auto .75rem;padding:.75rem 1rem!important;background:color-mix(in srgb,var(--red) 9%,#fff)!important;border-radius:4px;text-align:center}
html:root:root body:not(#z) .home .sh h2,html:root:root body:not(#z) .sh[data-hue] h2{color:var(--red)!important;font:800 1.625rem/1.2 Inter,"Noto Sans Bengali",system-ui,sans-serif!important;letter-spacing:0;text-transform:uppercase}
html:root:root body:not(#z) .home .sh h2::after{display:none}
@media(max-width:700px){html:root:root body:not(#z) .home .sh h2,html:root:root body:not(#z) .sh[data-hue] h2{font-size:1.25rem!important}html:root:root body:not(#z) .home .sh{margin:1rem .75rem .5rem}}
html:root:root body:not(#z) .home .wrap,html:root:root body:not(#z) .home .wrap:has(> .hgrid),html:root:root body:not(#z) .home .wrap.promo,html:root:root body:not(#z) .home .wrap.sc{max-width:68rem}
html:root:root body:not(#z) .home .hgrid{gap:.875rem!important}
@media(min-width:1000px){html:root:root body:not(#z) .home .hgrid{grid-template-columns:repeat(4,minmax(0,1fr))}html:root:root body:not(#z) .home .hgrid[style*="--hc"]{grid-template-columns:repeat(var(--hc),minmax(0,1fr))}}
html:root:root body:not(#z) .hc .hci,html:root:root body:not(#z) .hc .hci img,html:root:root body:not(#z) .hva{border-radius:4px}
html:root:root body:not(#z) .hcn{display:none}
html:root:root body:not(#z) .hc .hci{box-shadow:0 1px 2px rgba(0,0,0,.06)}

/* ===== Mega menu: white panel, link columns with accent hover, new arrivals on the right ===== */
@media(min-width:900px){
html:root:root body:not(#z) .hd{position:sticky}
html:root:root body:not(#z) .dd{position:static}
html:root:root body:not(#z) .nav{position:static}
html:root:root body:not(#z) .ddm.mega{left:1.5rem;right:auto;width:min(52rem,calc(100vw - 3rem));border-radius:0 0 4px 4px;border:1px solid var(--fl-line);border-top:0;box-shadow:0 14px 30px rgba(0,0,0,.1);padding:1.25rem 1.5rem 0;grid-template-columns:1fr 1px 1.1fr;gap:0 1.5rem;position:absolute;top:100%}
html:root:root body:not(#z) .ddm.mega .ddl{display:block;columns:3;column-gap:1.5rem}
html:root:root body:not(#z) .ddm.mega .ddl a{display:block;padding:.4rem 0;font-size:.8125rem;font-weight:500;white-space:normal;break-inside:avoid;background:none;color:#222}
html:root:root body:not(#z) .ddm.mega .ddl a:hover{color:var(--red);background:none}
html:root:root body:not(#z) .ddm.mega .ddl a.dda,html:root:root body:not(#z) .ddm.mega .ddn a.dda{grid-column:1/-1;color:var(--red);font-weight:700;border-top:1px solid var(--fl-line);margin-top:.5rem;padding:.875rem 0;column-span:all}
html:root:root body:not(#z) .ddm.mega .ddn{grid-template-columns:repeat(2,1fr);gap:.75rem;border-left:1px solid var(--fl-line);padding-left:1.5rem}
html:root:root body:not(#z) .ddm.mega .ddn h5{color:var(--red);font-size:.75rem;font-weight:700;letter-spacing:.06em}
html:root:root body:not(#z) .ddm.mega .ddn a{display:grid;gap:.25rem;font-size:.75rem;padding:0;background:none}
html:root:root body:not(#z) .ddm.mega .ddn img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:2px;background:var(--fl-soft)}
}

/* ===== Footer: logo + links | newsletter + help | follow us ===== */
html:root:root body:not(#z) .ft2 .wrap{display:grid;grid-template-columns:1fr;gap:2rem;padding:2.5rem 1rem}
@media(min-width:900px){html:root:root body:not(#z) .ft2 .wrap{grid-template-columns:1fr 1.4fr 1fr;gap:3rem;padding:3rem 1.5rem;max-width:68rem}}
html:root:root body:not(#z) .ft2 ul{margin:1.25rem 0 0;padding:0}
html:root:root body:not(#z) .ft2 li{padding:.3rem 0}html:root:root body:not(#z) .ft2 li a{font-size:.8125rem;color:#e5e5e5}
html:root:root body:not(#z) .ft2 h4{font:700 .75rem/1.3 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem}
html:root:root body:not(#z) .ft2 .nlf{display:flex;gap:0;border-bottom:1px solid #777}
html:root:root body:not(#z) .ft2 .nlf input{background:none;border:0;color:#fff;flex:1;min-height:2.5rem;padding:0 .25rem;border-radius:0}
html:root:root body:not(#z) .ft2 .nlf .btn{min-height:2rem;align-self:center;padding:0 .875rem;font-size:.75rem;background:var(--red);color:#fff;border:0;border-radius:2px}
html:root:root body:not(#z) .ft2 .ft2h{margin-top:1.75rem}
html:root:root body:not(#z) .ft2 .ft2h p,html:root:root body:not(#z) .ft2 .ft2c p{font-size:.8125rem;color:#cfcfcf;margin:0 0 .375rem}
html:root:root body:not(#z) .ft2 .ft2h a{color:#fff;font-weight:600}
html:root:root body:not(#z) .ft2 .soc{display:flex;gap:.75rem;margin-top:.875rem}
html:root:root body:not(#z) .ft2 .soc a{width:2.25rem;height:2.25rem;display:grid;place-items:center;border:1px solid #666;border-radius:50%!important}
html:root:root body:not(#z) .ft2 .fbar{background:rgba(255,255,255,.06);border-top:0}
html:root:root body:not(#z) .home .sh,html:root:root body:not(#z) #app .sh[data-hue]{max-width:min(68rem,calc(100% - 1.5rem))!important;margin-left:auto!important;margin-right:auto!important}

/* ===== Premium polish v2: one container, more air, quieter chrome ===== */
html:root:root body:not(#z){--fl-c:72rem}
/* header */
html:root:root body:not(#z) .hd{min-height:5rem;padding-inline:max(1.5rem,calc((100vw - 80rem)/2))}
html:root:root body:not(#z) .logo img{height:2.75rem}
@media(min-width:900px){html:root:root body:not(#z) .nav a,html:root:root body:not(#z) .nav .ddb{font-size:.75rem;letter-spacing:.14em;font-weight:600}}
html:root:root body:not(#z) .ub{font-size:.6875rem;letter-spacing:.04em;color:#6b6b6b;border-bottom:1px solid #f0f0f0}
html:root:root body:not(#z) .ub__in{max-width:80rem;margin:0 auto;padding-inline:1.5rem}
/* hero */
html:root:root body:not(#z) .hero .slide img{max-height:34rem;width:100%;object-fit:cover}
/* quick links as quiet tabs */
html:root:root body:not(#z) .hqb{max-width:var(--fl-c);border:0;gap:2.5rem;margin:1.25rem auto 0}
html:root:root body:not(#z) .hqb a{flex:0 0 auto;font-size:.6875rem;letter-spacing:.2em;color:#555;padding:.75rem .25rem;border-bottom:2px solid transparent}
html:root:root body:not(#z) .hqb a:first-child{color:var(--black);border-bottom-color:var(--black)}
html:root:root body:not(#z) .hqb a:hover{color:var(--black);border-bottom-color:var(--black)}
/* sections share one container and one rhythm */
html:root:root body:not(#z) .home .wrap,html:root:root body:not(#z) .home .wrap:has(> .hgrid),html:root:root body:not(#z) .home .wrap.promo,html:root:root body:not(#z) .home .wrap.sc{max-width:var(--fl-c)!important;padding-inline:1.5rem}
@media(max-width:700px){html:root:root body:not(#z) .home .wrap,html:root:root body:not(#z) .home .wrap:has(> .hgrid),html:root:root body:not(#z) .home .wrap.promo,html:root:root body:not(#z) .home .wrap.sc{padding-inline:.75rem}}
html:root:root body:not(#z) .home>.wrap{margin-top:2.5rem}
html:root:root body:not(#z) .home .sh,html:root:root body:not(#z) #app .sh[data-hue]{max-width:min(var(--fl-c),calc(100% - 3rem))!important;margin-top:4rem!important;background:none!important;border-radius:0;padding:0 0 1rem!important;border-bottom:1px solid #e6e6e6!important;text-align:left}
html:root:root body:not(#z) .home .sh h2,html:root:root body:not(#z) #app .sh[data-hue] h2{color:var(--black)!important;font:700 1.375rem/1.2 Inter,"Noto Sans Bengali",system-ui,sans-serif!important;letter-spacing:-.01em;text-transform:none;text-align:left}
html:root:root body:not(#z) .home .sh h2::after{display:none}
html:root:root body:not(#z) .home .sh+.wrap{margin-top:1.5rem}
/* grids */
html:root:root body:not(#z) .home .hgrid{gap:1rem!important}
html:root:root body:not(#z) .btl{gap:1rem}
html:root:root body:not(#z) .btl .bti img,html:root:root body:not(#z) .home .promo img{border-radius:2px;width:100%}
html:root:root body:not(#z) .home .sc{gap:1rem}
html:root:root body:not(#z) .home .scc,html:root:root body:not(#z) .home .sck{overflow:hidden;border-radius:2px}
html:root:root body:not(#z) .home .scp{background:rgba(255,255,255,.92);color:#111;font-size:.6875rem;font-weight:700;padding:.2rem .5rem;border-radius:2px;left:.5rem;bottom:.5rem;right:auto;width:auto;backdrop-filter:blur(4px)}
html:root:root body:not(#z) .home .scp s{opacity:.55;margin-left:.375rem;font-weight:500}
html:root:root body:not(#z) .home .sct{font:700 1.125rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.02em;text-shadow:0 1px 12px rgba(0,0,0,.35)}
html:root:root body:not(#z) .hva span,html:root:root body:not(#z) .scv{font-size:.75rem;letter-spacing:.22em;font-weight:600}
/* footer */
html:root:root body:not(#z) .ft{margin-top:5rem}
html:root:root body:not(#z) .ft2 .wrap{max-width:var(--fl-c);padding:3.5rem 1.5rem 3rem}
html:root:root body:not(#z) .ft2 ul{columns:2;column-gap:1.5rem;margin-top:1.5rem}
html:root:root body:not(#z) .ft2 li{break-inside:avoid;padding:.25rem 0}
html:root:root body:not(#z) .ft2 img.flogo{height:2.25rem;width:auto}
html:root:root body:not(#z) .fbar .wrap{max-width:var(--fl-c);padding:1rem 1.5rem}

/* ===== Fixes from live check ===== */
@media(min-width:900px){
html:root:root body:not(#z) .dd{position:relative}
html:root:root body:not(#z) .dd:has(> .ddm.mega){position:static}
html:root:root body:not(#z) .nav>a,html:root:root body:not(#z) .nav .dd>a,html:root:root body:not(#z) .nav .dd>.ddb{border:0!important;box-shadow:none!important;background:none!important;background-image:none!important;text-decoration:none!important;position:relative;height:100%}
html:root:root body:not(#z) .nav>a::after,html:root:root body:not(#z) .nav .dd>a::after,html:root:root body:not(#z) .nav .dd>.ddb::after{content:"";position:absolute;left:.875rem;right:.875rem;bottom:1.1rem;height:2px;background:var(--black);transform:scaleX(0);transition:transform .2s}
html:root:root body:not(#z) .nav>a:hover::after,html:root:root body:not(#z) .nav .dd:hover>a::after,html:root:root body:not(#z) .nav .dd:hover>.ddb::after{transform:scaleX(1)}
html:root:root body:not(#z) .nav .dd>a,html:root:root body:not(#z) .nav .dd>.ddb{display:flex;align-items:center;gap:.375rem}
html:root:root body:not(#z) .nav .dd .ic{width:.75rem;height:.75rem}
html:root:root body:not(#z) .ddm:not(.mega){top:calc(100% - .75rem);left:0;min-width:11rem}
}
html:root:root body:not(#z) .home .scp{position:absolute!important;inset:auto auto .5rem .5rem!important;transform:none!important;margin:0!important;white-space:nowrap;width:auto!important;max-width:calc(100% - 1rem)}
html:root:root body:not(#z) .ft{padding:0!important;margin-top:4rem}
html:root:root body:not(#z) .ft2 .wrap{padding-top:2.5rem}
html:root:root body:not(#z) .ft::before,html:root:root body:not(#z) .ft::after{display:none}
html:root:root body:not(#z) .ft2 .ft2a,html:root:root body:not(#z) .ft2 .ft2b,html:root:root body:not(#z) .ft2 .ft2c{margin:0}
@media(max-width:899px){html:root:root body:not(#z) .ft{padding-bottom:4rem!important}}

/* ===== Wider boxes ===== */
html:root:root body:not(#z){--fl-c:96rem;--fl-w:96rem}
html:root:root body:not(#z) #app>.wrap,html:root:root body:not(#z) #app .wrap.shop,html:root:root body:not(#z) #app .wrap.pd,html:root:root body:not(#z) #app .wrap.ck,html:root:root body:not(#z) #app>div>.wrap{max-width:96rem!important}
html:root:root body:not(#z) .hd,html:root:root body:not(#z) .ub__in{max-width:none}
html:root:root body:not(#z) .hd{padding-inline:max(1.5rem,calc((100vw - 96rem)/2 + 1.5rem))}
html:root:root body:not(#z) .ub__in{max-width:96rem}
html:root:root body:not(#z) .ft2 .wrap,html:root:root body:not(#z) .fbar .wrap,html:root:root body:not(#z) .hqb{max-width:96rem}
html:root:root body:not(#z) #app .wrap.pd{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2.5rem}
html:root:root body:not(#z) #app .wrap.pd .gal{max-width:none}
html:root:root body:not(#z) #app .wrap.ck{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
html:root:root body:not(#z) .home .scp{inset:auto auto .5rem 50%!important;transform:translateX(-50%)!important}

/* ===== Footer v3: newsletter band, brand + link columns, quiet bottom bar ===== */
html:root:root body:not(#z) .ft{background:var(--ft,#0b0b0b);color:#bdbdbd;margin-top:4rem;padding:0!important}
html:root:root body:not(#z) .ft .ftn{max-width:96rem;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}
html:root:root body:not(#z) .ft .wrap:has(.ftn){display:block;padding:0;max-width:none}
html:root:root body:not(#z) .ft .ftn h4{font:700 1.125rem/1.3 Inter,system-ui,sans-serif;text-transform:none;letter-spacing:0;color:#fff;margin:0}
html:root:root body:not(#z) .ft .ftn p{margin:.25rem 0 0;font-size:.8125rem;color:#9a9a9a}
html:root:root body:not(#z) .ft .nlf{display:flex;gap:.5rem;min-width:min(26rem,100%)}
html:root:root body:not(#z) .ft .nlf input{flex:1;min-height:2.75rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:2px;padding:0 .875rem;font-size:.875rem}
html:root:root body:not(#z) .ft .nlf input::placeholder{color:#8f8f8f}
html:root:root body:not(#z) .ft .nlf .btn{min-height:2.75rem;padding:0 1.25rem;background:#fff;color:#0a0a0a;border:0;border-radius:2px;font-size:.8125rem;font-weight:700}
html:root:root body:not(#z) .ft .nlf .btn:hover{background:var(--red);color:#fff}
html:root:root body:not(#z) .ft>.wrap:not(:has(.ftn)){max-width:96rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem 2.5rem}
@media(min-width:900px){html:root:root body:not(#z) .ft>.wrap:not(:has(.ftn)){grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:2.5rem}}
html:root:root body:not(#z) .ft .fb img{height:2.5rem;width:auto;max-width:12rem}
html:root:root body:not(#z) .ft h4{font:700 .75rem/1.3 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 1rem}
html:root:root body:not(#z) .ft ul{margin:0;padding:0}html:root:root body:not(#z) .ft li{padding:.3rem 0;list-style:none}
html:root:root body:not(#z) .ft a{color:#bdbdbd;font-size:.8125rem;transition:color .15s}html:root:root body:not(#z) .ft a:hover{color:#fff}
html:root:root body:not(#z) .ft p{font-size:.8125rem;line-height:1.7;margin:0 0 .5rem;color:#bdbdbd}
html:root:root body:not(#z) .ft .soc{display:flex;gap:.625rem}
html:root:root body:not(#z) .ft .soc a{width:2.25rem;height:2.25rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%!important}
html:root:root body:not(#z) .ft .soc a:hover{background:#fff;color:#0a0a0a}
html:root:root body:not(#z) .ft .fbar{background:none;border-top:1px solid rgba(255,255,255,.12)}
html:root:root body:not(#z) .ft .fbar .wrap{max-width:96rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem}
html:root:root body:not(#z) .ft .fbar small{font-size:.75rem;color:#8f8f8f}
@media(max-width:899px){html:root:root body:not(#z) .ft{padding-bottom:4rem!important}}

/* ===== Mega menu v2: grouped columns + new arrivals + footer link ===== */
@media(min-width:900px){
html:root:root body:not(#z) .dd{position:static}
html:root:root body:not(#z) .nav{position:static}
html:root:root body:not(#z) .dd:hover>.ddm.mega,html:root:root body:not(#z) .dd.open>.ddm.mega{display:grid}
html:root:root body:not(#z) .ddm.mega{position:absolute;top:100%;left:max(1.5rem,calc((100vw - 70rem)/2));right:auto;width:min(70rem,calc(100vw - 3rem));grid-template-columns:1fr 24rem;grid-template-rows:auto auto;gap:0;padding:0;border:1px solid var(--fl-line);border-top:0;border-radius:0 0 4px 4px;box-shadow:0 18px 40px rgba(0,0,0,.12);background:#fff;min-width:0}
html:root:root body:not(#z) .ddm.mega .ddg{display:flex;gap:3rem;padding:1.75rem 2rem;align-items:flex-start;flex-wrap:wrap}
html:root:root body:not(#z) .ddm.mega .ddc{display:grid;gap:.125rem;min-width:9rem;align-content:start}
html:root:root body:not(#z) .ddm.mega .ddt{color:var(--red);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:0 0 .875rem;background:none}
html:root:root body:not(#z) .ddm.mega .ddc a:not(.ddt){padding:.4rem 0;font-size:.875rem;font-weight:400;color:#333;white-space:nowrap;background:none;text-transform:none;letter-spacing:0}
html:root:root body:not(#z) .ddm.mega .ddc a:not(.ddt):hover{color:var(--red);background:none}
html:root:root body:not(#z) .ddm.mega .ddn{grid-template-columns:repeat(2,1fr);gap:.875rem;padding:1.75rem 2rem;border-left:1px solid var(--fl-line);align-content:start}
html:root:root body:not(#z) .ddm.mega .ddn h5{grid-column:1/-1;color:var(--red);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0}
html:root:root body:not(#z) .ddm.mega .ddn a{display:grid;gap:.375rem;font-size:.75rem;color:#444;padding:0;background:none;white-space:normal;line-height:1.3}
html:root:root body:not(#z) .ddm.mega .ddn img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:2px;background:var(--fl-soft)}
html:root:root body:not(#z) .ddm.mega .ddn span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html:root:root body:not(#z) .ddm.mega .ddf{grid-column:1/-1;border-top:1px solid var(--fl-line);background:#fafafa;padding:.875rem 2rem}
html:root:root body:not(#z) .ddm.mega .ddf a{color:var(--red);font-size:.8125rem;font-weight:700;background:none;padding:0}
}
html:root:root body:not(#z) .dr .drs{padding-left:1.5rem;font-weight:400;font-size:.9375rem}

/* newsletter band on white */
html:root:root body:not(#z) .ft .wrap:has(.ftn){background:#fff;border-top:1px solid var(--fl-line)}
html:root:root body:not(#z) .ft .ftn{border-bottom:0}
html:root:root body:not(#z) .ft .ftn h4{color:#0a0a0a}
html:root:root body:not(#z) .ft .ftn p{color:#666}
html:root:root body:not(#z) .ft .nlf input{background:#f5f5f5;border:1px solid #e4e4e4;color:#111}
html:root:root body:not(#z) .ft .nlf input::placeholder{color:#888}
html:root:root body:not(#z) .ft .nlf .btn{background:#0a0a0a;color:#fff}
html:root:root body:not(#z) .ft .nlf .btn:hover{background:var(--red)}
html:root:root body:not(#z) .ft .nlm{color:#444}

/* footer fixes: no black strip above the white newsletter band, socials under the logo */
html:root:root body:not(#z) #ftr{background:#fff}
html:root:root body:not(#z) .ft{margin-top:0}
html:root:root body:not(#z) #app{padding-bottom:3rem}
html:root:root body:not(#z) .ft .fb .soc{margin-top:1.25rem}
@media(min-width:900px){html:root:root body:not(#z) .ft>.wrap:not(:has(.ftn)){grid-template-columns:1.3fr 1fr 1fr 1fr 1.3fr}}
/* menu panel: smaller new-arrival thumbnails so the panel is not tall */
@media(min-width:900px){
html:root:root body:not(#z) .ddm.mega{grid-template-columns:1fr 21rem}
html:root:root body:not(#z) .ddm.mega .ddn{padding:1.5rem 1.5rem}
html:root:root body:not(#z) .ddm.mega .ddn img{aspect-ratio:1/1;max-height:6.5rem;width:6.5rem;justify-self:start}
html:root:root body:not(#z) .ddm.mega .ddg{padding:1.5rem 2rem;min-height:11rem}
}

/* menu: category tiles with photos, closes on mouse leave */
@media(min-width:900px){
html:root:root body:not(#z) .ddm.mega .ddls{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}
html:root:root body:not(#z) .ddm.mega .ddls a.ddk{display:grid;gap:.5rem;width:7rem;padding:0;text-align:left}
html:root:root body:not(#z) .ddm.mega .ddls a.ddk img{width:7rem;height:7rem;object-fit:cover;border-radius:2px;background:var(--fl-soft);transition:opacity .2s}
html:root:root body:not(#z) .ddm.mega .ddls a.ddk:hover img{opacity:.85}
html:root:root body:not(#z) .ddm.mega .ddls a.ddk span{font-size:.8125rem;font-weight:600;color:#111}
html:root:root body:not(#z) .ddm.mega .ddls a:not(.ddk){flex:0 0 100%;padding:.4rem 0;font-size:.875rem;color:#333}
html:root:root body:not(#z) .ddm.mega .ddn a span{letter-spacing:0;font-weight:400}
html:root:root body:not(#z) .ddm.mega .ddn{letter-spacing:0}
html:root:root body:not(#z) .ddm.mega .ddg{min-height:0}
}

html:root:root body:not(#z) .dd.shut>.ddm.mega{display:none}
html:root:root body:not(#z) .ddm.mega::before{content:"";position:absolute;left:0;right:0;top:-1.5rem;height:1.5rem}
html:root:root body:not(#z) .hqb a,html:root:root body:not(#z) .hqb a:hover{text-decoration:none!important;background-image:none!important;color:#333;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
html:root:root body:not(#z) .hqb a:first-child{color:#333;border-bottom-color:transparent}
html:root:root body:not(#z) .hqb a:hover,html:root:root body:not(#z) .hqb a:first-child:hover{color:var(--red);border-bottom-color:var(--red)}
html:root:root body:not(#z) .ddm.mega::before{top:-3.5rem;height:3.5rem}
html:root:root body:not(#z) .shm .pf,html:root:root body:not(#z) form.pf{display:none!important}
html:root:root body:not(#z) .ddm.mega .ddls a.ddk{display:block;width:auto;flex:0 0 100%;padding:.4rem 0}
html:root:root body:not(#z) .ddm.mega .ddls a.ddk img{display:none}
html:root:root body:not(#z) .ddm.mega .ddls a.ddk span{font-size:.875rem;font-weight:400;color:#333}
html:root:root body:not(#z) .ddm.mega .ddls a.ddk:hover span{color:var(--red)}
html:root:root body:not(#z) .ddm.mega{grid-template-columns:minmax(0,14rem) 1fr}
html:root:root body:not(#z) .ddm.mega .ddg{padding:1.75rem 2rem}
html:root:root body:not(#z) .ddm.mega .ddn{grid-template-columns:repeat(3,1fr);gap:1.25rem 1.5rem}
html:root:root body:not(#z) .ddm.mega .ddn a{font-size:.75rem;color:#666}
html:root:root body:not(#z) .ddm.mega .ddn span{-webkit-line-clamp:1}
html:root:root body:not(#z) .ddm.mega .ddn img{aspect-ratio:1/1.1;border-radius:4px}
html:root:root body:not(#z),html:root:root body:not(#z) *:not(svg):not(path){font-family:"Plus Jakarta Sans","Noto Sans Bengali",Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
html:root:root body:not(#z){-webkit-font-smoothing:antialiased;font-feature-settings:"ss01"}
html:root:root body:not(#z) h1,html:root:root body:not(#z) h2,html:root:root body:not(#z) h3,html:root:root body:not(#z) .nav a{letter-spacing:-.01em}
html:root:root body:not(#z) .nav a{letter-spacing:.08em}
@media(min-width:900px){
html:root:root body:not(#z) .hd{isolation:isolate}
html:root:root body:not(#z) .hd::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s;z-index:-1}
html:root:root body:not(#z) .hd:has(.dd:hover>.ddm.mega)::after,html:root:root body:not(#z) .hd:has(.dd.open>.ddm.mega)::after{opacity:1;visibility:visible}
html:root:root body:not(#z) .hd:has(.dd.shut)::after{opacity:0;visibility:hidden}
}
html:root:root body:not(#z) .ub{display:none!important}
@media(min-width:900px){
html:root:root body:not(#z) .nav{align-self:stretch;align-items:stretch}
html:root:root body:not(#z) .nav>a,html:root:root body:not(#z) .nav .dd{align-self:stretch}
html:root:root body:not(#z) .nav>a,html:root:root body:not(#z) .nav .dd>a,html:root:root body:not(#z) .nav .dd>.ddb{display:flex;align-items:center;height:100%;padding-top:0;padding-bottom:0;border:0!important;box-shadow:none}
html:root:root body:not(#z) .nav>a::after,html:root:root body:not(#z) .nav .dd>a::after,html:root:root body:not(#z) .nav .dd>.ddb::after{content:"";position:absolute;left:0;right:0;bottom:0;top:auto;height:3px;background:var(--red);transform:scaleX(0);transition:transform .2s}
html:root:root body:not(#z) .nav>a::before,html:root:root body:not(#z) .nav .dd>a::before,html:root:root body:not(#z) .nav .dd>.ddb::before{content:none}
html:root:root body:not(#z) .nav>a:hover,html:root:root body:not(#z) .nav .dd:hover>a,html:root:root body:not(#z) .nav .dd:hover>.ddb{color:var(--red);border:0}
html:root:root body:not(#z) .nav>a:hover::after,html:root:root body:not(#z) .nav .dd:hover>a::after,html:root:root body:not(#z) .nav .dd:hover>.ddb::after{transform:scaleX(1)}
/* backdrop starts below header */
html:root:root body:not(#z) .hd::after{position:absolute;top:100%;left:0;right:0;bottom:auto;inset:auto;inset-inline:0;top:100%;height:100vh}
/* panel size/position like reference */
html:root:root body:not(#z) .ddm.mega{left:max(1.5rem,calc((100vw - 61rem)/2));width:min(61rem,calc(100vw - 3rem));grid-template-columns:13rem 1fr;box-shadow:0 10px 24px rgba(0,0,0,.12)}
html:root:root body:not(#z) .ddm.mega .ddg{padding:1.75rem 2rem}
html:root:root body:not(#z) .ddm.mega .ddc{min-width:0}
html:root:root body:not(#z) .ddm.mega .ddls a.ddk,html:root:root body:not(#z) .ddm.mega .ddls a:not(.ddk){padding:.45rem 0}
html:root:root body:not(#z) .ddm.mega .ddn{grid-template-columns:repeat(3,7.5rem);gap:.875rem 3.25rem;padding:1.75rem 2rem;align-content:start;justify-content:start}
html:root:root body:not(#z) .ddm.mega .ddn h5{margin-bottom:.25rem}
html:root:root body:not(#z) .ddm.mega .ddn img{width:7.5rem;height:7.5rem;aspect-ratio:1/1;object-fit:cover;border-radius:2px}
html:root:root body:not(#z) .ddm.mega .ddn a{width:10.75rem;gap:.5rem;font-size:.6875rem;color:#555}
}
@media(min-width:900px){
html:root:root body:not(#z) .ddm.mega .ddn img{width:7.5rem!important;height:7.5rem!important;max-width:none;aspect-ratio:1/1!important;object-fit:cover!important;object-position:center top!important}
html:root:root body:not(#z) .ddm.mega .ddn a{width:7.5rem;font-size:.75rem}
html:root:root body:not(#z) .ddm.mega .ddn span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}
html:root:root body:not(#z) .ddm.mega .ddn{grid-template-columns:repeat(3,7.5rem);gap:1rem 3.25rem}
html:root:root body:not(#z) .ddm.mega .ddt,html:root:root body:not(#z) .ddm.mega .ddn h5{font-size:.8125rem}
html:root:root body:not(#z) .ddm.mega .ddls a.ddk span,html:root:root body:not(#z) .ddm.mega .ddls a:not(.ddk){font-size:.9375rem}
}
@media(min-width:900px){
html:root:root body:not(#z) .ddm.mega .ddn img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
}
@media(max-width:899px){
html:root:root body:not(#z){overflow-x:hidden}
html:root:root body:not(#z) .wrap.pd{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row;gap:1rem}
html:root:root body:not(#z) .pd>*{min-width:0;max-width:100%}
html:root:root body:not(#z) .pd .gal{position:static;max-width:100%}
html:root:root body:not(#z) .fbt__r{grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem}
html:root:root body:not(#z) .fbt__b{white-space:nowrap}
html:root:root body:not(#z) .hqb{justify-content:flex-start;gap:1.5rem;padding:0 1rem;scrollbar-width:none}
html:root:root body:not(#z) .hqb::-webkit-scrollbar{display:none}
html:root:root body:not(#z) .hqb a{flex:0 0 auto}
}
@media(max-width:899px){
html:root:root body:not(#z) #app .wrap.pd{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;gap:1rem!important}
html:root:root body:not(#z) #app .wrap.pd>*{grid-column:1!important;grid-row:auto!important}
}
@media(max-width:899px){
html:root:root body:not(#z) #app .wrap.pd>.gal{display:contents}
html:root:root body:not(#z) #app .wrap.pd .gal>.fbt{order:5;margin-top:0}
html:root:root body:not(#z) #app .wrap.pd>.pnl{order:2}
html:root:root body:not(#z) #app .wrap.pd>.accx{order:3}
html:root:root body:not(#z) #app .wrap.pd .gal>*{grid-column:1!important}
}
html:root:root body:not(#z) .hva{aspect-ratio:auto;align-self:stretch;min-height:100%;background:#f5f5f5;border:1px solid var(--fl-line);display:grid;place-items:center}
html:root:root body:not(#z) .hva img{display:none}
html:root:root body:not(#z) .hva span{position:static;display:block;color:var(--black);font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
html:root:root body:not(#z) .hva span br{display:none}
html:root:root body:not(#z) .hva span::after{content:" →"}
html:root:root body:not(#z) .hva:hover span{color:var(--red)}
/* shop page polish */
html:root:root body:not(#z) .shop .tbn{margin:0 0 1rem;max-height:6.5rem;overflow:hidden;border-radius:4px}
html:root:root body:not(#z) .shop .tbn img{width:100%;max-height:6.5rem;object-fit:cover}
html:root:root body:not(#z) .shop .bar{gap:.5rem;margin:0 0 1.25rem}
html:root:root body:not(#z) .shop .chip{border:1px solid var(--fl-line);background:#fff;border-radius:2px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#333}
html:root:root body:not(#z) .shop .chip:hover{border-color:var(--black)}
html:root:root body:not(#z) .shop .chip[aria-current],html:root:root body:not(#z) .shop .chip.on,html:root:root body:not(#z) .shop .chip[aria-pressed=true]{background:var(--black);color:#fff;border-color:var(--black)}
html:root:root body:not(#z) .card .pr em{display:none}
html:root:root body:not(#z) .card{box-shadow:none;transition:box-shadow .2s,border-color .2s}
html:root:root body:not(#z) .card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:#d8d8d8}
html:root:root body:not(#z) .card h3{font-weight:500;font-size:.8125rem;line-height:1.4;color:#222}
html:root:root body:not(#z) .card .pr b{font-size:1rem;font-weight:700}
html:root:root body:not(#z) .shop .grid{gap:1.25rem 1rem}
html:root:root body:not(#z) .shop .btn.alt,html:root:root body:not(#z) .shop .more .btn{border-radius:2px;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;padding:.75rem 2rem}
html:root:root body:not(#z) .card,html:root:root body:not(#z) .card .cmedia,html:root:root body:not(#z) .card .ci,html:root:root body:not(#z) .card .ci img,html:root:root body:not(#z) .card .cs,html:root:root body:not(#z) .card .csl,html:root:root body:not(#z) .card .badge,html:root:root body:not(#z) .card .save,html:root:root body:not(#z) .card .fdel,html:root:root body:not(#z) .card .noimg{border-radius:2px!important}
html:root:root body:not(#z) :is(button,input,select,textarea,img,.btn,.cbtn,.wl,.zb,.chip,.badge,.save,.fdel,.soldout,.card,.cmedia,.tile,.box,.pnl,.note,.pm,.q,.opt button,.th button,.fbt__b,.hc,.hci,.hva,.tbn,.cdgo,.cdbar,.ddm,.drawer,.dr,.pf,.sc,.btl,.trust>div,.sh a,.ft a){border-radius:2px!important}
html:root:root body:not(#z) :is(.card,.card .cmedia,.card .ci,.card .ci img,.card .cs,.card .csl,.card .badge,.card .save,.card .fdel,.card .noimg,.hc,.hci,.hci img){border-radius:1px!important}
html:root:root body:not(#z) :is(.card,.card .cmedia,.card .ci,.card .ci img,.card .cs,.card .csl,.card .badge,.card .save,.card .fdel,.card .noimg,.card .cbtn,.card .wl,.card .zb){border-radius:0!important}
html:root:root body:not(#z) .card .cbtn{width:auto;height:2.125rem;min-height:0;padding:0 .75rem;gap:.375rem;display:inline-flex;align-items:center;justify-content:center;background:var(--black);color:#fff;border-radius:0!important}
html:root:root body:not(#z) .card .cbtn .ic,html:root:root body:not(#z) .card .cbtn svg{width:1rem;height:1rem}
html:root:root body:not(#z) .card .cbl{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
html:root:root body:not(#z) .card .cbtn:hover{background:var(--red)}
html:root:root body:not(#z) #app .shop .bar .chip{font-size:.75rem!important;font-weight:600;letter-spacing:.06em;padding:.5rem .875rem!important;min-height:0!important;height:auto;line-height:1.2;border-radius:2px!important}
html:root:root body:not(#z) #app .shop .bar{gap:.5rem;align-items:center}
html:root:root body:not(#z) #app .card .cfoot .cbtn,html:root:root body:not(#z) #app .card .cbtn{width:auto!important;min-width:0!important;height:2.125rem!important;min-height:0!important;padding:0 .75rem!important;border-radius:0!important;overflow:visible;flex:0 0 auto;gap:.375rem;white-space:nowrap}
html:root:root body:not(#z) #app .card .cbtn .cbl{display:inline;font-size:.6875rem}
html:root:root body:not(#z) #app .card .cbtn svg{flex:0 0 auto;width:.9375rem;height:.9375rem}
html:root:root body:not(#z) #app .card,html:root:root body:not(#z) #app .card .cmedia,html:root:root body:not(#z) #app .card .ci,html:root:root body:not(#z) #app .card .ci img{border-radius:0!important}
html:root:root body:not(#z) #app .card,html:root:root body:not(#z) #app .card .cmedia,html:root:root body:not(#z) #app .card .ci,html:root:root body:not(#z) #app .card .ci img,html:root:root body:not(#z) #app .card .badge,html:root:root body:not(#z) #app .card .save,html:root:root body:not(#z) #app .card .wl,html:root:root body:not(#z) #app .card .cbtn{border-radius:1px!important}
html:root:root body:not(#z) *:not(.cdots i):not(.cdots):not(.spin):not(.sp):not(.cn):not(.cnt):not(.bdg):not(svg):not(path):not(circle){border-radius:2px!important}
html:root:root body:not(#z) :is(.badge,.salebd,.save,.fdel,.soldout){white-space:nowrap;width:auto;max-width:none;overflow:visible;line-height:1.2;padding:.25rem .5rem;border-radius:2px!important}
html:root:root body:not(#z) #app .card :is(.card,.cmedia,.ci,.ci img,.badge,.save,.wl,.cbtn){border-radius:2px!important}
html:root:root body:not(#z) #app .card{overflow:hidden;border-radius:2px!important}
html:root:root body:not(#z) #app .card :is(.cmedia,.ci,.ci img,.cs,.csl,.csl img,.noimg){border-radius:0!important}
html:root:root body:not(#z) #app .card .badge{right:auto;width:max-content;min-width:0;max-width:none;clip-path:none}
html:root:root body:not(#z),html:root:root body:not(#z) *{font-feature-settings:normal!important;font-variant-numeric:lining-nums}
html:root:root body:not(#z) #app article.card.card :is(.cmedia,.ci,.cs,.csl,img,.noimg){border-radius:0!important}
html:root:root body:not(#z) #app article.card.card{border-radius:2px!important;overflow:hidden}
html:root:root body:not(#z) #app .card .cfoot{padding-right:.75rem!important;padding-bottom:.25rem;gap:.5rem;box-sizing:border-box;max-width:100%}
html:root:root body:not(#z) #app .card .cbtn{margin-right:0!important;padding:0 .625rem!important}
/* mobile filter bar + view toggle */
html:root:root body:not(#z) .mbar{display:none}
html:root:root body:not(#z) .grid.one{grid-template-columns:minmax(0,1fr)!important}
@media(max-width:899px){
html:root:root body:not(#z) .shop .mbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .875rem}
html:root:root body:not(#z) .shop .shm>.bar{display:none}
html:root:root body:not(#z) .mfl{display:inline-flex;align-items:center;gap:.5rem;height:2.5rem;padding:0 1rem;background:#f4f4f4;border:1px solid var(--fl-line);font-size:.8125rem;font-weight:600;color:var(--black)}
html:root:root body:not(#z) .mfl svg{width:1rem;height:1rem}
html:root:root body:not(#z) .mfn{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;background:#16a34a;color:#fff;font-size:.6875rem;border-radius:50%!important}
html:root:root body:not(#z) .mvw{display:flex}
html:root:root body:not(#z) .vbt{width:2.5rem;height:2.5rem;display:grid;place-items:center;background:#e8e8e8;border:0}
html:root:root body:not(#z) .vbt.on{background:var(--black)}
html:root:root body:not(#z) .vi{display:block;width:1rem;height:1rem;background:#555}
html:root:root body:not(#z) .vbt.on .vi{background:#fff}
html:root:root body:not(#z) .vi2{-webkit-mask:linear-gradient(#000 0 0) 0 0/45% 45% no-repeat,linear-gradient(#000 0 0) 100% 0/45% 45% no-repeat,linear-gradient(#000 0 0) 0 100%/45% 45% no-repeat,linear-gradient(#000 0 0) 100% 100%/45% 45% no-repeat;mask:linear-gradient(#000 0 0) 0 0/45% 45% no-repeat,linear-gradient(#000 0 0) 100% 0/45% 45% no-repeat,linear-gradient(#000 0 0) 0 100%/45% 45% no-repeat,linear-gradient(#000 0 0) 100% 100%/45% 45% no-repeat}
html:root:root body:not(#z) .vi1{-webkit-mask:linear-gradient(#000 0 0) 0 0/100% 45% no-repeat,linear-gradient(#000 0 0) 0 100%/100% 45% no-repeat;mask:linear-gradient(#000 0 0) 0 0/100% 45% no-repeat,linear-gradient(#000 0 0) 0 100%/100% 45% no-repeat}
}
html:root:root body:not(#z) .fsh{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.5);display:flex;align-items:flex-end}
html:root:root body:not(#z) .fsh__p{background:#fff;width:100%;max-height:80vh;display:flex;flex-direction:column;border-radius:2px 2px 0 0!important}
html:root:root body:not(#z) .fsh__h{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--fl-line);font-size:1rem}
html:root:root body:not(#z) .fsh__h button{background:none;border:0;font-size:1.125rem;padding:.25rem .5rem}
html:root:root body:not(#z) .fsh__b{padding:1rem 1.25rem;overflow:auto}
html:root:root body:not(#z) .fsh__b h4{margin:.5rem 0 .625rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#666}
html:root:root body:not(#z) .fsh__c{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
html:root:root body:not(#z) .fsh__c .chip{padding:.5rem .875rem;border:1px solid var(--fl-line);font-size:.8125rem;color:#222;background:#fff}
html:root:root body:not(#z) .fsh__c .chip.on{background:var(--black);color:#fff;border-color:var(--black)}
html:root:root body:not(#z) .fsh__b select{width:100%;height:2.75rem;padding:0 .75rem;border:1px solid var(--fl-line);background:#fff}
html:root:root body:not(#z) .fsh__f{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--fl-line)}
html:root:root body:not(#z) .fsh__f .btn{height:2.75rem;justify-content:center}
@media(max-width:599px){
html:root:root body:not(#z) #app .card .cfoot{flex-direction:column;align-items:stretch;padding:0 .75rem .75rem 0!important;gap:.5rem}
html:root:root body:not(#z) #app .card .cbtn{width:100%!important;justify-content:center;margin:0!important}
}
@media(max-width:599px){
html:root:root body:not(#z) #app .grid.one .card .cfoot{flex-direction:row!important;align-items:center;justify-content:space-between;padding:0 .75rem .75rem 0!important}
html:root:root body:not(#z) #app .grid.one .card .cbtn{width:auto!important;padding:0 .75rem!important}
html:root:root body:not(#z) #app .grid.one .card .cbody{padding-bottom:.25rem}
}
@media(max-width:599px){
html:root:root body:not(#z) #app .card .cbody{padding:.625rem .625rem .75rem!important}
html:root:root body:not(#z) #app .card .cfoot,html:root:root body:not(#z) #app .grid.one .card .cfoot{padding:0!important;gap:.5rem}
html:root:root body:not(#z) #app .card .cbtn{height:2.25rem!important}
html:root:root body:not(#z) #app>.wrap,html:root:root body:not(#z) #app .wrap.shop,html:root:root body:not(#z) #app .wrap.pd,html:root:root body:not(#z) #app .wrap.ck,html:root:root body:not(#z) #app .home .wrap,html:root:root body:not(#z) .home .wrap,html:root:root body:not(#z) .home .wrap:has(> .hgrid),html:root:root body:not(#z) .home .sh,html:root:root body:not(#z) #app .home .sh,html:root:root body:not(#z) .hqb,html:root:root body:not(#z) .ft2 .wrap,html:root:root body:not(#z) .fbar .wrap,html:root:root body:not(#z) .ft .ftn,html:root:root body:not(#z) .ft .wrap{padding-left:.5rem!important;padding-right:.5rem!important;max-width:100%!important}
html:root:root body:not(#z) .hd{padding-inline:.625rem}
html:root:root body:not(#z) .shop .grid,html:root:root body:not(#z) .home .hgrid{gap:.5rem}
html:root:root body:not(#z) .shop .grid{row-gap:.75rem}
}
@media(max-width:599px){
html:root:root body:not(#z) #app>.wrap,html:root:root body:not(#z) #app .wrap.shop,html:root:root body:not(#z) #app .home .wrap,html:root:root body:not(#z) .home .wrap,html:root:root body:not(#z) .home .wrap:has(> .hgrid){padding-left:.25rem!important;padding-right:.25rem!important;margin-inline:0!important;width:100%!important}
html:root:root body:not(#z) #app .wrap.shop{padding-inline:.25rem!important}
html:root:root body:not(#z) #app .shop .mbar{padding-inline:.25rem}
html:root:root body:not(#z) .shop .grid,html:root:root body:not(#z) .home .hgrid{gap:.25rem}
html:root:root body:not(#z) .shop .grid{row-gap:.5rem}
}
/* product images 3:4 everywhere */
html:root:root body:not(#z) :is(.card .ci img,.card .cs img,.card .csl img,.card .noimg,.hc .hci img,.hc .hci,.gal .ci img,.gal .ci .noimg,.gal .gm img,.fbt__i img,.ddm.mega .ddn img,.ln img,.mini img,.cdl img,.tile img){aspect-ratio:3/4!important;object-fit:cover}
html:root:root body:not(#z) .card .ci{aspect-ratio:auto}
html:root:root body:not(#z) .card .ci,html:root:root body:not(#z) .card .cs{height:auto}
html:root:root body:not(#z) .ddm.mega .ddn img{width:7.5rem!important;height:auto!important;object-fit:cover!important}
html:root:root body:not(#z) .fbt__r{grid-template-columns:6rem 1fr}
html:root:root body:not(#z) .fbt__i img{height:auto}
html:root:root body:not(#z) .hva{aspect-ratio:3/4}
html:root:root body:not(#z) #app :is(.card .ci,.card .cs,.card .csl,.card .noimg,.hc .hci,.gal .ci,.gal .gm,.fbt__i,.th button,.th img,.hva,.qmc,.qvm){aspect-ratio:3/4!important}
html:root:root body:not(#z) #app :is(.card .ci img,.card .csl img,.hc .hci img,.gal .ci img,.fbt__i img,.th img){aspect-ratio:3/4!important;width:100%;height:100%;object-fit:cover}
html:root:root body:not(#z) #app .gal .ci{max-height:none}
/* product info panel — premium & focused */
html:root:root body:not(#z) #app .pd .pnl{border:0!important;box-shadow:none!important;background:transparent!important;padding:.25rem .5rem 0!important}
html:root:root body:not(#z) #app .pd .ctg{font-size:.6875rem;letter-spacing:.16em;color:#8a8a8a;margin:0 0 .5rem}
html:root:root body:not(#z) #app .pd .ptop h1{font-size:1.375rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:#111;margin:0}
html:root:root body:not(#z) #app .pd .price{display:flex;align-items:center;gap:.625rem;margin:.75rem 0 .25rem;border:0;padding:0}
html:root:root body:not(#z) #app .pd .price b,html:root:root body:not(#z) #app .pd .price>*:first-child{font-size:1.75rem;font-weight:700;letter-spacing:-.01em;color:#111}
html:root:root body:not(#z) #app .pd .price s{font-size:.9375rem;color:#999}
html:root:root body:not(#z) #app .pd .price .off,html:root:root body:not(#z) #app .pd .price em{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--red);color:#fff;padding:.25rem .5rem;border-radius:2px}
html:root:root body:not(#z) #app .pd .stock{font-size:.75rem;font-weight:600;margin:.25rem 0 1rem;padding-bottom:1rem;border-bottom:1px solid #eee}
html:root:root body:not(#z) #app .pd .optl{font-size:.6875rem;letter-spacing:.14em;margin:0 0 .625rem}
html:root:root body:not(#z) #app .pd .opt{display:flex;flex-wrap:wrap;gap:.5rem}
html:root:root body:not(#z) #app .pd .opt button{min-width:3.25rem;height:2.75rem;font-size:.8125rem;font-weight:600;border:1px solid #d9d9d9;background:#fff;color:#111;transition:border-color .15s}
html:root:root body:not(#z) #app .pd .opt button:hover{border-color:#111}
html:root:root body:not(#z) #app .pd .opt button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}
html:root:root body:not(#z) #app .pd .opt button:disabled,html:root:root body:not(#z) #app .pd .opt button.x{opacity:.4;text-decoration:line-through}
html:root:root body:not(#z) #app .pd .row.inline{display:grid;grid-template-columns:auto 1fr 1fr;gap:.5rem;margin:1.25rem 0 1rem;align-items:stretch}
html:root:root body:not(#z) #app .pd .row.inline .q{height:3rem;border:1px solid #d9d9d9}
html:root:root body:not(#z) #app .pd .row.inline .btn{height:3rem;font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;justify-content:center;white-space:nowrap}
html:root:root body:not(#z) #app .pd .note{background:#fafafa;border:0;padding:1rem}
html:root:root body:not(#z) #app .pd .noteh{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:599px){
html:root:root body:not(#z) #app .pd .row.inline{grid-template-columns:1fr 1fr}
html:root:root body:not(#z) #app .pd .row.inline .q{grid-column:1/-1;justify-self:start;width:9rem}
}
/* gallery — premium */
html:root:root body:not(#z) #app .wrap.pd{border:0!important;box-shadow:none!important;background:transparent!important}
html:root:root body:not(#z) #app .pd .gal{border:0!important;box-shadow:none!important;background:transparent!important}
html:root:root body:not(#z) #app .pd .gal .gm,html:root:root body:not(#z) #app .pd .gal .ci{border:0!important;box-shadow:none!important;border-radius:2px!important;background:#f3f4f6}
html:root:root body:not(#z) #app .pd .gal .gm img{object-fit:cover;object-position:center}
html:root:root body:not(#z) #app .pd .salebd{top:.875rem;left:.875rem;background:var(--red);color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.14em;padding:.375rem .625rem;border-radius:2px}
html:root:root body:not(#z) #app .pd .gal :is(.gc,.cnt,.pg,.ctr){background:rgba(17,17,17,.7);color:#fff;font-size:.6875rem;font-weight:600;letter-spacing:.08em;padding:.25rem .625rem;border-radius:2px;top:.875rem;right:.875rem}
html:root:root body:not(#z) #app .pd .gal :is(.gp,.gn,.prev,.next,.gm>button:not(.zb)){width:2.5rem;height:2.5rem;background:rgba(255,255,255,.92);color:#111;border:0;box-shadow:0 2px 10px rgba(0,0,0,.12);border-radius:2px;opacity:1;transition:background .15s}
html:root:root body:not(#z) #app .pd .gal :is(.gp,.gn,.prev,.next,.gm>button:not(.zb)):hover{background:#fff}
html:root:root body:not(#z) #app .pd .gal .th{display:flex;gap:.5rem;margin-top:.625rem!important;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
html:root:root body:not(#z) #app .pd .gal .th::-webkit-scrollbar{display:none}
html:root:root body:not(#z) #app .pd .gal .th button{flex:0 0 4.25rem!important;width:4.25rem!important;padding:0;border:1px solid transparent!important;background:#f3f4f6;opacity:.65;transition:opacity .15s,border-color .15s;border-radius:2px}
html:root:root body:not(#z) #app .pd .gal .th button[aria-current=true],html:root:root body:not(#z) #app .pd .gal .th button[aria-pressed=true],html:root:root body:not(#z) #app .pd .gal .th button.on,html:root:root body:not(#z) #app .pd .gal .th button:hover{opacity:1;border-color:#111!important}
html:root:root body:not(#z) #app .pd .gal .th img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4!important;display:block}
html:root:root body:not(#z) #app .pd .gal .zb,html:root:root body:not(#z) #app .pd .gal .zmh{background:rgba(255,255,255,.92);color:#111;border-radius:2px;font-size:.6875rem;letter-spacing:.06em}
/* modern gallery: dots + swipe on mobile, side rail on desktop */
html:root:root body:not(#z) .gdots{position:absolute;left:0;right:0;bottom:.875rem;display:flex;justify-content:center;gap:.375rem;z-index:3;pointer-events:none}
html:root:root body:not(#z) .gdots i{display:block;width:1.25rem;height:3px;background:rgba(255,255,255,.65);border-radius:2px;pointer-events:auto;cursor:pointer;transition:background .2s,width .2s;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
html:root:root body:not(#z) .gdots i.on{background:#111;width:1.75rem}
@media(max-width:899px){
html:root:root body:not(#z) #app .pd .gal .gar,html:root:root body:not(#z) #app .pd .gal .gcn,html:root:root body:not(#z) #app .pd .gal .th{display:none!important}
html:root:root body:not(#z) #app .pd .gal .gm{margin-inline:-.25rem;border-radius:0!important}
html:root:root body:not(#z) #app .pd .gal .ci{border-radius:0!important}
}
@media(min-width:900px){
html:root:root body:not(#z) #app .pd .gal{display:grid;grid-template-columns:4.75rem minmax(0,1fr);gap:.75rem;max-width:40rem!important;align-items:start}
html:root:root body:not(#z) #app .pd .gal .th{grid-column:1;grid-row:1;flex-direction:column;margin:0!important;overflow:visible}
html:root:root body:not(#z) #app .pd .gal .gm{grid-column:2;grid-row:1}
html:root:root body:not(#z) #app .pd .gal .th button{flex:0 0 auto!important;width:100%!important}
html:root:root body:not(#z) #app .pd .gal .fbt{grid-column:1/-1}
html:root:root body:not(#z) #app .pd .gal .gar{opacity:0;transition:opacity .2s}
html:root:root body:not(#z) #app .pd .gal .gm:hover .gar{opacity:1}
html:root:root body:not(#z) #app .pd .gal .gdots{display:none}
}
/* product page: only what matters */
html:root:root body:not(#z) #app .pd .stock.in{display:none}
html:root:root body:not(#z) #app .pd .price{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}
html:root:root body:not(#z) #app .pd .note{background:none!important;padding:0!important;border:0!important;display:grid;gap:.375rem;font-size:.8125rem;color:#555;margin:0 0 1rem}
html:root:root body:not(#z) #app .pd .note .noteh{display:none}
html:root:root body:not(#z) #app .pd .note>div{display:flex;gap:.5rem;align-items:center}
html:root:root body:not(#z) #app .pd .offr{background:none!important;border:0!important;padding:0!important;font-size:.8125rem;font-weight:600;color:#16a34a;margin:0 0 1rem}
html:root:root body:not(#z) #app .pd .acc{margin-top:1rem}
html:root:root body:not(#z) #app .pd .sec{border:0;border-top:1px solid #eee;padding:1rem 0;margin:0}
html:root:root body:not(#z) #app .pd .sec h2{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .625rem;color:#111}
html:root:root body:not(#z) #app .pd .sec .desc{font-size:.875rem;line-height:1.7;color:#444;margin:0}
html:root:root body:not(#z) #app .pd .sec table{width:100%;font-size:.8125rem}
html:root:root body:not(#z) #app .pd .sec th{font-weight:500;color:#777;text-align:left;padding:.5rem 0;width:40%;border:0}
html:root:root body:not(#z) #app .pd .sec td{padding:.5rem 0;border:0;color:#111}
html:root:root body:not(#z) #app .pd .sec tr{border-bottom:1px solid #f1f1f1}
html:root:root body:not(#z) #app .pd .gal .fbt{border:0;border-top:1px solid #eee;padding:1.25rem 0 0;background:none}
/* reference-style trust strip + accordions */
html:root:root body:not(#z) #app .pd .tru3{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #eee;margin:0 0 1.25rem}
html:root:root body:not(#z) #app .pd .tru3>div{display:grid;justify-items:center;gap:.25rem;padding:.875rem .375rem;text-align:center;border-left:1px solid #eee}
html:root:root body:not(#z) #app .pd .tru3>div:first-child{border-left:0}
html:root:root body:not(#z) #app .pd .tru3i{display:grid;place-items:center;width:2rem;height:2rem;background:#eef6ef;border-radius:50%!important;color:#16a34a;margin-bottom:.25rem}
html:root:root body:not(#z) #app .pd .tru3>div:nth-child(2) .tru3i{background:#e9f0fb;color:#2563eb}
html:root:root body:not(#z) #app .pd .tru3>div:nth-child(3) .tru3i{background:#fdf1e1;color:#d97706}
html:root:root body:not(#z) #app .pd .tru3 svg{width:1rem;height:1rem}
html:root:root body:not(#z) #app .pd .tru3 b{font-size:.75rem;font-weight:700;color:#111}
html:root:root body:not(#z) #app .pd .tru3 small{font-size:.6875rem;color:#777;line-height:1.3}
html:root:root body:not(#z) #app .pd details.sec{border:0;border-top:1px solid #eee;padding:0;margin:0}
html:root:root body:not(#z) #app .pd details.sec:last-of-type{border-bottom:1px solid #eee}
html:root:root body:not(#z) #app .pd details.sec>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#111}
html:root:root body:not(#z) #app .pd details.sec>summary::-webkit-details-marker{display:none}
html:root:root body:not(#z) #app .pd details.sec>summary::after{content:"+";font-size:1.125rem;font-weight:400;letter-spacing:0}
html:root:root body:not(#z) #app .pd details.sec[open]>summary::after{content:"−"}
html:root:root body:not(#z) #app .pd details.sec>:not(summary){margin:0 0 1rem}
/* reference-exact product top */
html:root:root body:not(#z) #app .pd .ctg{display:flex;gap:.5rem;align-items:center;font-size:.75rem;letter-spacing:0;text-transform:none;color:#777;font-weight:400;margin:0 0 .625rem;padding:0;background:none}
html:root:root body:not(#z) #app .pd .ctg a{color:#777;text-decoration:none}
html:root:root body:not(#z) #app .pd .ctg a:hover{color:#111}
html:root:root body:not(#z) #app .pd .ctg i{font-style:normal}
html:root:root body:not(#z) #app .pd .ptop h1{font-size:1.1875rem;font-weight:700;letter-spacing:0;line-height:1.3}
html:root:root body:not(#z) #app .pd .price{margin:1rem 0 .75rem;padding:0;border:0}
html:root:root body:not(#z) #app .pd .price b,html:root:root body:not(#z) #app .pd .price>*:first-child{font-size:.9375rem;font-weight:700}
html:root:root body:not(#z) #app .pd .optr{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 .75rem}
html:root:root body:not(#z) #app .pd .optr .optl{font-size:.9375rem;font-weight:400;letter-spacing:0;text-transform:none;color:#777;margin:0}
html:root:root body:not(#z) #app .pd .szl{display:inline-flex;align-items:center;gap:.5rem;background:#f5f3ef;border:0;padding:.625rem .875rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#111;text-decoration:none;border-radius:2px}
html:root:root body:not(#z) #app .pd .szl svg{width:1.125rem;height:1.125rem;color:var(--red)}
html:root:root body:not(#z) #app .pd .szl i{font-style:normal;font-size:1rem}
html:root:root body:not(#z) #app .pd .opt button{min-width:3rem;height:2.5rem;border:1.5px solid #111!important;background:#fff;font-weight:700;font-size:.8125rem;padding:0 .75rem}
html:root:root body:not(#z) #app .pd .opt button[aria-pressed=true]{background:#111;color:#fff}
/* complete the look */
html:root:root body:not(#z) .ctl{margin-top:1.75rem}
html:root:root body:not(#z) .ctl h2{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .75rem;padding-top:1rem;border-top:1px solid #eee}
html:root:root body:not(#z) .ctl__i{display:grid;grid-template-columns:4.5rem 1fr;gap:.875rem;padding:.75rem 0;border-top:1px solid #f1f1f1}
html:root:root body:not(#z) .ctl__img{display:block;aspect-ratio:3/4;background:#f3f4f6;overflow:hidden}
html:root:root body:not(#z) .ctl__img img{width:100%;height:100%;object-fit:cover;display:block}
html:root:root body:not(#z) .ctl__t{display:flex;justify-content:space-between;gap:.75rem;font-size:.8125rem;color:#111}
html:root:root body:not(#z) .ctl__t b{font-weight:600}
html:root:root body:not(#z) .ctl__t span{font-weight:700;white-space:nowrap}
html:root:root body:not(#z) .ctl__a{margin-top:.75rem}
html:root:root body:not(#z) .ctl__a button{width:100%;height:2.5rem;background:#111;color:#fff;border:0;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
html:root:root body:not(#z) .ctl__a button:hover{background:var(--red)}
/* tabs: similar / recently viewed */
html:root:root body:not(#z) .bk-more{margin-top:2rem}
html:root:root body:not(#z) .bk-tabs{display:flex;justify-content:center;gap:1.5rem;border-bottom:1px solid #eee;margin:0 0 1.25rem}
html:root:root body:not(#z) .bk-tabs button{background:none;border:0;padding:.875rem 0;font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#999;border-bottom:2px solid transparent;margin-bottom:-1px}
html:root:root body:not(#z) .bk-tabs button[aria-selected=true]{color:#111;border-bottom-color:#111}
html:root:root body:not(#z) .bk-none{text-align:center;color:#888;font-size:.875rem;padding:2rem 0}
/* sticky mini add-to-cart bar */
html:root:root body:not(#z) .mbar2{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 12px rgba(0,0,0,.06)}
html:root:root body:not(#z) .mbar2[hidden]{display:none}
html:root:root body:not(#z) .mbar2__p{display:grid;min-width:0;font-size:.8125rem}
html:root:root body:not(#z) .mbar2__p b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root:root body:not(#z) .mbar2__p em{font-style:normal;color:#555;font-size:.75rem}
html:root:root body:not(#z) .mbar2 button{flex:0 0 auto;height:2.5rem;padding:0 1.5rem;background:#111;color:#fff;border:0;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
html:root:root body:not(#z) .fbt{display:none}
/* dark announcement strip */
html:root:root body:not(#z) .ann{background:#111!important;color:#fff!important;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
html:root:root body:not(#z) .ann *{color:#fff!important}
@media(max-width:899px){
html:root:root body:not(#z) .ft h4{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:1rem 0;margin:0;border-top:1px solid rgba(255,255,255,.12)}
html:root:root body:not(#z) .ft h4::after{content:"+";font-size:1.125rem;font-weight:400}
html:root:root body:not(#z) .ft .fo>h4::after{content:"−"}
html:root:root body:not(#z) .ft h4~*{display:none}
html:root:root body:not(#z) .ft .fo>h4~*{display:block}
}
/* exact reference type sizes */
html:root:root body:not(#z) #app .pd .ptop h1{font-size:1.25rem!important;font-weight:700!important;line-height:1.3!important;letter-spacing:0!important}
html:root:root body:not(#z) #app .pd .price,html:root:root body:not(#z) #app .pd .price b,html:root:root body:not(#z) #app .pd .price>*:first-child{font-size:.9375rem!important;font-weight:700!important;letter-spacing:0!important;line-height:1.4}
html:root:root body:not(#z) #app .pd .price s{font-size:.8125rem!important;font-weight:400}
html:root:root body:not(#z) #app .pd .price .off,html:root:root body:not(#z) #app .pd .price em{font-size:.625rem!important}
html:root:root body:not(#z) #app .pd .price{margin:.875rem 0 1rem}
html:root:root body:not(#z) #app .pd .optr .optl{font-size:1rem!important;font-weight:400!important;color:#777}
html:root:root body:not(#z) #app .pd .ctg,html:root:root body:not(#z) #app .pd .ctg a{font-size:.8125rem!important}
/* reviews: tidy */
html:root:root body:not(#z) #app .rvw{max-width:52rem;margin:3rem auto 0;padding-top:2rem;border-top:1px solid #eee}
html:root:root body:not(#z) #app .rvw .ct{text-align:center;font-size:.8125rem;letter-spacing:.16em;text-transform:uppercase;border:0;margin:0 0 1.25rem}
html:root:root body:not(#z) #app .rvw .rvs{text-align:center;margin-bottom:1.25rem;color:#666;font-size:.875rem}
html:root:root body:not(#z) #app .rvw .rvt{display:flex;justify-content:center;gap:.5rem;margin:0 0 1.25rem}
html:root:root body:not(#z) #app .rvw .rvt button{height:2.5rem;padding:0 1.25rem;border:1px solid #111;background:#fff;color:#111;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
html:root:root body:not(#z) #app .rvw .rvt button[aria-selected=true]{background:#111;color:#fff}
html:root:root body:not(#z) #app .rvw .rvf{max-width:36rem;margin:0 auto 1.5rem;padding:1.25rem;background:#fafafa}
html:root:root body:not(#z) #app .rvw .rvl{display:grid;gap:.375rem;margin:0 0 .875rem;font-size:.75rem;font-weight:600;color:#333}
html:root:root body:not(#z) #app .rvw .rvl--c{display:flex;align-items:center;gap:.5rem}
html:root:root body:not(#z) #app .rvw input[type=checkbox]{width:1rem;height:1rem;accent-color:#111}
html:root:root body:not(#z) #app .rvw input[type=text],html:root:root body:not(#z) #app .rvw textarea,html:root:root body:not(#z) #app .rvw select,html:root:root body:not(#z) #app .rvw input[type=search]{width:100%;border:1px solid #ddd;background:#fff;padding:.625rem .75rem;font-size:.875rem}
html:root:root body:not(#z) #app .rvw .rvc{display:grid;grid-template-columns:1fr 12rem;gap:.5rem;margin-bottom:1rem}
html:root:root body:not(#z) #app .rvw .rvc[hidden]{display:none}
html:root:root body:not(#z) #app .rvw .err:empty{display:none}
html:root:root body:not(#z) #app .rvw .rpick button{font-size:1.5rem;color:#ddd;background:none;border:0;padding:0 .125rem}
html:root:root body:not(#z) #app .rvw .rpick button.on{color:#f5a623}
html:root:root body:not(#z) #app .rvw .rvq{margin-top:2rem;text-align:center}
html:root:root body:not(#z) #app .rvw .rvq h3{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
/* similar / recent: calmer grid */
@media(min-width:900px){
html:root:root body:not(#z) .bk-more .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1.25rem 1rem}
html:root:root body:not(#z) .bk-more .grid>:nth-child(n+9){display:none}
html:root:root body:not(#z) .bk-more{margin-top:3rem}
}
@media(max-width:899px){html:root:root body:not(#z) .bk-more .grid>:nth-child(n+9){display:none}}
/* ===== product page v3 (desktop): focused, sale-driven ===== */
.psave{display:none}
@media(min-width:900px){
html:root:root body:not(#z) #app .wrap.pd{max-width:80rem!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:3.5rem!important;padding-top:2rem!important;align-items:start}
html:root:root body:not(#z) #app .pd .gal{max-width:none!important;position:sticky;top:5.5rem}
html:root:root body:not(#z) #app .pd .pnl{position:sticky;top:5.5rem;padding:0!important}
html:root:root body:not(#z) #app .pd .ptop h1{font-size:1.75rem!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.01em!important}
html:root:root body:not(#z) #app .pd .ctg{margin-bottom:.75rem}
html:root:root body:not(#z) #app .pd .price{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:1.25rem 0 1.5rem!important;padding:0 0 1.5rem!important;border-bottom:1px solid #eee!important}
html:root:root body:not(#z) #app .pd .price,html:root:root body:not(#z) #app .pd .price b,html:root:root body:not(#z) #app .pd .price>*:first-child{font-size:2rem!important;font-weight:800!important;color:#111;letter-spacing:-.02em!important}
html:root:root body:not(#z) #app .pd .price s{font-size:1.125rem!important;color:#999;font-weight:400!important}
html:root:root body:not(#z) #app .pd .price .badge{font-size:.75rem!important;font-weight:700;letter-spacing:.04em;background:var(--red);color:#fff;padding:.375rem .625rem;border-radius:2px;position:static}
html:root:root body:not(#z) #app .pd .psave{display:block;flex:0 0 100%;font-size:.875rem!important;font-weight:600!important;letter-spacing:0!important;color:#16a34a}
html:root:root body:not(#z) #app .pd .optr{margin:0 0 .875rem}
html:root:root body:not(#z) #app .pd .optr .optl{font-size:.8125rem!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;color:#111}
html:root:root body:not(#z) #app .pd .opt button{min-width:3.5rem;height:3rem;font-size:.875rem}
html:root:root body:not(#z) #app .pd .row.inline{display:grid;grid-template-columns:7.5rem 1fr;gap:.75rem;margin:1.5rem 0 .75rem}
html:root:root body:not(#z) #app .pd .row.inline .q{height:3.5rem;grid-row:1}
html:root:root body:not(#z) #app .pd .row.inline .btn{height:3.5rem;font-size:.875rem;letter-spacing:.14em}
html:root:root body:not(#z) #app .pd .row.inline .btn.alt{grid-column:2;grid-row:1}
html:root:root body:not(#z) #app .pd .row.inline .btn.red{grid-column:1/-1;grid-row:2}
html:root:root body:not(#z) #app .pd .tru3{margin:1.25rem 0 1rem;border:0;grid-template-columns:repeat(3,1fr);gap:.5rem}
html:root:root body:not(#z) #app .pd .tru3>div{border:0;background:#fafafa;padding:.875rem .5rem}
html:root:root body:not(#z) #app .pd .tru3 b{font-size:.75rem}
html:root:root body:not(#z) #app .pd .acc{margin-top:1.25rem}
}
/* similar section: lighter, 4 across, minimal cards */
html:root:root body:not(#z) .bk-more{max-width:80rem;margin:5rem auto 3rem}
html:root:root body:not(#z) .bk-more .grid>.card{border:0!important;box-shadow:none!important;background:transparent!important}
html:root:root body:not(#z) .bk-more .card .save{display:none!important}
html:root:root body:not(#z) .bk-more .card .cbody{padding:.75rem 0 0!important}
html:root:root body:not(#z) .bk-more .card .cbtn{display:none!important}
html:root:root body:not(#z) .bk-more .card .pr em{display:none}
html:root:root body:not(#z) .bk-tabs{border-bottom:0;margin-bottom:1.5rem}
@media(min-width:900px){html:root:root body:not(#z) .bk-more .grid>:nth-child(n+5){display:none}}
html:root:root body:not(#z) #app .bk-more{max-width:80rem!important;margin:5rem auto 3rem!important;padding-inline:1.5rem!important}
html:root:root body:not(#z) #app .bk-more .card{border:0!important;box-shadow:none!important;background:transparent!important}
html:root:root body:not(#z) #app .bk-more .card .cbody{padding:.75rem 0 0!important}
html:root:root body:not(#z) #app .bk-more .card .cfoot{padding:0!important}
html:root:root body:not(#z) #app .bk-more .card .pr{margin:.25rem 0 0}
html:root:root body:not(#z) #app .bk-more .grid{gap:1.5rem 1.25rem!important}
/* size guide — bottom sheet like reference */
html:root:root body:not(#z) .sgov{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center}
html:root:root body:not(#z) .sgd{background:#fff;width:100%;max-width:30rem;max-height:88vh;overflow:auto;padding:1.5rem 1.25rem 1.25rem;border-radius:12px 12px 0 0!important;position:relative;box-shadow:none;border:0}
@media(min-width:700px){html:root:root body:not(#z) .sgov{align-items:center}html:root:root body:not(#z) .sgd{border-radius:4px!important;max-height:86vh}}
html:root:root body:not(#z) .sgh{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin:0 0 1rem;padding:0;border:0;position:static;background:none}
html:root:root body:not(#z) .sgh small{display:block;color:var(--red);font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.375rem}
html:root:root body:not(#z) .sgh h2{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:0;text-transform:none;line-height:1.3}
html:root:root body:not(#z) .sgx{flex:0 0 auto;width:2.75rem;height:2.75rem;display:grid;place-items:center;background:#f3f3f3;border:0;font-size:1.25rem;color:#111;border-radius:50%!important}
html:root:root body:not(#z) .sgr{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;margin-bottom:1rem}
html:root:root body:not(#z) .sgtabs{display:flex;gap:1.25rem}
html:root:root body:not(#z) .sgtabs button{background:none;border:0;padding:.75rem 0;font-size:.875rem;color:#888;border-bottom:2px solid transparent;margin-bottom:-1px}
html:root:root body:not(#z) .sgtabs button[aria-selected=true]{color:#111;font-weight:600;border-bottom-color:#111}
html:root:root body:not(#z) .sgu{display:flex;background:#f3f3f3;padding:.1875rem;margin-bottom:.25rem}
html:root:root body:not(#z) .sgu button{border:0;background:none;min-width:2.75rem;height:2.125rem;font-size:.8125rem;font-weight:700;color:#666}
html:root:root body:not(#z) .sgu button[aria-pressed=true]{background:#111;color:#fff}
html:root:root body:not(#z) .sgy{font-size:.875rem;color:#777;margin:0 0 .75rem}
html:root:root body:not(#z) .sgy b{color:#111;font-weight:700}
html:root:root body:not(#z) .sgt table{width:100%;border-collapse:collapse;border:1px solid #eee;font-size:.9375rem}
html:root:root body:not(#z) .sgt th{background:#111;color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:1rem .5rem;text-align:center}
html:root:root body:not(#z) .sgt td{padding:1rem .5rem;text-align:center;border-top:1px solid #eee}
html:root:root body:not(#z) .sgt td:first-child{font-weight:700;text-align:left;padding-left:1.25rem}
html:root:root body:not(#z) .sgt th:first-child{text-align:left;padding-left:1.25rem}
html:root:root body:not(#z) .sgt tr:nth-child(even) td{background:#faf9f7}
html:root:root body:not(#z) .sgt tr.on td{background:#111;color:#fff}
html:root:root body:not(#z) .sgf{font-size:.8125rem;color:#777;margin:1rem 0 .75rem}
html:root:root body:not(#z) .sgnote{background:#f6f5f2;padding:1rem;font-size:.875rem;color:#444;margin:0}
html:root:root body:not(#z) .sgm p{font-size:.875rem;line-height:1.7;color:#444;margin:0 0 .75rem}
html:root:root body:not(#z) .sgov .sgd{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;height:auto!important;margin:0}
html:root:root body:not(#z) .sgov .sgd .sgh .sgx.sgx.sgx.sgx{border-radius:50%!important}
/* mobile footer — tidy */
@media(max-width:899px){
html:root:root body:not(#z) .ft2 .wrap{display:block!important;padding:2rem 1rem 1rem!important}
html:root:root body:not(#z) .ft2 .wrap>*{margin:0!important;padding:0!important;min-height:0!important;height:auto!important}
html:root:root body:not(#z) .ft2 .wrap>.fb,html:root:root body:not(#z) .ft2 .wrap>div:first-child{padding-bottom:1.5rem!important}
html:root:root body:not(#z) .ft h4{color:#fff!important;font-size:.75rem!important;letter-spacing:.14em;padding:1.125rem 0!important;border-top:1px solid rgba(255,255,255,.14)}
html:root:root body:not(#z) .ft h4::after{color:#fff;font-size:1.25rem}
html:root:root body:not(#z) .ft .fo>h4~*{padding-bottom:1rem!important}
html:root:root body:not(#z) .ft .fo a,html:root:root body:not(#z) .ft .fo p{display:block;padding:.5rem 0;font-size:.875rem;color:rgba(255,255,255,.75)}
html:root:root body:not(#z) .ft .fb img{height:2rem;width:auto}
html:root:root body:not(#z) .ft .soc{display:flex;gap:.625rem;margin-top:1rem}
html:root:root body:not(#z) .ft .soc a{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.25);padding:0}
html:root:root body:not(#z) .fbar .wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:1.25rem 1rem 5.5rem!important;border-top:1px solid rgba(255,255,255,.14)}
}
@media(max-width:899px){
html:root:root body:not(#z) .ft .wrap{display:block!important;gap:0!important;padding:2rem 1rem 1rem!important}
html:root:root body:not(#z) .ft .wrap:has(.ftn){display:block!important;padding:0!important}
html:root:root body:not(#z) .ft .wrap>div{margin:0!important}
html:root:root body:not(#z) .ft .wrap>div:first-child{padding-bottom:1.25rem}
html:root:root body:not(#z) .ft .wrap h4{line-height:1.2;padding:1.125rem 0!important;margin:0!important}
html:root:root body:not(#z) .ft .wrap ul{margin:0;padding:0 0 1rem;list-style:none}
html:root:root body:not(#z) .ft .ftn h4{border:0;display:block;padding:0!important;color:#111!important;cursor:default}
html:root:root body:not(#z) .ft .ftn h4::after{content:none}
html:root:root body:not(#z) .ft .ftn h4~*{display:revert}
}
@media(max-width:899px){
html:root:root body:not(#z) .ft .wrap ul,html:root:root body:not(#z) .ft .wrap li,html:root:root body:not(#z) .ft .wrap li a{border:0!important;box-shadow:none!important;text-decoration:none!important}
html:root:root body:not(#z) .fbar .wrap>*{justify-content:center;text-align:center;margin-inline:auto}
html:root:root body:not(#z) .fbar .wrap{justify-content:center}
html:root:root body:not(#z) .ft .ftn h4{font-size:1.125rem!important;font-weight:700}
}
/* checkout fixes */
body[data-page=checkout] .hd::after{content:none!important;display:none!important}
html:root:root body:not(#z) #app .ck .ckh4{margin-top:1.75rem}
html:root:root body:not(#z) #app .ck .terms{display:flex;align-items:flex-start;gap:.625rem;font-size:.8125rem;line-height:1.5;margin:1rem 0}
html:root:root body:not(#z) #app .ck .terms input{flex:0 0 auto;margin-top:.1875rem;width:1rem;height:1rem;accent-color:#111}
@media(max-width:899px){
html:root:root body:not(#z) #app .wrap.ck{grid-template-columns:minmax(0,1fr)!important;gap:.75rem!important;display:grid}
html:root:root body:not(#z) #app .wrap.ck>*{grid-column:1!important;min-width:0}
html:root:root body:not(#z) #app .ck .box{padding:1rem}
html:root:root body:not(#z) #app .ck .mini{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:.75rem}
}
html:root:root body:not(#z) .dr a.drcall small{display:block;color:rgba(255,255,255,.85)!important;font-size:.75rem;font-weight:500;letter-spacing:0;text-transform:none}
html:root:root body:not(#z) .dr a.drcall b{color:#fff!important;font-size:1.125rem}
html:root:root body:not(#z) .dr a.drcall svg{color:#fff}
/* home mobile: everything stacked in a list, 2 products per row */
@media(max-width:599px){
html:root:root body:not(#z) .home .hgrid,html:root:root body:not(#z) .home .hgrid[style]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important}
html:root:root body:not(#z) .home .hgrid>*{min-width:0}
html:root:root body:not(#z) .home .hc .hci{aspect-ratio:3/4}
}
@media(max-width:599px){
html:root:root body:not(#z) .home .hgrid,html:root:root body:not(#z) .home .hgrid[style]{grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important;overflow-x:visible!important;scroll-snap-type:none!important;padding-inline:0!important;margin-inline:0!important}
html:root:root body:not(#z) .home .hgrid>*{scroll-snap-align:none;width:auto!important;flex:none}
}
html:root:root body:not(#z) .home .scm{background:#f5f5f5!important;border:1px solid var(--fl-line);display:grid;place-items:center;aspect-ratio:3/4}
html:root:root body:not(#z) .home .scm img{display:none!important}
html:root:root body:not(#z) .home .scm .scv{position:static!important;color:var(--black)!important;background:none!important;font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
html:root:root body:not(#z) .home .scm .scv br{display:none}
html:root:root body:not(#z) .home .scm .scv::after{content:" →"}
/* section headings — centered, lined, premium */
html:root:root body:not(#z) .home .sh{display:block!important;border:0!important;margin:2.5rem auto 1.25rem!important;padding:0 1rem!important;text-align:center}
html:root:root body:not(#z) .home .sh h2{display:flex;align-items:center;justify-content:center;gap:1rem;margin:0!important;padding:0!important;border:0!important;font-size:.9375rem!important;font-weight:700!important;letter-spacing:.24em!important;text-transform:uppercase!important;color:#111;text-align:center}
html:root:root body:not(#z) .home .sh h2::before,html:root:root body:not(#z) .home .sh h2::after{content:"";flex:0 1 4rem;height:1px;background:#cfcfcf}
html:root:root body:not(#z) .home .sh h2::after{background:#cfcfcf}
html:root:root body:not(#z) .home .sh h2 em{font-style:normal;color:var(--red)}
html:root:root body:not(#z) .home .sh p,html:root:root body:not(#z) .home .sh small{display:block;margin:.5rem 0 0;font-size:.8125rem;color:#777;letter-spacing:0;text-transform:none}
html:root:root body:not(#z) .home .sh h2+*{margin-top:.5rem}
@media(min-width:900px){html:root:root body:not(#z) .home .sh h2{font-size:1.0625rem!important;gap:1.5rem}html:root:root body:not(#z) .home .sh h2::before,html:root:root body:not(#z) .home .sh h2::after{flex-basis:6rem}}
html:root:root body:not(#z) #app .home .sh{display:block!important;text-align:center!important;border:0!important}
html:root:root body:not(#z) #app .home .sh h2{display:flex!important;align-items:center;justify-content:center!important;gap:.875rem;font-size:.8125rem!important;font-weight:700!important;letter-spacing:.22em!important;text-transform:uppercase!important;line-height:1.3!important;text-align:center!important;white-space:nowrap;margin:0!important}
html:root:root body:not(#z) #app .home .sh h2::before,html:root:root body:not(#z) #app .home .sh h2::after{content:"";flex:0 1 3rem;height:1px;background:#cfcfcf;display:block}
@media(min-width:900px){html:root:root body:not(#z) #app .home .sh h2{font-size:1rem!important}html:root:root body:not(#z) #app .home .sh h2::before,html:root:root body:not(#z) #app .home .sh h2::after{flex-basis:6rem}}
html:root:root body:not(#z) #app .home .sh h2{width:100%!important;max-width:none!important}
html:root:root body:not(#z) #app .home .sh h2::before,html:root:root body:not(#z) #app .home .sh h2::after{flex:1 1 0;max-width:6rem}
/* view-all tile: clean */
html:root:root body:not(#z) .home .hva::after,html:root:root body:not(#z) .home .scm::after{display:none!important;content:none!important}
html:root:root body:not(#z) .home .hva{background:#f5f5f5!important;border:1px solid var(--fl-line);aspect-ratio:3/4!important;min-height:0!important;display:grid!important;place-items:center}
html:root:root body:not(#z) .home .hva span{position:static!important;display:block!important;color:var(--black)!important;font-size:.8125rem!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase;white-space:nowrap}
html:root:root body:not(#z) .home .hva span::after{content:" →"}
/* category banners: 2 per row on mobile */
@media(max-width:599px){
html:root:root body:not(#z) .home .btl,html:root:root body:not(#z) .home .btl[style]{grid-template-columns:minmax(0,1fr)!important;gap:.5rem!important}
html:root:root body:not(#z) .home .btl:has(>:nth-child(3)),html:root:root body:not(#z) .home .btl[style]:has(>:nth-child(3)),html:root:root body:not(#z) .home .btl:has(>:nth-child(2)):not(:has(>:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))!important}
html:root:root body:not(#z) .home .btl .btt,html:root:root body:not(#z) .home .btl .bt{font-size:.875rem}
}
/* category showcase on mobile: whole category image, 2 products per row */
@media(max-width:599px){
html:root:root body:not(#z) .home .sc,html:root:root body:not(#z) .home .sc[style]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important}
html:root:root body:not(#z) .home .sc .sck{grid-column:1/-1!important;grid-row:auto!important;aspect-ratio:auto!important;height:auto!important}
html:root:root body:not(#z) .home .sc .sck img{position:static!important;width:100%!important;height:auto!important;object-fit:contain!important;display:block}
html:root:root body:not(#z) .home .sc .sck .sct{position:absolute;left:0;right:0;bottom:0}
html:root:root body:not(#z) .home .sc .scc{aspect-ratio:3/4!important}
}
@media(max-width:899px){
html:root:root body:not(#z) .ft .wrap,html:root:root body:not(#z) .ft .ftn,html:root:root body:not(#z) .fbar .wrap{padding-left:1.25rem!important;padding-right:1.25rem!important}
html:root:root body:not(#z) .ft .wrap:has(.ftn){padding:0!important}
html:root:root body:not(#z) .ft .ftn{padding:1.75rem 1.25rem!important}
}
html:root:root body:not(#z) .ft .soc{display:flex;gap:.75rem;margin-top:1.25rem}
html:root:root body:not(#z) .ft .soc a{display:grid;place-items:center;width:2.5rem;height:2.5rem;background:#fff!important;border:0!important;color:#111!important;border-radius:2px!important;transition:background .2s,color .2s,transform .2s}
html:root:root body:not(#z) .ft .soc a svg{width:1.125rem;height:1.125rem;color:#111!important;fill:currentColor;stroke:none!important}
html:root:root body:not(#z) .ft .soc a:hover{background:var(--red)!important;transform:translateY(-2px)}
html:root:root body:not(#z) .ft .soc a:hover svg{color:#fff!important}
/* ===== motion ===== */
@keyframes flIn{from{opacity:0}to{opacity:1}}
@keyframes flUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes flDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes flSheet{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes flPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}
html:root:root body:not(#z) #app>*{animation:flUp .4s cubic-bezier(.2,.7,.2,1) both}
html:root:root body:not(#z) .fl-rv{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
html:root:root body:not(#z) .fl-rv.fl-in{opacity:1;transform:none}
html:root:root body:not(#z) .fl-rv:nth-child(2n){transition-delay:.06s}
html:root:root body:not(#z) .fl-rv:nth-child(3n){transition-delay:.12s}
@media(min-width:900px){
html:root:root body:not(#z) .dd:hover>.ddm.mega,html:root:root body:not(#z) .dd.open>.ddm.mega{animation:flDrop .22s ease both}
}
html:root:root body:not(#z) .sgov,html:root:root body:not(#z) .fsh{animation:flIn .2s ease both}
html:root:root body:not(#z) .sgd,html:root:root body:not(#z) .fsh__p{animation:flSheet .3s cubic-bezier(.2,.8,.2,1) both}
html:root:root body:not(#z) .btn,html:root:root body:not(#z) .cbtn,html:root:root body:not(#z) .opt button,html:root:root body:not(#z) .chip,html:root:root body:not(#z) .row.inline button,html:root:root body:not(#z) .wl{transition:background .2s,color .2s,border-color .2s,transform .15s,box-shadow .2s}
html:root:root body:not(#z) .btn:active,html:root:root body:not(#z) .cbtn:active,html:root:root body:not(#z) .row.inline .btn:active{transform:scale(.97)}
html:root:root body:not(#z) .card .ci img,html:root:root body:not(#z) .hc .hci img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
html:root:root body:not(#z) .cn{animation:flPop .35s ease both}
html:root:root body:not(#z) .toast,html:root:root body:not(#z) .tst{animation:flPop .3s ease both}
@media(prefers-reduced-motion:reduce){html:root:root body:not(#z) *,html:root:root body:not(#z) *::before,html:root:root body:not(#z) *::after{animation:none!important;transition:none!important}.fl-rv{opacity:1!important;transform:none!important}}
html:root:root body:not(#z) #app .home .sh{display:flex!important;justify-content:center!important;align-items:center;width:100%;max-width:none!important}
html:root:root body:not(#z) #app .home .sh>:not(h2){display:none!important}
html:root:root body:not(#z) #app .home .sh h2{width:auto!important;flex:0 0 auto!important;margin:0 auto!important}
html:root:root body:not(#z) #app .home .sh h2::before,html:root:root body:not(#z) #app .home .sh h2::after{flex:0 0 3rem!important;max-width:none!important;margin:0!important;width:3rem;position:static!important;transform:none!important}
@media(min-width:900px){html:root:root body:not(#z) #app .home .sh h2::before,html:root:root body:not(#z) #app .home .sh h2::after{flex-basis:6rem!important;width:6rem}}

/* card image: clean, no badge / heart over photo */
html:root:root body:not(#z) .card .cmedia .badge,html:root:root body:not(#z) .card .cmedia .wl{display:none!important}
html:root:root body:not(#z) .pmb-cod{display:none!important}

/* category showcase (desktop): same 3:4 tiles so rows line up, banner fills both rows */
@media(min-width:600px){
html:root:root body:not(#z) .home .sc .scc,html:root:root body:not(#z) .home .sc .scm{aspect-ratio:3/4!important}
html:root:root body:not(#z) .home .sc .sck{align-self:stretch}
}