/* Homes & Co shop layouts. Mobile first; desktop is the enhancement. */
.hide-mob{display:none!important}.show-mob{display:flex}
@media(min-width:1000px){.hide-mob{display:flex!important}.show-mob{display:none!important}}
.g2,.g3,.g4{display:grid;gap:var(--s-4);grid-template-columns:minmax(0,1fr)}
@media(min-width:760px){.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.g4{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* strip + header */
.strip{background:var(--ink);color:var(--surface);font-size:var(--fs-xs);text-align:center;min-height:26px;display:grid;place-items:center;padding:3px var(--s-3)}
.strip b{color:#FFB79C}
.strip button{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;font-size:inherit}
.hdr{position:sticky;top:0;z-index:var(--z-sticky);background:rgba(251,248,244,.97);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.srch{display:flex;align-items:center;gap:var(--s-2);background:var(--surface);border:2px solid var(--ink);border-radius:var(--r-pill);padding:0 4px 0 var(--s-4);position:relative}
.srch input{border:0;background:none;min-height:42px;flex:1;outline:none;min-width:0}
.srch .go{background:var(--accent);color:var(--surface);border-radius:var(--r-pill);height:36px;padding:0 var(--s-4);font-weight:700;font-size:var(--fs-sm)}
.hdr-row{display:flex;align-items:center;gap:var(--s-3);min-height:60px;padding-block:var(--s-2);position:relative;z-index:3}
.hdr-logo{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}.hdr-logo .logo{align-self:center}
.hdr-links{display:none;flex:1;min-width:0;align-items:center;justify-content:center;gap:2px;overflow-x:auto;scrollbar-width:none}.hdr-links::-webkit-scrollbar{display:none}
.hdr-icons{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}
.nav-l{padding:0 var(--s-3);min-height:var(--tap);display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:var(--fs-sm);border-radius:var(--r-md);white-space:nowrap;flex-shrink:0}.nav-l:hover{background:var(--bg-2)}
.nav-l.on{color:var(--accent);background:var(--accent-soft)}.nav-l.hot{color:var(--urgent)}
.hdr-search{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--sh-2);padding:var(--s-3) 0;z-index:2;animation:fade var(--t-fast)}
.hdr-scrim{position:absolute;left:0;right:0;top:100%;height:100vh;background:var(--scrim-soft);z-index:1}
@media(min-width:1000px){.hdr-links{display:flex}.hdr-icons{margin-left:0}.hdr-icons .ibtn.hide-mob{display:grid!important}}
.hdr-icons{gap:var(--s-1)}.hdr-icons .ibtn{place-items:center;justify-content:center}
.hdr-logo,.hdr-links,.hdr-icons{align-self:center;height:44px}.hdr-links .nav-l,.hdr-icons>*{height:44px;min-height:44px;line-height:1;margin:0}.hdr-logo .logo{line-height:1}.hdr-icons .badge{height:auto;align-self:center}
@media(min-width:1000px) and (max-width:1199px){.nav-l{padding:0 var(--s-2)}.hdr-links .nav-l:first-child span{display:none}}
/* bottom tab bar (phones) */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-tabbar);background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}
.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;font-size:var(--fs-2xs);font-weight:700;color:var(--ink-2);position:relative}
.tabbar a.on{color:var(--accent)}
.tabbar .cnt{top:4px;right:calc(50% - 22px)}
body.has-tabbar{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
@media(min-width:1000px){.tabbar{display:none}body.has-tabbar{padding-bottom:0}}
/* product grid + card */
.pgrid{display:grid;gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:640px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}}
@media(min-width:1000px){.pgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1360px){.pgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.railw{position:relative}
.rail{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding-bottom:4px}
.rail::-webkit-scrollbar{display:none}.rail>*{flex:0 0 calc((100% - var(--s-2)) / 2);scroll-snap-align:start;min-width:0}
@media(min-width:640px){.rail{gap:var(--s-3)}.rail>*{flex-basis:calc((100% - 2 * var(--s-3)) / 3)}}
@media(min-width:1000px){.rail>*{flex-basis:calc((100% - 4 * var(--s-3)) / 5)}}
@media(min-width:1360px){.rail>*{flex-basis:calc((100% - 5 * var(--s-3)) / 6)}}
.rail-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;line-height:0;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--sh-2);display:flex;align-items:center;justify-content:center;z-index:4}.rail-arrow svg{display:block;flex-shrink:0}
.rail-arrow.l{left:-14px}.rail-arrow.r{right:-14px}.rail-arrow:disabled{display:none}
.sec{margin-top:var(--s-6)}@media(min-width:1000px){.sec{margin-top:var(--s-8)}}
.hero-sl+.container>.sec:first-child{margin-top:var(--s-4)}
.pcard{height:100%;display:flex;flex-direction:column;gap:5px;background:var(--surface);border-radius:var(--r-lg);padding:0 0 var(--s-3);position:relative;transition:box-shadow var(--t-base),transform var(--t-base);min-width:0;overflow:hidden}
.pcard:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
.pcard .imgtile{border-radius:var(--r-lg) var(--r-lg) 0 0}
.pcard>:not(a):not(.flag):not(.heart):not(.add){padding-left:var(--s-2);padding-right:var(--s-2)}
.pcard .nm{font-size:var(--fs-sm);font-weight:600;line-height:1.3;height:calc(2 * 1.3em);overflow:hidden}
.pcard .slot-line{min-height:16px;line-height:16px}.pcard .slot-ctx{min-height:18px;line-height:18px}.pcard .slot-rate{min-height:16px}.pcard .slot-meta{min-height:0}.pcard .slot-line:empty,.pcard .slot-ctx:empty,.pcard .slot-rate:empty,.pcard .slot-meta:empty{display:none}
.pcard .dmeter{display:flex;align-items:center;gap:6px;min-width:0}.pcard .dmeter .bar{flex:1;min-width:24px;height:6px}
.pcard .pr{flex-wrap:nowrap!important;height:26px;overflow:hidden}.pcard .bottom{flex:1 0 auto}
.pcard .pr{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:26px}
.pcard .pr .price{font-size:var(--fs-lg);color:var(--ink)}.pcard .pr .price.sale{color:var(--urgent)}
.pcard .ctx{font-size:var(--fs-xs);font-weight:800;color:var(--accent)}.pcard .ctx.urgent{color:var(--urgent)}
.pcard .meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px;overflow:hidden;min-width:0}.pcard .meta .badge{min-width:0;max-width:100%;flex:0 0 auto;overflow:hidden;text-overflow:ellipsis;display:block}.pcard .bottom{flex:1}
.pcard .add{position:absolute;right:var(--s-2);bottom:var(--s-3);width:40px;height:40px;border-radius:var(--r-pill);background:var(--ink);color:var(--surface);display:grid;place-items:center;transition:transform var(--t-fast),background var(--t-fast)}
.pcard .add:hover{background:var(--accent)}.pcard .add:active{transform:scale(.9)}
.pcard .heart{position:absolute;top:var(--s-3);right:var(--s-3);width:38px;height:38px;border-radius:var(--r-pill);background:rgba(255,255,255,.92);display:grid;place-items:center;z-index:2;box-shadow:var(--sh-1)}
.pcard .heart.on{color:var(--urgent)}
.pcard .flag{position:absolute;top:var(--s-3);left:var(--s-3);z-index:2;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.pcard .bottom{padding-right:46px;display:flex;flex-direction:column;gap:4px;min-height:204px}
.sold{display:inline-flex;align-items:center;gap:2px;font-size:var(--fs-xs);color:var(--ink-2);font-weight:600}
.flyer{position:fixed;z-index:var(--z-toast);width:28px;height:28px;border-radius:var(--r-pill);background:var(--accent);pointer-events:none;animation:fly .55s var(--ease) forwards}
/* deal module */
.dealband{background:linear-gradient(180deg,var(--urgent-soft),var(--bg) 85%);border-radius:var(--r-xl);padding:var(--s-4) var(--s-3)}
@media(min-width:760px){.dealband{padding:var(--s-5)}}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-1) var(--s-3);margin-bottom:var(--s-3);flex-wrap:wrap}.sec-h p{margin-top:2px}
.sec-h h2{font-size:var(--fs-2xl)}
/* hero slider + hero text */
:root{--edge:max(var(--gutter),calc((100vw - var(--maxw)) / 2 + var(--gutter)))}
:root{--slh:min(340px,calc(48vw * 16 / 9))}
@media(min-width:760px){:root{--slh:clamp(290px,34vw,340px)}}
@media(min-width:1000px){:root{--slh:clamp(320px,calc((min(100vw, var(--maxw)) - 2 * var(--gutter) - 5 * 20px) / 6 * 16 / 9),400px)}}
.slider{padding-top:0}
.sl-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-left:var(--edge);padding-right:var(--gutter);scroll-padding-left:var(--edge);cursor:grab;overscroll-behavior-x:contain}
.sl-track::-webkit-scrollbar{display:none}.sl-track.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}.sl-track:focus-visible{box-shadow:none;outline:3px solid rgba(239,91,43,.45);outline-offset:-3px}
.sl-card{flex:0 0 auto;height:var(--slh);aspect-ratio:9/16;border-radius:var(--r-xl);overflow:hidden;background:var(--tile);scroll-snap-align:start;position:relative;display:flex;flex-direction:column;transition:transform var(--t-base),box-shadow var(--t-base)}
.sl-card:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.sl-card>a{display:block;position:relative;height:100%}.sl-card>a:focus-visible{box-shadow:inset 0 0 0 3px var(--brand);border-radius:var(--r-xl)}
.sl-img{position:absolute;inset:0;display:block}
.sl-img .imgtile.cover img{object-fit:cover;padding:0;mix-blend-mode:normal}
.sl-card>a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to top,rgba(20,16,12,.78),rgba(20,16,12,0));pointer-events:none;z-index:1}
.sl-lab{position:absolute;left:0;right:0;bottom:0;z-index:2;color:#fff;padding:var(--s-4);display:flex;flex-direction:column;gap:2px;justify-content:flex-end}.sl-lab .muted,.sl-lab span{color:rgba(255,255,255,.88)!important}.sl-lab b{font-size:var(--fs-md);line-height:1.2}
.sl-ctl{display:flex;align-items:center;gap:var(--s-4);padding-top:var(--s-3)}
.sl-count{font-weight:800;min-width:64px;letter-spacing:.04em}.sl-prog{flex:1;max-width:420px;height:3px;border-radius:3px;background:var(--line);overflow:hidden}.sl-prog i{display:block;height:100%;background:var(--brand);transition:width var(--t-fast)}
.sl-arrow{width:44px;height:44px;border-radius:var(--r-pill);border:1.5px solid var(--ink);display:grid;place-items:center;background:var(--surface);transition:background var(--t-fast),color var(--t-fast)}.sl-arrow:hover:not(:disabled){background:var(--ink);color:var(--surface)}.sl-arrow:disabled{opacity:.3;cursor:not-allowed}
.sl-ctl .row{margin-left:auto}
/* banner: text left, 6-panel video collage right; collage first when stacked */
#main{padding-top:40px}
.banner{display:grid;gap:var(--s-5);padding-top:0;padding-bottom:var(--s-2)}
.banner-txt{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:var(--s-3);min-width:0}
.banner-txt h1{font-size:clamp(28px,7vw,58px);line-height:1.05;letter-spacing:-.025em;max-width:16ch}
.banner-txt .lede{font-size:var(--fs-md);color:var(--ink-2);max-width:52ch}
.hero-btns{display:flex;flex-wrap:wrap;gap:var(--s-2);width:100%;margin-top:var(--s-3)}.hero-btns .btn{flex:1 1 180px}
.trust{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);margin-top:var(--s-4);font-size:var(--fs-sm);font-weight:700;color:var(--ink)}.trust li{display:flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:36px}.trust li svg{color:var(--accent);flex-shrink:0}
@media(min-width:640px){.trust{grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--s-3) var(--s-5)}.trust li+li{border-left:1px solid var(--line)}}
.collage{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,clamp(110px,30vw,190px));min-width:0}
.vp{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--tile);display:block;isolation:isolate}
.vp video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vp-lab{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.94);color:var(--ink);font-size:var(--fs-2xs);font-weight:800;padding:4px 8px;border-radius:var(--r-sm);max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vp .imgtile img{animation:drift 14s ease-in-out infinite alternate;padding:10%}
.collage>:nth-child(2n) .imgtile img{animation-delay:-5s}.collage>:nth-child(3n) .imgtile img{animation-duration:18s}
@keyframes drift{from{transform:scale(1) translateY(0)}to{transform:scale(1.08) translateY(-2%)}}
.vp-play{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:var(--r-pill);background:rgba(255,255,255,.94);display:grid;place-items:center}
a.vp:hover video,a.vp:hover img{transform:scale(1.03)}.vp video,.vp img{transition:transform var(--t-slow) var(--ease)}a.vp:focus-visible{box-shadow:0 0 0 3px var(--brand)}
@media(min-width:640px){.banner{gap:var(--s-6)}.hero-btns{width:auto}.hero-btns .btn{flex:none}
  .collage{gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,clamp(150px,24vw,220px));grid-template-areas:"a a b c" "a a d e"}
  .collage>:nth-child(1){grid-area:a}.collage>:nth-child(5){display:none}}
@media(min-width:1000px){.banner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:var(--s-10);padding-top:0;padding-bottom:var(--s-4)}
  .banner .collage{order:2}.banner-txt{order:1}.banner-txt .lede{font-size:var(--fs-lg)}
  .collage{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));height:clamp(420px,calc(100svh - 210px),600px);grid-template-areas:"a b c" "a b c" "a e f" "d e f"}
  .collage>:nth-child(1){grid-area:a}.collage>:nth-child(2){grid-area:b}.collage>:nth-child(3){grid-area:c}.collage>:nth-child(4){grid-area:d}.collage>:nth-child(5){grid-area:e}.collage>:nth-child(5){display:block;grid-area:e}.collage>:nth-child(6){grid-area:f}}
@media(min-width:1360px){.banner{gap:var(--s-16)}}
.camp{border-radius:var(--r-md);padding:6px 6px 6px var(--s-4);color:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:48px}
.camp-t{display:flex;align-items:baseline;gap:var(--s-3);min-width:0;flex:1}.camp-t b{font-size:var(--fs-md);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.camp-s{display:none;font-size:var(--fs-sm);opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.camp-r{display:flex;align-items:center;gap:var(--s-3);flex-shrink:0}.camp-r .btn{min-height:36px;padding:0 var(--s-3)}
.camp-e{display:none;font-size:var(--fs-xs);font-weight:700;white-space:nowrap}
@media(min-width:520px){.camp-e{display:inline}}
@media(min-width:900px){.camp-s{display:block}.camp-t b{flex-shrink:0}.camp{padding-left:var(--s-5)}}
/* listing */
.listing{display:grid;gap:var(--s-5)}
@media(min-width:1000px){.listing{grid-template-columns:250px minmax(0,1fr);align-items:start}.listing .side{position:sticky;top:120px;max-height:calc(100vh - 140px);overflow:auto}}
.cat-hero{border-radius:var(--r-xl);padding:var(--s-5);display:grid;gap:var(--s-2);margin:0 0 var(--s-4)}
.cat-hero.spec{background:var(--cool);color:var(--cool-ink)}.cat-hero.warm{background:var(--accent-soft)}.cat-hero.ink{background:var(--ink);color:var(--surface)}.cat-hero.plain{background:var(--bg-2)}
.cat-hero h1{font-size:var(--fs-4xl)}
/* PDP */
.pdp{display:grid;gap:var(--s-5)}
@media(min-width:1000px){.pdp{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s-12);align-items:start}.pdp-gal{position:sticky;top:120px}.pdp.fashion{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}
.pdp.cool .pdp-gal .imgtile,.pdp.cool .spin-stage{-webkit-user-select:none;background:var(--cool)}
.fashion-gal{display:grid;gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr))}.fashion-gal>:first-child{grid-column:1/-1}
@media(max-width:999px){.pdp.fashion .pdp-gal{margin-inline:calc(-1 * var(--gutter))}.pdp.fashion .pdp-gal .imgtile{border-radius:0}}
.specchips{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.specchip{background:var(--cool);color:var(--cool-ink);border-radius:var(--r-md);padding:8px 12px;font-size:var(--fs-sm);line-height:1.2}.specchip b{display:block;font-size:var(--fs-md);color:var(--ink)}
.energy{display:inline-grid;grid-template-columns:auto auto;align-items:center;border-radius:6px;overflow:hidden;font-weight:800;color:var(--surface);font-size:var(--fs-lg)}
.energy span{padding:4px 10px}.energy i{width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent}
.kv{display:grid;grid-template-columns:42% 58%}.kv>div{padding:10px 14px;font-size:var(--fs-sm);border-top:1px solid var(--line)}.kv>div:nth-child(odd){background:var(--bg);font-weight:700;color:var(--ink-2)}.kv>div:nth-child(-n+2){border-top:0}
.cct{height:14px;border-radius:var(--r-pill);background:linear-gradient(90deg,#FFB35C,#FFE3B0 40%,#FFFFFF 62%,#CFE3FF 100%);position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.cct i{position:absolute;top:-5px;width:4px;height:24px;border-radius:2px;background:var(--ink);transform:translateX(-50%)}
.cmpbar{position:fixed;left:var(--s-3);right:var(--s-3);bottom:calc(70px + env(safe-area-inset-bottom));z-index:calc(var(--z-tabbar) - 1);background:var(--ink);color:var(--surface);border-radius:var(--r-lg);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);box-shadow:var(--sh-3);display:flex;align-items:center;gap:var(--s-3)}
@media(min-width:1000px){.cmpbar{left:auto;right:var(--s-6);bottom:var(--s-6);width:420px}}
/* cart + checkout */
.cartl{display:grid;gap:var(--s-5)}
@media(min-width:1000px){.cartl{grid-template-columns:minmax(0,1fr) 400px;gap:var(--s-10);align-items:start}.cartl .sum{position:sticky;top:120px}}
.sumrow{display:flex;justify-content:space-between;gap:var(--s-3);font-size:var(--fs-sm);min-height:24px;align-items:center}
/* footer */
.footg{display:grid;gap:var(--s-6);grid-template-columns:repeat(2,minmax(0,1fr))}.footg>div:first-child{grid-column:1/-1}
@media(min-width:900px){.footg{grid-template-columns:1.6fr 1fr 1fr 1fr}.footg>div:first-child{grid-column:auto}}
.thumbs{display:grid;gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
.spin-stage{aspect-ratio:1/1;max-height:560px;width:100%;background:radial-gradient(circle at 50% 40%,var(--surface),var(--bg-2));border-radius:var(--r-lg);overflow:hidden;display:grid;place-items:center;perspective:1100px;touch-action:pan-y;cursor:grab;user-select:none}
.spin-stage:active{cursor:grabbing}.spin-stage:fullscreen{max-height:none;border-radius:0}
.consent{position:fixed;left:var(--s-3);right:var(--s-3);bottom:calc(70px + env(safe-area-inset-bottom));z-index:var(--z-modal);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);padding:var(--s-4);max-width:560px}
@media(min-width:1000px){.consent{bottom:var(--s-5);left:var(--s-5)}}
.preview-bar{background:var(--warn-soft);color:var(--warn);font-size:var(--fs-xs);font-weight:700;text-align:center;padding:6px var(--s-3)}

/* hero: category slider first, centred text below */
.hero-sl{padding-top:var(--s-4);position:relative}
#main.pg-home{padding-top:0}
.catpick-arr{flex:0 0 44px;border:1.5px solid var(--ink);background:var(--surface);color:var(--ink)}.catpick-arr:hover:not(:disabled){background:var(--ink);color:var(--surface)}.catpick-arr:disabled{opacity:.35;border-color:var(--line-2);cursor:default}
.catpick-arr svg{display:block}
.hero-txt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-3);padding-top:32px;padding-bottom:32px}
.hero-txt .hero-h{font-size:clamp(26px,5.4vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.025em;max-width:22ch;text-wrap:balance;text-align:center;margin-inline:auto;align-self:center;width:100%}
.hero-txt .hero-btns{justify-content:center;align-self:center;width:auto;margin:var(--s-2) auto 0}
.hero-txt .trust{justify-content:center}
@media(max-width:639px){.hero-txt .hero-btns{width:100%;max-width:440px}.hero-txt .hero-btns .btn{flex:1 1 0;padding:0 var(--s-3);font-size:var(--fs-sm)}}

/* categories page picker */
.catpick{position:relative;display:flex;align-items:center;gap:var(--s-2);margin:0 calc(-1 * var(--gutter)) var(--s-4);padding:0 var(--gutter)}
.catpick-track{display:flex;gap:var(--s-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 8px;flex:1;min-width:0}.catpick-track::-webkit-scrollbar{display:none}
.catopt{flex:1 0 120px;max-width:220px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 0 var(--s-2);overflow:hidden;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);text-align:center;transition:box-shadow var(--t-fast),transform var(--t-fast)}
.catopt:hover{box-shadow:inset 0 0 0 1.5px var(--brand);transform:translateY(-2px)}.catopt.on{box-shadow:inset 0 0 0 2.5px var(--brand);background:var(--accent-soft)}
.catopt-img{width:100%;aspect-ratio:1;border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden;display:block}.catopt-img .imgtile{border-radius:0}
.catopt-n,.catopt-c{padding:0 var(--s-2)}
.catopt-all{display:grid;place-items:center;background:var(--ink);color:var(--surface)}
.catopt-n{font-size:var(--fs-xs);font-weight:800;line-height:1.25;min-height:2.5em;display:flex;align-items:center}.catopt-c{font-size:var(--fs-2xs);color:var(--ink-3);font-weight:700}
.catopt.on .catopt-n{color:var(--accent)}
@media(min-width:1000px){.catopt{flex-basis:150px}.catpick{margin-inline:0;padding:0}}

/* retail / wholesale switch */
.modesw{display:inline-flex;background:var(--bg-2);border-radius:var(--r-pill);padding:3px;box-shadow:inset 0 0 0 1px var(--line);flex-shrink:0}
.modesw button{min-height:34px;padding:0 12px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:800;color:var(--ink-2);transition:background var(--t-fast),color var(--t-fast)}
.modesw button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.modesw button.ws[aria-pressed=true]{background:var(--accent)}
@media(max-width:420px){.modesw button{padding:0 9px}}
@media(max-width:360px){.modesw button{padding:0 7px;font-size:var(--fs-2xs)}.hdr-logo .logo{font-size:12px;padding:6px 9px;letter-spacing:.04em}}
.chips .chip.sm{min-height:40px}
.ws-bar{background:var(--accent);color:#fff;font-size:var(--fs-xs);font-weight:700;text-align:center;padding:6px var(--s-3)}.ws-bar button{text-decoration:underline;color:#fff;font-weight:800}
.pcard .moq{font-size:var(--fs-2xs);font-weight:700;color:var(--ok)}
/* product story (rich description) */
.story{display:flex;flex-direction:column;gap:var(--s-6)}
.story-hl{display:grid;gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:760px){.story-hl{grid-template-columns:repeat(4,minmax(0,1fr))}}
.story-hl>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-4);display:flex;flex-direction:column;gap:6px}
.story-hl i{width:40px;height:40px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-style:normal}
.story-row{display:grid;gap:var(--s-4);align-items:center}@media(min-width:760px){.story-row{grid-template-columns:1fr 1fr;gap:var(--s-8)}.story-row.flip>:first-child{order:2}}
.story-row .imgtile{border-radius:var(--r-xl);aspect-ratio:4/3}