/* Brand Collective Marketplace - Shared Styles */
/* Auto-extracted and combined from all pages */

html{scroll-behavior:smooth;overflow-x:hidden}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--bk:#000;--wh:#fff;--wm:#F3F3F3;--gy:#666;--bd:#E0E0E0;--gd:#D7D2CB;--tg:#999;--nt:#F5F1EE;--err:#CF4520;--ok:#328B4A;--tc:#CF4520;--sn:Arial,Helvetica,sans-serif;--hd:"Bebas Neue",Arial,sans-serif;--ez:cubic-bezier(.25,.1,.25,1)}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--sn);color:var(--bk);background:var(--wh);overflow-x:hidden;width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}

/* Announce bar */
.ann{height:38px;display:flex;align-items:center;justify-content:space-between;gap:0;font-size:13px;letter-spacing:.5px;font-weight:600;overflow:hidden;cursor:pointer;transition:background .4s ease,color .4s ease,transform .3s ease;padding:0 28px;background:#D7D2CB;color:#0E0E0E}.ann a{color:#0E0E0E;opacity:.85;text-decoration:none;padding:0 16px;transition:opacity .15s;white-space:nowrap;display:inline-flex;align-items:center;font-weight:400}.ann a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}.ann-sep{opacity:.3;font-weight:400;user-select:none;color:#0E0E0E}.ann-left{display:flex;align-items:center}.ann-right{display:flex;align-items:center}.ann-right a{opacity:.85;font-weight:400}.ann-right a:hover{opacity:1}

/* Header */
.hdr{height:76px;background:var(--bk);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.08);gap:24px;transition:top .3s ease}
.logo{display:flex;align-items:center;flex:0 0 220px}.logo img{height:64px;width:auto}
.srch{flex:0 1 400px;margin:0 40px;display:flex;align-items:center;gap:10px;color:rgba(0,0,0,.45);font-size:14px;font-weight:500;padding:10px 20px;background:var(--wh);border:1px solid rgba(255,255,255,.15);border-radius:0;transition:all .2s}.srch:hover{border-color:rgba(255,255,255,.3);background:var(--wh);color:rgba(0,0,0,.7)}.srch svg{stroke:rgba(0,0,0,.4)}.srch svg{width:18px;height:18px;flex-shrink:0}
.hr{display:flex;align-items:center;gap:20px;flex:0 0 220px;justify-content:flex-end}
.ic{color:rgba(255,255,255,.85);transition:color .2s;position:relative}.ic:hover{color:var(--wh)}.ic svg{width:30px;height:30px}
.dot{position:absolute;top:-4px;right:-6px;background:#DC2525;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* Nav */
.nav{height:46px;background:var(--bk);display:flex;align-items:center;justify-content:center;position:sticky;top:76px;z-index:999;border-bottom:1px solid rgba(255,255,255,.08);transition:top .3s ease}
.ni{position:relative;height:100%;display:flex;align-items:center}
.nl{font-family:var(--hd);font-size:15px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.8);padding:0 16px;height:100%;display:flex;align-items:center;transition:color .15s;font-weight:700;position:relative}
.nl::after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--wh);transform:scaleX(0);transition:transform .2s var(--ez)}
.nl:hover{color:var(--wh)}.nl:hover::after{transform:scaleX(1)}.nl.ac{color:var(--wh)}.nl.ac::after{transform:scaleX(1)}
.nl.sale{color:var(--tc)}.nl.sale:hover{color:#ff4444}.nl.sale::after{background:var(--tc)}
body.light-mode .nl.sale{color:var(--tc)}body.light-mode .nl.sale:hover{color:#b71c1c}
.dd{position:fixed;left:0;right:0;background:var(--wh);padding:32px 48px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .35s ease,transform .35s ease,visibility .35s;box-shadow:0 12px 40px rgba(0,0,0,.12);z-index:998}
.ni:hover .dd,.ni .dd:hover{opacity:1;visibility:visible;transform:translateY(0)}
.ni::after{content:'';position:absolute;left:0;right:0;top:100%;height:12px}
.dg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}
.dc h4{font-family:var(--hd);font-size:16px;letter-spacing:.5px;text-transform:uppercase;color:var(--bk);margin-bottom:12px;font-weight:700}
.dc a{display:block;font-size:14px;color:var(--gy);padding:4px 0;transition:color .15s;font-weight:400}.dc a:hover{color:var(--bk)}
.dc .sub-edit{margin-top:16px;padding-top:12px;border-top:1px solid var(--bd)}
.dc .sub-edit h4{color:var(--gd);font-size:11px}
.bix{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;max-width:1200px;margin:0 auto}
.bix-col a{display:block;font-size:13px;color:var(--gy);padding:5px 0;transition:color .15s;font-weight:400;white-space:nowrap}.bix-col a:hover{color:var(--bk)}.bix-col a.own{font-weight:700;color:var(--bk)}

/* Hero */
.promo-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 28px;background:var(--wh);max-width:900px;margin:0 auto}.promo-tile{background:var(--tc);color:#fff;text-align:center;padding:12px 16px;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;border-radius:0;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;line-height:1.4}.promo-tile:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(207,69,32,.35)}
.hero-slider{aspect-ratio:3/1;width:100%;position:relative;overflow:hidden;background:#f5f1ee;touch-action:pan-y}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding-left:clamp(32px,6vw,120px);opacity:0;transition:opacity .8s ease;pointer-events:none;will-change:opacity}.hero-slide.active{opacity:1;pointer-events:auto;z-index:1}.hero-dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5}.hero-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(0,0,0,.3);background:transparent;cursor:pointer;padding:0;transition:all .3s}.hero-dot.active{background:var(--bk);border-color:var(--bk);transform:scale(1.2)}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.6);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.hero-arrow:hover{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.2)}.hero-arrow svg{width:22px;height:22px;color:var(--bk)}.hero-prev{left:24px}.hero-next{right:24px}
.hero-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;padding:0}.hero-mosaic-cell{position:relative;overflow:hidden}.hero-mosaic-cell img{width:100%;height:100%;object-fit:cover;filter:brightness(.85);transition:filter .4s}.hero-mosaic:hover .hero-mosaic-cell img{filter:brightness(.7)}.hero-mosaic-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;grid-column:1/-1;grid-row:1/-1}.hero-mosaic-text{text-align:center;padding:0 40px}.hero-mosaic-text h2{font-family:var(--hd);font-size:72px;line-height:.92;text-transform:uppercase;font-weight:400;letter-spacing:1px;margin-bottom:20px}.hero-mosaic-text h2 .tw{color:var(--wh);text-shadow:0 2px 20px rgba(0,0,0,.5)}.hero-mosaic-text h2 .tb{color:var(--bk);text-shadow:0 1px 8px rgba(255,255,255,.3)}.hero-mosaic-text .hra{pointer-events:auto}
.hero-brand-sns{background:#FF4B0F!important}.hero-brand-sns .hero-bg::after{display:none}.hero-brand-sns .hrc .hrt{color:var(--wh)}.hero-brand-sns .hrc .ey{color:var(--wh);opacity:.8}.hero-brand-sns .hrc .hrs{color:rgba(255,255,255,.75)}.hero-brand-sns .hrc .bo{color:var(--wh);border-color:rgba(255,255,255,.5)}.hero-brand-sns .hrc .bo:hover{border-color:var(--wh)}
.hero-elka{background:#1a1a1a!important}.hero-elka .hero-bg{display:none}.hero-elka .hero-imgs{position:absolute;right:0;top:0;bottom:0;display:flex;gap:8px;padding:16px 24px 16px 0;justify-content:flex-end;align-items:stretch;width:55%}.hero-elka .hero-imgs img{height:100%;width:auto;object-fit:cover;border-radius:4px;opacity:.9}.hero-elka .hero-imgs img{height:100%;width:auto;object-fit:cover;border-radius:4px;opacity:.9}
@media(max-width:768px){.hero-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:2px}.hero-mosaic-cell img{filter:brightness(.45)}.hero-mosaic:hover .hero-mosaic-cell img{filter:brightness(.4)}}.hero{height:80vh;max-height:800px;min-height:500px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;background:#f5f1ee}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:1}.hero-bg::after{display:none}
.hrc{position:relative;z-index:2;text-align:left;max-width:800px;padding:0 32px;text-shadow:none}
.hrc .bw,.hrc .bo,.hrc .btn-err,.hrc .hra a{text-shadow:none}
.hero-dark .hrc .ey{color:var(--wh);opacity:.7}.hero-dark .hrc .hrt{color:var(--wh);text-shadow:none}.hero-dark .hrc .hrs{color:rgba(255,255,255,.6)}.hero-dark .hrc .bo{color:var(--wh);border-color:rgba(255,255,255,.4)}.hero-dark .hrc .bo:hover{border-color:var(--wh);background:rgba(255,255,255,.08)}
.hrc .hra{justify-content:flex-start}
.hrc-welcome{max-width:1000px;text-align:left}
.welcome-title{font-family:var(--hd);font-size:96px;line-height:.95;letter-spacing:2px;color:var(--wh);margin-bottom:0;text-transform:uppercase;font-weight:400;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.welcome-accent{color:var(--tc)}
.welcome-rule{width:80px;height:4px;background:var(--tc);margin:28px 0}
.welcome-sub{font-family:var(--hd);font-size:36px;letter-spacing:6px;color:rgba(255,255,255,.9);margin-bottom:20px;font-weight:400}
.welcome-desc{font-size:16px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:36px;font-weight:400;letter-spacing:.3px}
.ey{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--bk);margin-bottom:16px;font-weight:600;opacity:.8}.ey-logo{margin-bottom:16px;display:block}.ey-logo img{height:28px;width:auto;max-width:180px;object-fit:contain}.hero-dark .ey-logo img{filter:brightness(0) invert(1)}
.hrt{font-family:var(--hd);font-size:64px;text-transform:uppercase;font-weight:400;color:var(--bk);line-height:.92;letter-spacing:1px;margin-bottom:16px}
.hrs{font-size:16px;color:var(--gy);line-height:1.6;margin-bottom:28px;font-weight:400}
.hra{display:flex;gap:12px;justify-content:center}
.bw{font-family:var(--hd);display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--wh);color:var(--bk);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;transition:all .2s var(--ez);border-radius:0}.bw:hover{background:var(--bd);color:var(--bk)}.bw svg{width:16px;height:16px;transition:transform .2s}.bw:hover svg{transform:translateX(3px)}
.bo{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;background:transparent;color:var(--bk);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;border:2px solid rgba(0,0,0,.3);transition:all .2s;border-radius:0}.bo:hover{border-color:var(--bk);background:rgba(0,0,0,.05)}
.bd{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--bk);color:var(--wh);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;transition:all .2s;align-self:flex-start;border-radius:0;white-space:nowrap}.bd:hover{background:#333}
.btn-err{font-family:var(--hd);display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--err);color:var(--wh);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;transition:all .2s;border-radius:0}.btn-err:hover{background:#A8371A}

/* Category grid */
.cs{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;background:var(--bk);border-top:2px solid var(--bk)}
.cc{aspect-ratio:3/4;background:var(--wm);position:relative;overflow:hidden;cursor:pointer}
.cc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 16px 24px;background:linear-gradient(to top,rgba(10,10,10,.7) 0%,transparent 40%);transition:background .3s}
.cc:hover .cin{background:linear-gradient(to top,rgba(10,10,10,.9) 0%,rgba(10,10,10,.1) 50%)}
.cla{font-size:14px;letter-spacing:.5px;text-transform:uppercase;color:var(--wh);font-weight:700;margin-bottom:4px;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.cco{font-size:12px;color:rgba(255,255,255,.5);font-weight:500}

/* Sections */
.sec{padding:48px 32px;margin:0}
.sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.stt{font-family:var(--hd);font-size:28px;text-transform:uppercase;font-weight:400;letter-spacing:-0.3px}.stt::after{content:'';display:block;width:40px;height:3px;background:var(--tc);margin-top:8px}
a{transition:color .15s,opacity .15s}
.sli{font-size:13px;letter-spacing:.3px;text-transform:uppercase;color:var(--bk);transition:opacity .2s;display:flex;align-items:center;gap:6px;font-weight:600}.sli:hover{opacity:.6}.sli svg{width:14px;height:14px}

/* Product grid */
.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pc{cursor:pointer;position:relative;transition:transform .15s ease;contain:content}.pc:hover{transform:translateY(-2px)}
.pim{aspect-ratio:3/4;background:var(--wm);margin-bottom:10px;position:relative;overflow:hidden;border-radius:4px}
.pim img{transition:transform .3s var(--ez)}
.pc:hover .pim img{transform:scale(1.03)}
.pho{position:absolute;inset:0;background:rgba(0,0,0,.04);opacity:0;transition:opacity .2s}.pc:hover .pho{opacity:1}.pqa{position:absolute;bottom:10px;left:10px;right:10px;padding:10px;background:var(--bk);color:var(--wh);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;text-align:center;border-radius:0;opacity:0;transform:translateY(6px);transition:all .2s ease;cursor:pointer}.pc:hover .pqa{opacity:1;transform:translateY(0)}.pqa:hover{background:#333}
.pbg{position:absolute;top:10px;left:10px;font-size:10px;letter-spacing:.5px;text-transform:uppercase;background:var(--bk);color:var(--wh);padding:4px 10px;font-weight:700;border-radius:2px}
.pwi{position:absolute;top:10px;right:10px;width:34px;height:34px;background:var(--wh);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(4px);transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.12)}.pc:hover .pwi{opacity:1;transform:translateY(0)}.pwi svg{width:16px;height:16px;transition:fill .2s}
.pwi:hover svg{fill:var(--bk);stroke:var(--bk)}
.pbr{font-size:11px;letter-spacing:.3px;text-transform:uppercase;color:var(--gy);margin-bottom:2px;font-weight:600}
.pna{font-size:14px;font-weight:500;margin-bottom:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ppr{font-size:15px;font-weight:700}.ppr-was{font-size:13px;font-weight:400;color:var(--gy);text-decoration:line-through;margin-left:6px}

/* Marquee */
.mw{padding:40px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);overflow:hidden;position:relative}
.mtr{display:flex;gap:48px;animation:mq 30s linear infinite;width:max-content}
.mit{display:flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;transition:opacity .2s;opacity:.5;filter:grayscale(100%)}.mit:hover{opacity:1;filter:grayscale(0%)}.mit img{height:28px;width:auto;max-width:140px;object-fit:contain}
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.mw::before,.mw::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.mw::before{left:0;background:linear-gradient(to right,var(--wh),transparent)}.mw::after{right:0;background:linear-gradient(to left,var(--wh),transparent)}

/* Editorial */
.es{display:grid;grid-template-columns:1fr 1fr;min-height:480px}
.eim{background:linear-gradient(135deg,#e8e5e0,#d4d0c9);overflow:hidden}.eim img{width:100%;height:100%;object-fit:cover}
.eco{display:flex;flex-direction:column;justify-content:center;padding:48px 56px;background:var(--wm)}
.eco h2{font-family:var(--hd);font-size:44px;text-transform:uppercase;font-weight:400;line-height:42px;letter-spacing:-0.5px;margin-bottom:14px}
.eco p{font-size:15px;line-height:1.7;color:var(--gy);margin-bottom:24px;font-weight:400}

/* Shop by Occasion */
.occ-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.occ-card{aspect-ratio:3/4;position:relative;overflow:hidden;cursor:pointer}
.occ-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ez)}
.occ-card:hover img{transform:scale(1.05)}
.occ-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.8) 0%,rgba(10,10,10,.15) 50%,transparent 70%);display:flex;flex-direction:column;justify-content:flex-end;padding:28px;transition:background .3s}
.occ-card:hover .occ-ov{background:linear-gradient(to top,rgba(10,10,10,.9) 0%,rgba(10,10,10,.3) 50%,rgba(10,10,10,.05) 70%)}
.occ-ov h3{font-family:var(--hd);font-size:28px;text-transform:uppercase;font-weight:400;line-height:30px;color:var(--wh);margin-bottom:8px}
.occ-ov a{font-size:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;color:var(--wh);opacity:.7;transition:opacity .2s;display:inline-flex;align-items:center;gap:6px}.occ-ov a:hover{opacity:1}
.occ-ov a svg{width:14px;height:14px}

/* Brand Campaign */
.campaign{background:var(--bk);display:grid;grid-template-columns:1fr 1fr;min-height:480px;overflow:hidden}
.campaign-img{position:relative;overflow:hidden}.campaign-img img{width:100%;height:100%;object-fit:cover;opacity:.85}
.campaign-txt{display:flex;flex-direction:column;justify-content:center;padding:56px 64px}
.campaign-txt .ey{color:var(--gd);opacity:1;margin-bottom:12px}
.campaign-txt h2{font-family:var(--hd);font-size:52px;text-transform:uppercase;font-weight:400;color:var(--wh);line-height:48px;letter-spacing:-0.5px;margin-bottom:16px}
.campaign-txt p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.5);margin-bottom:28px}
.campaign-txt .bw{align-self:flex-start}

/* Dual feature */
.du{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--bk)}
.fe{aspect-ratio:16/10;position:relative;overflow:hidden;cursor:pointer;background:#1a1a1a}
.fe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ez)}.fe:hover img{transform:scale(1.03)}
.fov{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.8) 0%,rgba(10,10,10,.3) 50%,transparent 70%);display:flex;flex-direction:column;justify-content:flex-end;padding:36px;transition:background .3s}
.fe:hover .fov{background:linear-gradient(to top,rgba(10,10,10,.9) 0%,rgba(10,10,10,.4) 50%,rgba(10,10,10,.1) 70%)}
.fov h3{font-family:var(--hd);font-size:34px;text-transform:uppercase;font-weight:400;line-height:34px;color:var(--wh);margin-bottom:12px}

/* Loyalty */
.loyalty{background:var(--bk);padding:64px 32px;text-align:center}
.loyalty h2{font-family:var(--hd);font-size:44px;text-transform:uppercase;font-weight:400;line-height:42px;letter-spacing:-0.5px;color:var(--wh);margin-bottom:10px}
.loyalty>p{font-size:15px;color:rgba(255,255,255,.5);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}
.loy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto 36px}
.loy-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:32px 24px;text-align:center}
.loy-card svg{width:32px;height:32px;stroke:var(--gd);stroke-width:1.5;fill:none;margin-bottom:16px}
.loy-card h4{font-size:14px;letter-spacing:.3px;text-transform:uppercase;font-weight:700;color:var(--wh);margin-bottom:8px}
.loy-card p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.5}
.loyalty .bw{margin:0 auto}

/* Value props */
.vs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--bd)}
.vi{padding:28px 24px;text-align:center;border-right:1px solid var(--bd)}.vi:last-child{border-right:none}
.vi svg{width:24px;height:24px;stroke:var(--bk);stroke-width:1.5;fill:none;margin-bottom:12px}
.vtt{font-size:12px;letter-spacing:.3px;text-transform:uppercase;font-weight:700;margin-bottom:4px}
.vd{font-size:13px;color:var(--gy);line-height:1.4}

/* Newsletter */
.nws{background:var(--bk);padding:48px 32px;text-align:center}
.nws h2{font-family:var(--hd);font-size:44px;text-transform:uppercase;color:var(--wh);font-weight:500;line-height:42px;letter-spacing:-0.5px;margin-bottom:8px}
.nws p{font-size:14px;color:rgba(255,255,255,.5);margin-bottom:24px;font-weight:400}
.nf{display:flex;max-width:460px;margin:0 auto}
.nf input{flex:1;padding:14px 18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-right:none;color:var(--wh);font-size:14px;font-weight:500;outline:none;transition:border-color .2s;border-radius:4px 0 0 4px}
.nf input::placeholder{color:rgba(255,255,255,.35)}.nf input:focus{border-color:rgba(255,255,255,.5)}
.nf button{padding:14px 24px;background:var(--wh);color:var(--bk);font-size:13px;letter-spacing:.3px;text-transform:uppercase;font-weight:700;transition:background .2s;border-radius:0 4px 4px 0}.nf button:hover{background:var(--gd)}

/* Footer */
.ftr{background:var(--bk);border-top:1px solid rgba(255,255,255,.08);padding:48px 32px 32px}
.fgr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.fba .logo{margin-bottom:14px;display:flex}.fba .logo img{height:72px}
.fba p{font-size:13px;color:rgba(255,255,255,.4);line-height:1.5;max-width:260px}
.fcl h5{font-family:var(--hd);font-size:14px;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:16px;font-weight:700}
.fcl a{display:block;font-size:13px;color:rgba(255,255,255,.6);padding:3px 0;transition:color .15s;font-weight:400}.fcl a:hover{color:var(--wh)}
.fbt{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;align-items:center;justify-content:space-between}
.fle{font-size:12px;color:rgba(255,255,255,.3);display:flex;gap:20px}.fle a:hover{color:rgba(255,255,255,.6)}
.fso{display:flex;gap:12px}
.fso a{width:34px;height:34px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);transition:all .2s}.fso a:hover{border-color:rgba(255,255,255,.4);color:var(--wh)}.fso svg{width:14px;height:14px}
.aoc{text-align:center;padding:16px 32px 0;font-size:11px;color:rgba(255,255,255,.25);line-height:1.5}
.fpy{display:flex;gap:10px;align-items:center;justify-content:center;padding:16px 0;margin-top:12px}
.fpy-badge{font-size:10px;font-weight:700;letter-spacing:.3px;padding:5px 10px;border:1px solid rgba(255,255,255,.15);border-radius:3px;color:rgba(255,255,255,.5)}

/* Mobile hamburger */
.burger{display:none;width:24px;height:24px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;flex-shrink:0}.burger span{display:block;width:100%;height:2px;background:var(--wh);border-radius:1px;transition:all .2s}
.mob-nav{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:92vw;background:var(--bk);z-index:2000;overflow-y:auto;padding:0;transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1),visibility .4s;visibility:hidden}.mob-nav.open{transform:translateX(0);visibility:visible}.mob-overlay{position:fixed;inset:0;background:rgba(0,0,0,0);z-index:1999;pointer-events:none;transition:background .4s ease}.mob-nav.open~.mob-overlay{background:rgba(0,0,0,.5);pointer-events:auto}
.mob-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--wh);cursor:pointer}.mob-close svg{width:24px;height:24px}
.mob-nav-list{padding:60px 24px 24px;overflow-y:auto;max-height:calc(100vh - 60px)}.mob-nav-list>a{display:block;font-size:18px;font-weight:700;text-transform:uppercase;color:var(--wh);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.5px}.mob-nav-list a.ac{opacity:.6}.mn-top{display:block;font-size:18px;font-weight:700;text-transform:uppercase;color:var(--wh);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.5px;text-decoration:none}.mn-acc{border-bottom:1px solid rgba(255,255,255,.08)}.mn-hd{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:700;text-transform:uppercase;color:var(--wh);padding:14px 0;letter-spacing:.5px;cursor:pointer}.mn-hd svg{width:18px;height:18px;transition:transform .2s}.mn-acc.open .mn-hd svg{transform:rotate(180deg)}.mn-body{display:none;padding:0 0 16px}.mn-acc.open .mn-body{display:block}.mn-sec{margin-bottom:12px}.mn-lbl{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:8px;font-weight:600}.mn-sec a{display:block;font-size:15px;color:rgba(255,255,255,.8);padding:6px 0;text-decoration:none;font-weight:400}.mn-sec a:hover{color:#fff}.mn-all{display:block;font-size:13px;font-weight:600;color:var(--wh);text-transform:uppercase;letter-spacing:.5px;padding:8px 0 4px;text-decoration:none;opacity:.7}.mn-brands{column-count:2;column-gap:16px}.mn-brands a{break-inside:avoid}body.light-mode .mob-nav{background:var(--wh)}body.light-mode .mob-close{color:var(--bk)}body.light-mode .mn-top,body.light-mode .mn-hd,body.light-mode .mn-all,body.light-mode .mob-nav-list>a{color:var(--bk)}body.light-mode .mn-top,body.light-mode .mn-acc{border-bottom-color:rgba(0,0,0,.08)}body.light-mode .mob-nav-list>a{border-bottom-color:rgba(0,0,0,.08)}body.light-mode .mn-lbl{color:rgba(0,0,0,.4)}body.light-mode .mn-sec a{color:rgba(0,0,0,.7)}body.light-mode .mn-sec a:hover{color:var(--bk)}body.light-mode .mob-nav-list a.ac{color:var(--bk)}
.mob-acc{border-bottom:1px solid rgba(255,255,255,.08)}
.mob-acc-head{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:700;text-transform:uppercase;color:var(--wh);padding:14px 0;letter-spacing:.5px;cursor:pointer}
.mob-acc-head svg{width:18px;height:18px;transition:transform .2s}
.mob-acc.open .mob-acc-head svg{transform:rotate(180deg)}
.mob-acc-body{display:none;padding:0 0 12px 16px}
.mob-acc.open .mob-acc-body{display:block}
.mob-acc-body a{display:block;font-size:14px;font-weight:500;color:rgba(255,255,255,.7);padding:8px 0;text-decoration:none;letter-spacing:.2px}
.mob-acc-body a:hover{color:var(--wh)}
.mob-acc-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.35);padding:12px 0 4px;margin-top:4px}

/* ── Mobile ── */
@media(max-width:768px){
.pqa,.pho{display:none!important}
.ann{display:none}
.promo-bar{grid-template-columns:1fr!important;max-width:100%!important;padding:8px 12px!important;gap:4px!important}.promo-tile{padding:10px 16px!important;font-size:10px!important;letter-spacing:.5px!important}.srch{border-radius:0!important;margin-top:0!important}
.hdr,.hdr-v2{height:auto!important;flex-wrap:wrap;padding:12px 16px;gap:0;box-shadow:none;z-index:1000}
.burger{display:flex;order:3;width:28px;height:28px;gap:6px;margin-left:16px}.burger span{height:1.5px}
.logo{order:1;margin-left:0;flex:0 0 auto}.logo img{height:20px}
.hr{order:2;margin-left:auto!important;gap:12px;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end}.hdr-v2{position:relative}
.ic svg{width:30px;height:30px}.ic.mob-hide-search{display:none}.theme-toggle,.rewards-ic{display:none}
.dot{width:14px;height:14px;font-size:8px;top:-3px;right:-5px}
.srch{order:3;flex:1 1 100%!important;max-width:none!important;margin-top:6px;padding:8px 12px;font-size:13px;border-radius:6px;gap:6px;white-space:nowrap}.srch svg{width:14px;height:14px;color:#999!important;stroke:#999!important}
.nav{display:none}.dd{display:none}

/* Mobile hero: image top, black content block below */
.hero-slider{aspect-ratio:auto;min-height:auto;height:auto;position:relative;overflow:hidden}
.hero-elka .hero-imgs{width:100%!important;position:relative!important;padding:0!important;gap:4px!important;height:65vw}.hero-elka .hero-imgs img:last-child{display:none}
.hero{min-height:auto;max-height:none}
.hero-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;opacity:0;pointer-events:none;transition:opacity .8s ease}.hero-slide.active{opacity:1;pointer-events:auto;z-index:1;position:relative}
.hero-slide .hero-bg{position:relative;width:100%;height:0;padding-bottom:75%;background-size:cover;background-position:center center}
.hero-slide .hero-bg::after{display:none}
.hrc{position:relative;padding:32px 24px 40px;margin-left:0;max-width:100%;background:var(--bk);text-align:left;text-shadow:none}
.hero-dots{position:relative;bottom:auto;left:auto;transform:none;display:flex;justify-content:center;padding:0;background:var(--bk);z-index:5;margin-top:0}
.hero-arrow{display:none!important}
.ey{font-size:12px;letter-spacing:3px;margin-bottom:12px;text-transform:uppercase;color:#C8A84E;font-weight:600}
.ey-logo img{height:0!important;max-width:0!important;display:none!important}
.hrt{font-size:36px;line-height:1;letter-spacing:0;margin-bottom:20px;color:var(--wh)!important;text-shadow:none!important;font-style:italic;font-weight:700}
.welcome-title{font-size:36px;line-height:.95}.welcome-sub{font-size:14px;letter-spacing:3px}.welcome-desc{font-size:12px;margin-bottom:20px}
.welcome-rule{width:50px;height:3px;margin:16px 0}
.hrs{font-size:15px;margin-bottom:28px;line-height:1.7;color:rgba(255,255,255,.5)!important;text-shadow:none!important;font-weight:400}
.hra{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}
.bw,.bo{font-size:12px;padding:12px 22px;justify-content:center;border-radius:0}
.hra .bo{display:none}
.hra .bw{background:transparent;color:var(--wh);border:none;padding:0 0 6px 0;font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--wh);border-radius:0;display:inline-flex;align-items:center;gap:8px}
.hra .bw svg{width:16px;height:16px;stroke-width:2.5}
.hero-prev{left:8px}.hero-next{right:8px}
.hero-dot{width:8px;height:8px;border-color:rgba(255,255,255,.5)}.hero-dot.active{background:var(--wh);border-color:var(--wh)}
.hero-mosaic-text h2{font-size:28px}
.hero-mosaic-text{padding:0 24px;text-align:left}
.hero-mosaic-overlay p{font-size:11px!important}

.cs{grid-template-columns:repeat(2,1fr);gap:6px}
.cc{aspect-ratio:3/4}.cla{font-size:11px}.cco{font-size:9px}.cin{padding:0 8px 12px}

.sec{padding:24px 16px}
.stt{font-size:16px}.sli{font-size:10px}.sli svg{width:12px;height:12px}
.sh{margin-bottom:12px}
.pg{grid-template-columns:repeat(2,1fr);gap:8px}
.pim{border-radius:4px}.pna{line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.pbg{font-size:8px;padding:3px 7px;top:6px;left:6px;border-radius:3px}.pwi{display:none}

.mw{padding:14px 0}.mtr{gap:24px}.mit img{height:18px}

.es{grid-template-columns:1fr;min-height:auto}.eim{aspect-ratio:4/3}
.eco{padding:28px 20px}.eco h2{font-size:24px}.eco p{font-size:13px;margin-bottom:20px}
.bd{font-size:11px;padding:12px 24px;border-radius:0}

.occ-grid{grid-template-columns:repeat(2,1fr);gap:6px}.occ-card{aspect-ratio:4/5}.occ-ov{padding:14px}.occ-ov h3{font-size:14px}

.campaign{grid-template-columns:1fr;min-height:auto}.campaign-img{aspect-ratio:16/9}
.campaign-txt{padding:24px 16px}.campaign-txt h2{font-size:22px}.campaign-txt p{font-size:13px}

.du{grid-template-columns:1fr}.fe{aspect-ratio:16/9}
.fov{padding:20px}.fov h3{font-size:20px;margin-bottom:8px}.fov .ey{margin-bottom:6px}

.loyalty{padding:40px 16px}.loyalty h2{font-size:24px}
.loy-grid{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.loy-card{padding:24px 20px}

.vs{grid-template-columns:repeat(2,1fr)}.vi{padding:20px 14px;border-bottom:1px solid var(--bd)}.vi:nth-child(odd){border-right:1px solid var(--bd)}.vi:nth-child(even){border-right:none}
.vi svg{width:20px;height:20px;margin-bottom:8px}.vtt{font-size:10px}.vd{font-size:11px}

.nws{padding:32px 16px}.nws h2{font-size:20px}.nws p{font-size:12px;margin-bottom:16px}
.nf{flex-direction:column;gap:8px}.nf input{border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:12px 16px;font-size:14px}.nf button{border-radius:6px;padding:12px}

.ftr{padding:32px 16px 20px}.fgr{grid-template-columns:1fr 1fr;gap:20px}.fba{grid-column:1/-1}.fba .logo img{height:28px}
.fbt{flex-direction:column;gap:12px;align-items:flex-start}.fle{flex-wrap:wrap;gap:10px;font-size:11px}
.aoc{font-size:10px;padding:12px 16px 0}
}

@media(max-width:480px){
.hrt{font-size:22px;line-height:.95}
/* removed: old hero aspect-ratio override */
.promo-bar{gap:3px!important;padding:6px 8px!important}
.welcome-title{font-size:30px}.welcome-sub{font-size:12px;letter-spacing:2px}.welcome-desc{font-size:11px}
.hero-mosaic-text h2{font-size:24px}
.cs{grid-template-columns:repeat(2,1fr)}
.fgr{grid-template-columns:1fr}
.occ-grid{grid-template-columns:1fr}
.campaign-txt h2{font-size:22px}
}
/* CRO: Save badge */
.pbg-save{position:absolute;top:10px;left:10px;font-size:10px;letter-spacing:.5px;text-transform:uppercase;background:#c0392b;color:var(--wh);padding:4px 10px;font-weight:700;border-radius:2px}
.pfree{font-size:10px;color:#27ae60;font-weight:600;margin-top:2px}

/* CRO: Trust badges */
.pdp-trust{display:flex;gap:16px;margin:16px 0;padding:16px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.pdp-trust-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--gy);font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.pdp-trust-item svg{width:16px;height:16px;stroke:var(--bk);fill:none;stroke-width:1.5}
.pdp-urgency{font-size:12px;color:#c0392b;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.pdp-urgency::before{content:'';width:8px;height:8px;background:#c0392b;border-radius:50%;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.pdp-loyalty{font-size:12px;color:var(--gd);font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:6px}
.pdp-delivery{font-size:12px;color:var(--gy);margin-bottom:16px;padding:10px 12px;background:var(--wm);border-radius:4px;display:flex;align-items:center;gap:8px}
.pdp-delivery svg{width:16px;height:16px;stroke:var(--bk);fill:none;flex-shrink:0}
.pdp-payments{display:flex;gap:8px;margin-bottom:16px}
.pdp-pay-badge{font-size:11px;font-weight:700;padding:6px 12px;border:1px solid var(--bd);border-radius:4px;color:var(--gy)}

/* CRO: Sticky mobile ATB */
.pdp-sticky{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--wh);padding:12px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.1);z-index:1000;gap:12px;align-items:center}
.pdp-sticky .pdp-sticky-info{flex:1}
.pdp-sticky .pdp-sticky-info .pna{font-size:13px;font-weight:600}
.pdp-sticky .pdp-sticky-info .ppr{font-size:15px;font-weight:700}.ppr-was{font-size:13px;font-weight:400;color:var(--gy);text-decoration:line-through;margin-left:6px}
.pdp-sticky .pdp-atb{margin:0;flex:0 0 auto;width:auto;padding:0 32px}
@media(max-width:768px){.pdp-sticky.visible{display:flex}}

/* Search overlay */
.srch-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:auto;background:#fff;z-index:1100;padding:0;display:none;overflow:hidden;box-sizing:border-box}
.srch-overlay.open{display:block}
@media(min-width:769px){.srch-overlay{top:76px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);width:640px;height:auto;max-height:70vh;border-radius:0 0 8px 8px;padding:24px 32px;box-shadow:0 12px 40px rgba(0,0,0,.15);overflow-y:auto;background:var(--wh)}}
.srch-mob-header{display:none}
.srch-mob-body{display:contents}
.srch-input{width:100%;padding:14px 20px;font-size:16px;border:2px solid var(--bk);border-radius:6px;font-family:var(--sn);outline:none}
.srch-section{margin-top:20px}
.srch-section h4{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gy);margin-bottom:12px;font-weight:600}
.srch-tags{display:flex;flex-wrap:wrap;gap:8px}
.srch-tag{font-size:13px;padding:8px 16px;border:1px solid var(--bd);border-radius:20px;cursor:pointer;transition:all .2s;color:var(--bk);text-decoration:none}
.srch-tag:hover{background:var(--bk);color:var(--wh);border-color:var(--bk)}
.srch-result{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd);cursor:pointer;transition:background .15s;text-decoration:none;color:var(--bk)}
.srch-result:hover{background:rgba(0,0,0,.02)}
.srch-result img{width:50px;height:66px;object-fit:cover;border-radius:4px}
.srch-result-info{flex:1}
.srch-result-brand{font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--gy);font-weight:600}
.srch-result-name{font-size:13px;font-weight:500}
.srch-result-price{font-size:13px;font-weight:700}
.srch-viewall{display:block;text-align:center;padding:14px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--bk);border-top:1px solid var(--bd);margin-top:12px;text-decoration:none}
.srch-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:1000;display:none}
.srch-backdrop.open{display:block}
@media(max-width:768px){
.srch-overlay{height:100vh;max-height:100vh;opacity:0;pointer-events:none;transition:opacity .2s ease;-webkit-overflow-scrolling:touch}
.srch-overlay.open{opacity:1;pointer-events:auto}
.srch-overlay .srch-mob-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;position:sticky;top:0;z-index:1;border-bottom:none;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}
.srch-overlay .srch-mob-header .srch-back{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;background:none;border:none;padding:0}
.srch-overlay .srch-mob-header .srch-back svg{width:22px;height:22px;stroke:#666;stroke-width:1.5;fill:none}
.srch-overlay .srch-mob-header .srch-input{flex:1;min-width:0;border:1px solid #ddd;padding:10px 40px 10px 16px;font-size:16px;background:#fff;border-radius:24px;font-family:inherit;outline:none;box-sizing:border-box}
.srch-overlay .srch-mob-header .srch-input:focus{border-color:#999}
.srch-overlay .srch-mob-header{position:relative}
.srch-overlay .srch-mob-header::after{content:'';position:absolute;right:30px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='1.5'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat center/contain;pointer-events:none}
.srch-overlay .srch-mob-body{padding:20px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100vh - 57px)}
.srch-overlay .srch-section{display:none}
body.light-mode .srch-overlay{background:#fff}
body.light-mode .srch-overlay .srch-mob-header .srch-input{background:#fff;border-color:#ddd;color:#1a1a1a}
.srch-backdrop{transition:opacity .3s ease}
.srch-backdrop.open{opacity:1}
}

/* Mobile bottom nav */
.mob-bottom{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--wh);border-top:1px solid var(--bd);z-index:1001;padding:6px 0 env(safe-area-inset-bottom,6px)}
.mob-bottom-inner{display:grid;grid-template-columns:repeat(5,1fr)}
.mob-bottom a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--gy);padding:6px 4px;text-decoration:none;transition:color .15s}
.mob-bottom a.active{color:var(--bk)}
.mob-bottom a svg{width:20px;height:20px;stroke-width:1.5}
@media(max-width:768px){.mob-bottom{display:block}body{padding-bottom:64px}}

/* Back to top */
.btt{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--bk);color:var(--wh);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s;z-index:999;box-shadow:0 4px 12px rgba(0,0,0,.15)}.btt.show{opacity:1;visibility:visible}.btt:hover{background:#333;transform:translateY(-2px)}.btt svg{width:20px;height:20px}
@media(max-width:768px){.btt{bottom:80px;right:16px;width:40px;height:40px}}

/* Improved PLP active filter tags */
.plp-active-filter{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:var(--bk);color:var(--wh);font-size:11px;font-weight:600;border-radius:20px;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;transition:background .15s}.plp-active-filter:hover{background:#333}
.plp-active-filter svg{width:12px;height:12px}
.plp-result-count{font-size:13px;color:var(--gy);font-weight:500}

/* Color swatches */
.pc-swatches{display:flex;gap:4px;margin-top:4px;align-items:center}
.pc-swatch{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--bd);cursor:pointer;transition:border-color .15s}.pc-swatch:hover{border-color:var(--bk)}
.pc-swatch-more{font-size:10px;color:var(--gy);font-weight:600;margin-left:2px}

/* Cart Drawer */
.cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}
.cart-backdrop.open{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:var(--wh);z-index:2001;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.cart-drawer.open{transform:translateX(0)}
.cart-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--bd)}
.cart-header h3{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}
.cart-count{font-size:13px;font-weight:500;color:var(--gy)}
.cart-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background .15s}
.cart-close:hover{background:var(--wm)}
.cart-close svg{width:20px;height:20px}
.cart-free-ship{padding:12px 24px;background:var(--wm);font-size:12px;color:var(--bk);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--bd)}
.cart-free-ship svg{width:18px;height:18px;flex-shrink:0;stroke:var(--bk)}
.cart-items{flex:1;overflow-y:auto;padding:0}
.cart-item{display:flex;gap:16px;padding:20px 24px;border-bottom:1px solid var(--bd);position:relative}
.cart-item img{width:80px;height:100px;object-fit:cover;border-radius:4px;flex-shrink:0}
.cart-item-info{flex:1;display:flex;flex-direction:column;gap:2px}
.cart-item-brand{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gy)}
.cart-item-name{font-size:14px;font-weight:600;color:var(--bk)}
.cart-item-meta{font-size:12px;color:var(--gy)}
.cart-item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px}
.cart-item-price{font-size:14px;font-weight:700}
.cart-qty{display:flex;align-items:center;border:1px solid var(--bd);border-radius:4px;overflow:hidden}
.cart-qty button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--wh);border:none;cursor:pointer;font-size:16px;font-weight:600;color:var(--bk);transition:background .15s}
.cart-qty button:hover{background:var(--wm)}
.cart-qty span{width:30px;text-align:center;font-size:13px;font-weight:600}
.cart-item-remove{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--gy);padding:4px;transition:color .15s}
.cart-item-remove:hover{color:#c0392b}
.cart-item-remove svg{width:16px;height:16px}
.cart-footer{border-top:1px solid var(--bd);padding:16px 24px}
.cart-upsell{font-size:12px;color:var(--bk);display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--wm);border-radius:4px;margin-bottom:16px;cursor:pointer;transition:background .15s}
.cart-upsell:hover{background:var(--bd)}
.cart-upsell svg{width:16px;height:16px;flex-shrink:0}
.cart-summary{margin-bottom:16px}
.cart-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}
.cart-row.cart-ship{color:var(--gy);font-size:12px}
.cart-subtotal{font-weight:700;font-size:15px}
.cart-afterpay{font-size:11px;color:var(--gy);text-align:center;padding:8px 0}
.cart-checkout{width:100%;padding:16px;background:var(--bk);color:var(--wh);font-size:14px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;border:none;border-radius:0;cursor:pointer;transition:background .2s}
.cart-checkout:hover{background:#333}
.cart-pay-options{display:flex;gap:6px;justify-content:center;margin-top:10px}
.cart-pay-badge{font-size:10px;font-weight:700;padding:4px 10px;border:1px solid var(--bd);border-radius:3px;color:var(--gy)}
.cart-continue{display:block;text-align:center;margin-top:12px;font-size:12px;color:var(--gy);text-decoration:underline;text-underline-offset:2px}
.cart-continue:hover{color:var(--bk)}
/* The Collective */
.rewards-bal{display:none}
@media(min-width:769px){.rewards-bal{display:inline;color:rgba(255,255,255,.7);font-size:11px;font-weight:600}}
.cr-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#D4A843,#F2D675,#D4A843);color:#000;font-size:9px;font-weight:700;letter-spacing:.5px;line-height:1;position:relative;box-shadow:0 0 6px rgba(212,168,67,.4)}
.cr-badge::after{content:'✦';position:absolute;top:-4px;right:-3px;font-size:8px;color:#F2D675;text-shadow:0 0 4px rgba(242,214,117,.8);animation:sparkle 2s ease-in-out infinite}
@keyframes sparkle{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}


/* Editorial splits - M&S style */
.ed-split{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:3/1;overflow:hidden}
.ed-split.reverse .ed-img{order:2}.ed-split.reverse .ed-txt{order:1}
.ed-img{position:relative;overflow:hidden}.ed-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.ed-split:hover .ed-img img{transform:scale(1.02)}
.ed-txt{display:flex;flex-direction:column;justify-content:center;padding:36px 48px;background:var(--wm)}
.ed-txt .ed-eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gy);margin-bottom:16px;font-weight:600}
.ed-txt h2{font-family:var(--hd);font-size:52px;text-transform:uppercase;font-weight:400;line-height:.92;letter-spacing:-0.5px;margin-bottom:16px;color:var(--bk)}
.ed-txt p{font-size:16px;line-height:1.7;color:var(--gy);margin-bottom:28px;font-weight:400;max-width:420px}
.ed-txt .ed-cta{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--bk);text-decoration:none;padding-bottom:2px;border-bottom:2px solid var(--bk);transition:all .2s;align-self:flex-start}
.ed-txt .ed-cta:hover{color:var(--gy);border-color:var(--gy)}
.ed-txt .ed-cta svg{width:14px;height:14px;transition:transform .2s}.ed-txt .ed-cta:hover svg{transform:translateX(3px)}
.ed-split.dark .ed-txt{background:var(--bk)}.ed-split.dark .ed-txt h2{color:var(--wh)}.ed-split.dark .ed-txt p{color:rgba(255,255,255,.5)}.ed-split.dark .ed-txt .ed-eyebrow{color:var(--gd)}.ed-split.dark .ed-txt .ed-cta{color:var(--wh);border-color:var(--wh)}.ed-split.dark .ed-txt .ed-cta:hover{color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.6)}
/* body.light-mode .ed-split removed — toggle only affects header/nav */
@media(max-width:768px){.ed-split{grid-template-columns:1fr;aspect-ratio:auto}.ed-split.reverse .ed-img{order:1}.ed-split.reverse .ed-txt{order:2}.ed-img{aspect-ratio:4/3}.ed-txt{padding:32px 24px}.ed-txt h2{font-size:28px}.ed-txt p{font-size:13px}}
/* Theme toggle */
.ann .theme-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:auto;height:auto;padding:0 16px}
.ann .theme-toggle svg{width:16px;height:16px}
.hr .theme-toggle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0}
.hr .theme-toggle svg{width:20px;height:20px}
.theme-sun{display:none}.theme-moon{display:block}
body.light-mode .theme-sun{display:block}
body.light-mode .theme-moon{display:none}

/* Logo switching */
.logo-light{display:none}
body.light-mode .logo-dark{display:none}
body.light-mode .logo-light{display:block}

/* Light mode overrides */
body.light-mode .hdr{background:var(--wh);border-bottom:1px solid var(--bd)}
body.light-mode .hdr .ic{color:var(--bk)}
body.light-mode .hdr .ic:hover{color:var(--gy)}
body.light-mode .dot{background:#DC2525;color:#fff}
body.light-mode .srch{color:var(--gy);background:var(--wh);border:1.5px solid var(--tg)}
body.light-mode .srch:hover{border-color:var(--bk);color:var(--bk)}
body.light-mode .nav{background:var(--wh);border-bottom:1px solid var(--bd)}
body.light-mode .nl{color:var(--gy)}
body.light-mode .nl:hover{color:var(--bk)}
body.light-mode .nl.ac{color:var(--bk)}
body.light-mode .nl::after{background:var(--bk)}
body.light-mode .burger span{background:var(--bk)}
body.light-mode .rewards-bal{color:var(--gy)}
body.light-mode .ann{background:#0E0E0E;color:#fff}
body.light-mode .ann a{color:#fff}
body.light-mode .ann-sep{color:rgba(255,255,255,.5)}
body.light-mode .dd{border-top:1px solid var(--bd)}
body.light-mode .ni:hover .nl{color:var(--bk)}

.cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}
.cart-backdrop.open{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:var(--wh);z-index:2001;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.cart-drawer.open{transform:translateX(0)}
.cart-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--bd)}
.cart-header h3{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}
.cart-count{font-size:13px;font-weight:500;color:var(--gy)}
.cart-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background .15s}
.cart-close:hover{background:var(--wm)}
.cart-close svg{width:20px;height:20px}
.cart-free-ship{padding:12px 24px;background:var(--wm);font-size:12px;color:var(--bk);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--bd)}
.cart-free-ship svg{width:18px;height:18px;flex-shrink:0;stroke:var(--bk)}
.cart-items{flex:1;overflow-y:auto;padding:0}
.cart-item{display:flex;gap:16px;padding:20px 24px;border-bottom:1px solid var(--bd);position:relative}
.cart-item img{width:80px;height:100px;object-fit:cover;border-radius:4px;flex-shrink:0}
.cart-item-info{flex:1;display:flex;flex-direction:column;gap:2px}
.cart-item-brand{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gy)}
.cart-item-name{font-size:14px;font-weight:600;color:var(--bk)}
.cart-item-meta{font-size:12px;color:var(--gy)}
.cart-item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px}
.cart-item-price{font-size:14px;font-weight:700}
.cart-qty{display:flex;align-items:center;border:1px solid var(--bd);border-radius:4px;overflow:hidden}
.cart-qty button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--wh);border:none;cursor:pointer;font-size:16px;font-weight:600;color:var(--bk);transition:background .15s}
.cart-qty button:hover{background:var(--wm)}
.cart-qty span{width:30px;text-align:center;font-size:13px;font-weight:600}
.cart-item-remove{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--gy);padding:4px;transition:color .15s}
.cart-item-remove:hover{color:#c0392b}
.cart-item-remove svg{width:16px;height:16px}
.cart-footer{border-top:1px solid var(--bd);padding:16px 24px}
.cart-upsell{font-size:12px;color:var(--bk);display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--wm);border-radius:4px;margin-bottom:16px;cursor:pointer;transition:background .15s}
.cart-upsell:hover{background:var(--bd)}
.cart-upsell svg{width:16px;height:16px;flex-shrink:0}
.cart-summary{margin-bottom:16px}
.cart-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}
.cart-row.cart-ship{color:var(--gy);font-size:12px}
.cart-subtotal{font-weight:700;font-size:15px}
.cart-afterpay{font-size:11px;color:var(--gy);text-align:center;padding:8px 0}
.cart-checkout{width:100%;padding:16px;background:var(--bk);color:var(--wh);font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:background .2s}
.cart-checkout:hover{background:#222}
.cart-pay-options{display:flex;gap:6px;justify-content:center;margin-top:10px}
.cart-pay-badge{font-size:10px;font-weight:700;padding:4px 10px;border:1px solid var(--bd);border-radius:3px;color:var(--gy)}
.cart-continue{display:block;text-align:center;margin-top:12px;font-size:12px;color:var(--gy);text-decoration:underline;text-underline-offset:2px}
.cart-continue:hover{color:var(--bk)}

/* Header V2 — single row */
.hdr-v2{height:68px;gap:0}
.hdr-v2 .logo{flex:0 0 auto;margin-right:10px}
.hdr-v2 .logo img{height:52px}
.nav-v2{display:flex;align-items:center;height:100%;gap:0;flex:1 1 auto}
.nl2{font-family:var(--hd);font-size:18px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.75);padding:0 12px;height:100%;display:flex;align-items:center;transition:all .15s;font-weight:700;position:relative;white-space:nowrap}
.nl2:hover,.hdr-v2 .ni:hover>.nl2{color:var(--wh);background:rgba(255,255,255,.1)}
.nl2.ac{color:var(--wh);background:rgba(255,255,255,.08)}
.nl2.sale{color:var(--tc)}.nl2.sale:hover{color:#ff4444;background:rgba(220,37,37,.1)}
.srch-v2{flex:0 1 280px;min-width:120px;padding:8px 16px;font-size:13px}
.srch-v2{margin-left:auto}
.hdr-v2 .hr{flex:0 0 auto;gap:14px;margin-left:16px}
.hdr-v2 .ni{position:relative;height:100%;display:flex;align-items:center}

body.light-mode .nl2{color:var(--gy)}
body.light-mode .nl2:hover,body.light-mode .hdr-v2 .ni:hover>.nl2{color:var(--bk);background:rgba(0,0,0,.05)}
body.light-mode .nl2.ac{color:var(--bk);background:rgba(0,0,0,.04)}
body.light-mode .nl2.sale{color:var(--tc)}body.light-mode .nl2.sale:hover{background:rgba(220,37,37,.06)}
/* light-mode content rules removed — toggle only affects header/nav */
@media(max-width:768px){.nav-v2{display:none}.srch-v2{flex:1}}

/* Header version switching */

.cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}
.cart-backdrop.open{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:var(--wh);z-index:2001;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.cart-drawer.open{transform:translateX(0)}
.cart-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--bd)}
.cart-header h3{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}
.cart-count{font-size:13px;font-weight:500;color:var(--gy)}
.cart-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background .15s}
.cart-close:hover{background:var(--wm)}
.cart-close svg{width:20px;height:20px}
.cart-free-ship{padding:12px 24px;background:var(--wm);font-size:12px;color:var(--bk);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--bd)}
.cart-free-ship svg{width:18px;height:18px;flex-shrink:0;stroke:var(--bk)}
.cart-items{flex:1;overflow-y:auto;padding:0}
.cart-item{display:flex;gap:16px;padding:20px 24px;border-bottom:1px solid var(--bd);position:relative}
.cart-item img{width:80px;height:100px;object-fit:cover;border-radius:4px;flex-shrink:0}
.cart-item-info{flex:1;display:flex;flex-direction:column;gap:2px}
.cart-item-brand{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gy)}
.cart-item-name{font-size:14px;font-weight:600;color:var(--bk)}
.cart-item-meta{font-size:12px;color:var(--gy)}
.cart-item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px}
.cart-item-price{font-size:14px;font-weight:700}
.cart-qty{display:flex;align-items:center;border:1px solid var(--bd);border-radius:4px;overflow:hidden}
.cart-qty button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--wh);border:none;cursor:pointer;font-size:16px;font-weight:600;color:var(--bk);transition:background .15s}
.cart-qty button:hover{background:var(--wm)}
.cart-qty span{width:30px;text-align:center;font-size:13px;font-weight:600}
.cart-item-remove{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--gy);padding:4px;transition:color .15s}
.cart-item-remove:hover{color:#c0392b}
.cart-item-remove svg{width:16px;height:16px}
.cart-footer{border-top:1px solid var(--bd);padding:16px 24px}
.cart-upsell{font-size:12px;color:var(--bk);display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--wm);border-radius:4px;margin-bottom:16px;cursor:pointer;transition:background .15s}
.cart-upsell:hover{background:var(--bd)}
.cart-upsell svg{width:16px;height:16px;flex-shrink:0}
.cart-summary{margin-bottom:16px}
.cart-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}
.cart-row.cart-ship{color:var(--gy);font-size:12px}
.cart-subtotal{font-weight:700;font-size:15px}
.cart-afterpay{font-size:11px;color:var(--gy);text-align:center;padding:8px 0}
.cart-checkout{width:100%;padding:16px;background:var(--bk);color:var(--wh);font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:background .2s}
.cart-checkout:hover{background:#222}
.cart-pay-options{display:flex;gap:6px;justify-content:center;margin-top:10px}
.cart-pay-badge{font-size:10px;font-weight:700;padding:4px 10px;border:1px solid var(--bd);border-radius:3px;color:var(--gy)}
.cart-continue{display:block;text-align:center;margin-top:12px;font-size:12px;color:var(--gy);text-decoration:underline;text-underline-offset:2px}
.cart-continue:hover{color:var(--bk)}


/* Additional styles from inner pages */
.ann a{color:#0E0E0E;opacity:.85;text-decoration:none;padding:0 16px;transition:opacity .15s;white-space:nowrap}
.ann span{opacity:.9}
.ann-right a{opacity:.6;font-weight:500}
.bd:hover{background:#222}
.bd{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--bk);color:var(--wh);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;transition:all .2s;align-self:flex-start;border-radius:0}
.bo:hover{border-color:var(--wh);background:rgba(255,255,255,.08)}
.bo{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;background:transparent;color:var(--wh);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;border:2px solid rgba(255,255,255,.4);transition:all .2s;border-radius:0}
.bp-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ez)}
.bp-card:hover .bp-desc{opacity:1;transform:translateY(0)}
.bp-card:hover .bp-ov{background:linear-gradient(to top,rgba(10,10,10,.9) 0%,rgba(10,10,10,.35) 50%,rgba(10,10,10,.1) 70%)}
.bp-card:hover img{transform:scale(1.04)}
.bp-card{position:relative;overflow:hidden;cursor:pointer;background:var(--wm);aspect-ratio:16/9}
.bp-cat{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:8px;font-weight:600}
.bp-cta:hover{background:var(--wh);color:var(--bk);border-color:var(--wh)}
.bp-cta{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;color:var(--wh);padding:10px 24px;border:1.5px solid rgba(255,255,255,.5);border-radius:4px;transition:all .2s;align-self:flex-start}
.bp-desc{font-size:13px;color:rgba(255,255,255,.65);line-height:1.5;max-width:400px;margin-bottom:16px;opacity:0;transform:translateY(8px);transition:all .3s}
.bp-feat-img img{width:100%;height:100%;object-fit:cover}
.bp-feat-img{overflow:hidden}
.bp-feat-txt .ey{margin-bottom:12px;color:var(--bk)}
.bp-feat-txt h2{font-family:var(--sn);font-size:36px;font-weight:500;line-height:42px;letter-spacing:-0.5px;margin-bottom:14px;line-height:1.15}
.bp-feat-txt p{font-size:15px;color:var(--gy);line-height:1.7;margin-bottom:24px}
.bp-feat-txt{display:flex;flex-direction:column;justify-content:center;padding:56px 64px;background:var(--wm)}
.bp-feat{display:grid;grid-template-columns:1fr 1fr;min-height:500px}
.bp-filters{padding:24px 32px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:sticky;top:68px;background:var(--wh);z-index:100}
.bp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--bk);padding:2px}
.bp-hero h1{font-family:var(--sn);font-size:42px;font-weight:500;line-height:48px;letter-spacing:-0.5px;color:var(--wh);margin-bottom:12px}
.bp-hero p{font-size:16px;color:rgba(255,255,255,.5);max-width:600px;margin:0 auto;line-height:1.6}
.bp-name{font-family:var(--sn);font-size:28px;font-weight:500;line-height:34px;color:var(--wh);margin-bottom:6px}
.bp-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.85) 0%,rgba(10,10,10,.2) 40%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:32px;transition:background .3s}
.bp-stat-l{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--gy);font-weight:600}
.bp-stat-n{font-family:var(--sn);font-size:36px;font-weight:500;line-height:42px;margin-bottom:4px}
.bp-stat:last-child{border-right:none}
.bp-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.bp-stat{padding:32px 24px;text-align:center;border-right:1px solid var(--bd)}
.bp-tag:hover,.bp-tag.active{background:var(--bk);color:var(--wh);border-color:var(--bk)}
.bp-tag{font-size:12px;letter-spacing:.3px;text-transform:uppercase;font-weight:600;padding:8px 18px;border:1px solid var(--bd);border-radius:20px;cursor:pointer;transition:all .2s;background:var(--wh);color:var(--gy)}
.bw:hover{background:var(--gd);color:var(--bk)}
.bw{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--wh);color:var(--bk);font-size:13px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;transition:all .2s var(--ez);border-radius:4px}
.campaign-txt h2{font-family:var(--sn);font-size:40px;font-weight:700;color:var(--wh);line-height:1.1;margin-bottom:16px}
.dc h4{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--bk);margin-bottom:12px;font-weight:700}
.dd{position:fixed;left:0;right:0;background:var(--wh);padding:32px 48px;opacity:0;visibility:hidden;transition:all .2s var(--ez);box-shadow:0 12px 40px rgba(0,0,0,.12);z-index:998}
.dd{position:fixed;top:156px;left:0;right:0;background:var(--wh);padding:32px 48px;opacity:0;visibility:hidden;transition:all .2s var(--ez);box-shadow:0 12px 40px rgba(0,0,0,.12);z-index:998}
.dot{position:absolute;top:-4px;right:-6px;background:var(--wh);color:var(--bk);font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.eco h2{font-family:var(--sn);font-size:36px;font-weight:700;line-height:1.15;margin-bottom:14px}
.ey{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--wh);margin-bottom:16px;font-weight:600;opacity:.6}
.fba .logo img{height:22px}
.fcl h5{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:16px;font-weight:700}
.fov h3{font-family:var(--sn);font-size:26px;font-weight:700;color:var(--wh);margin-bottom:12px}
.hdr-v2 .logo{flex:0 0 auto;margin-right:24px}
.hero-arrow svg{width:22px;height:22px;color:var(--wh)}
.hero-arrow:hover{background:rgba(0,0,0,.6);border-color:rgba(255,255,255,.4)}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}
/* removed: duplicate .hero-bg with opacity:.5 that was darkening hero images */
.hero-dot.active{background:var(--wh);border-color:var(--wh);transform:scale(1.2)}
.hero-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:transparent;cursor:pointer;padding:0;transition:all .3s}
/* removed: duplicate .hero-slide center rule */
/* removed: duplicate .hero center rule */
.hrc-welcome{max-width:1000px}
/* removed: duplicate .hrc center rule */
/* removed: duplicate .hrc center rule */
.hrs{font-size:16px;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:28px;font-weight:400}
.hrt{font-family:var(--hd);font-size:52px;text-transform:uppercase;font-weight:400;color:var(--wh);line-height:48px;letter-spacing:-0.5px;margin-bottom:16px}
.loyalty h2{font-family:var(--sn);font-size:32px;font-weight:700;color:var(--wh);margin-bottom:10px}
.mit:hover{color:var(--bk)}
.mit{font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gy);white-space:nowrap;font-weight:700;cursor:pointer;transition:color .2s}
.mob-nav-list a{display:block;font-size:18px;font-weight:700;text-transform:uppercase;color:var(--wh);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.5px}
.mob-nav-list{padding:60px 24px 24px}
.mob-nav.open{display:block}
/* removed: conflicting .mob-nav rule (was display:none + inset:0, breaking slide-from-right) */
.nf input{flex:1;padding:14px 18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-right:none;color:var(--wh);font-family:var(--sn);font-size:14px;font-weight:500;outline:none;transition:border-color .2s;border-radius:4px 0 0 4px}
.ni:hover .dd,.ni .dd:hover{opacity:1;visibility:visible}
.ni:hover .dd{opacity:1;visibility:visible}
.nl{font-size:13px;letter-spacing:.3px;text-transform:uppercase;color:rgba(255,255,255,.8);padding:0 16px;height:100%;display:flex;align-items:center;transition:color .15s;font-weight:600;position:relative}
.nws h2{font-family:var(--sn);font-size:28px;color:var(--wh);font-weight:700;margin-bottom:8px}
.occ-ov h3{font-family:var(--sn);font-size:22px;font-weight:700;color:var(--wh);margin-bottom:8px}
.pc:hover .plp-quick-text{opacity:1;transform:translateY(0)}
.pc{cursor:pointer;position:relative;transition:transform .15s ease}
.pc{cursor:pointer}
.pdp-accord-body li{margin-bottom:4px}
.pdp-accord-body p,.pdp-accord-body ul{padding:0 0 16px;font-size:13px;line-height:1.7;color:var(--gy)}
.pdp-accord-body ul{padding-left:18px}
.pdp-accord-body.open{max-height:500px}
.pdp-accord-body{max-height:0;overflow:hidden;transition:max-height .3s var(--ez)}
.pdp-accord-head svg{width:14px;height:14px;transition:transform .3s var(--ez);flex-shrink:0}
.pdp-accord-head.open svg{transform:rotate(180deg)}
.pdp-accord-head{width:100%;padding:14px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:none;border:none;font-family:var(--sn);color:var(--bk)}
.pdp-accord-item{border-bottom:1px solid var(--bd)}
.pdp-accord{border-top:1px solid var(--bd);margin-top:8px}
.pdp-actions{display:flex;gap:8px;margin-bottom:0;flex-wrap:wrap}
.pdp-fis{flex-basis:100%}
.pdp-afterpay strong{color:var(--bk)}
.pdp-afterpay{font-size:12px;color:var(--gy);margin-bottom:16px}
.pdp-atb svg{width:18px;height:18px}
.pdp-atb:hover{background:#222}
.pdp-atb{flex:1;height:52px;background:var(--bk);color:var(--wh);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;border:none;cursor:pointer;transition:all .2s;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px}
.pdp-brand:hover{color:var(--bk);border-color:var(--bk)}
.pdp-brand{position:absolute;right:48px;top:24px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gy);font-weight:700;text-decoration:none;display:inline-block;margin-bottom:6px;border-bottom:none;padding-bottom:1px;transition:color .15s}
.pdp-colours .colour-name{font-size:12px;color:var(--gy);margin-left:4px}
.pdp-colours .colour-row{display:flex;gap:8px;align-items:center}
.pdp-colours .csw.active{border-color:var(--bk)}
.pdp-colours .csw:hover{border-color:var(--bk)}
.pdp-colours .csw{width:48px;height:60px;border-radius:4px;cursor:pointer;transition:border-color .15s;border:2px solid var(--bd);overflow:hidden;padding:0;background:none}
.pdp-colours .csw img{width:100%;height:100%;object-fit:cover;display:block}
.pdp-colours label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}
.pdp-colours{margin-bottom:16px}
.pdp-delivery-est{padding:12px;border:1px solid var(--bd);border-radius:6px;margin-bottom:16px}
.pdp-delivery-row .del-date{font-weight:700}
.pdp-delivery-row .del-label{flex:1;font-weight:500}
.pdp-delivery-row .del-price{color:var(--gy);font-size:11px}
.pdp-delivery-row svg{width:16px;height:16px;stroke:var(--bk);fill:none;flex-shrink:0}
.pdp-delivery-row+.pdp-delivery-row{margin-top:8px;padding-top:8px;border-top:1px solid var(--bd)}
.pdp-delivery-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--bk)}
.pdp-divider{height:1px;background:var(--bd);margin:16px 0}
.pdp-gallery img:first-child{aspect-ratio:2/3;border-radius:4px}
.pdp-gallery img:hover{transform:none}
.pdp-gallery img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:4px;cursor:zoom-in;transition:transform .3s var(--ez)}
.pdp-gallery{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:24px 40px 24px 48px;position:sticky;top:120px;align-self:start}
.pdp-img-dots{display:none}
.pdp-info{padding:24px 48px 24px 40px;align-self:start;max-width:640px;position:relative}
.pdp-link svg{width:14px;height:14px}
.pdp-link:hover{color:var(--bk)}
.pdp-links{display:flex;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--bd)}
.pdp-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--gy);text-decoration:none;transition:color .15s}
.pdp-model-info{font-size:11px;color:var(--gy);margin-top:10px;padding:8px 0 0 84px}
.pdp-price .old{text-decoration:line-through;color:var(--gy);font-weight:400;font-size:16px}
.pdp-price .sale{color:#c0392b}
.pdp-price .save-tag{font-size:11px;font-weight:700;color:#fff;background:#c0392b;padding:2px 8px;border-radius:2px}
.pdp-price{font-size:22px;font-weight:700;margin-bottom:8px;display:flex;align-items:baseline;gap:8px}
.pdp-related .sh{margin-bottom:24px}
.pdp-related{padding:48px 32px}
.pdp-share a svg{width:14px;height:14px}
.pdp-share a:hover{border-color:var(--bk);color:var(--bk)}
.pdp-share a{width:32px;height:32px;border:1px solid var(--bd);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gy);transition:all .15s}
.pdp-share span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gy)}
.pdp-share{display:flex;align-items:center;gap:12px;margin-top:12px}
.pdp-sizes .size-grid{display:flex;flex-wrap:wrap;gap:6px}
.pdp-sizes .sz.active{background:var(--bk);color:var(--wh);border-color:var(--bk)}
.pdp-sizes .sz.oos{opacity:.25;cursor:not-allowed;text-decoration:line-through}
.pdp-sizes .sz:hover{border-color:var(--bk)}
.pdp-sizes .sz{min-width:50px;padding:10px 14px;text-align:center;font-size:13px;font-weight:600;border:1.5px solid var(--bd);border-radius:4px;cursor:pointer;transition:all .12s;color:var(--bk)}
.pdp-sizes label a{font-weight:500;text-decoration:underline;text-underline-offset:2px;color:var(--gy);font-size:11px;text-transform:none;letter-spacing:0}
.pdp-sizes label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;justify-content:space-between;margin-bottom:8px}
.pdp-sizes{margin-bottom:16px}
.pdp-stars span{font-size:12px;color:var(--gy);margin-left:2px}
.pdp-stars svg{width:14px;height:14px}
.pdp-stars{display:flex;align-items:center;gap:4px;margin-bottom:12px}
.pdp-title{font-family:var(--sn);font-size:24px;font-weight:500;line-height:30px;letter-spacing:-0.5px;margin-bottom:10px}
.pdp-trust-badge svg{width:16px;height:16px;stroke:var(--bk);fill:none;flex-shrink:0}
.pdp-trust-badge{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--wm);border-radius:4px;font-size:11px;font-weight:600;color:var(--bk);letter-spacing:.2px}
.pdp-trust-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.pdp-urgency::before{content:"";width:6px;height:6px;background:#c0392b;border-radius:50%;animation:pdp-pulse 1.5s infinite}
.pdp-urgency{font-size:12px;color:#c0392b;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:6px}
.pdp-wish-btn svg{width:20px;height:20px;transition:all .15s}
.pdp-wish-btn:hover svg{fill:var(--bk);stroke:var(--bk)}
.pdp-wish-btn:hover{border-color:var(--bk)}
.pdp-wish-btn{width:52px;height:52px;border:1.5px solid var(--bd);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;background:var(--wh);flex-shrink:0}
.pdp-wish-btn svg{stroke:var(--bk)}
.pdp-fis{width:100%;height:48px;background:var(--wh);color:var(--bk);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;border:1.5px solid var(--bk);border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}
.pdp-fis:hover{background:var(--bk);color:var(--wh)}
.pdp-fis svg{width:18px;height:18px}
.plp-bc a:hover{color:var(--bk)}
.plp-bc a{transition:color .15s}
.plp-bc span{margin:0 8px;opacity:.4}
.plp-bc{padding:6px 32px;font-size:14px;color:var(--gy);border-bottom:1px solid var(--bd)}
.plp-body{display:flex;align-items:flex-start}
.plp-chip svg{width:10px;height:10px}
.plp-chip:hover{background:var(--bd)}
.plp-chips.active{display:flex}
.plp-chips{display:flex;gap:6px;padding:8px 32px;border-bottom:1px solid var(--bd);background:var(--wh);display:none}
.plp-chip{font-size:11px;font-weight:600;padding:4px 12px;background:var(--wm);border-radius:20px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background .15s}
.plp-clear:hover{color:var(--bk)}
.plp-clear{font-size:11px;color:var(--gy);text-decoration:underline;cursor:pointer;margin-left:8px;transition:color .15s}
.plp-fb .plp-count{font-size:14px;margin:0;color:var(--tg);font-weight:500;white-space:nowrap}
.plp-fb{position:relative;z-index:99;background:var(--wh);border-bottom:1px solid var(--bd);padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.plp-fil svg{width:12px;height:12px}
.plp-fil.active{background:var(--bk);color:var(--wh);border-color:var(--bk)}
.plp-fil:hover{border-color:var(--bk);background:var(--bk);color:var(--wh)}
.plp-filter-body{padding-top:10px;display:none}
.plp-filter-cb{width:16px;height:16px;border:1.5px solid var(--bd);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}
.plp-filter-count{font-size:11px;color:var(--gy);margin-left:auto}
.plp-filter-group:last-child{border-bottom:none}
.plp-filter-group{margin-bottom:20px;border-bottom:1px solid var(--bd);padding-bottom:16px}
.plp-filter-head svg{width:14px;height:14px;transition:transform .2s}
.plp-filter-head.open svg{transform:rotate(180deg)}
.plp-filter-head.open+.plp-filter-body{display:block}
.plp-filter-head{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:4px 0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--bk)}
.plp-filter-opt.checked .plp-filter-cb::after{content:'';display:block;width:5px;height:8px;border:solid var(--wh);border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}
.plp-filter-opt.checked .plp-filter-cb{background:var(--bk);border-color:var(--bk)}
.plp-filter-opt:hover{color:var(--gy)}
.plp-filter-opt{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px;color:var(--bk);cursor:pointer;transition:color .15s}
.plp-filters-left{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.plp-filters-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.plp-fil{padding:8px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid var(--bd);border-radius:4px;background:var(--wh);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}
.plp-grid .pc .pim img{width:100%;height:100%;object-fit:cover}
.plp-grid-toggle{display:flex;gap:4px;align-items:center}
.plp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 32px 32px}
.plp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:32px}
.plp-gt svg{width:14px;height:14px}
.plp-gt.active{border-color:var(--bk);color:var(--bk);background:var(--wm)}
.plp-gt:hover{border-color:var(--bk);color:var(--bk)}
.plp-gt{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bd);border-radius:4px;cursor:pointer;color:var(--gy);background:var(--wh);transition:all .15s;padding:0}
.plp-hero .plp-count{display:none}
.plp-hero h1{margin:0;font-family:var(--sn);font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-0.5px;color:var(--bk);text-transform:uppercase;letter-spacing:1px}
.plp-main{flex:1;min-width:0}
.plp-page .plp-load:hover{background:#333}
.plp-page .plp-load{display:inline-flex;align-items:center;gap:8px;padding:14px 48px;background:var(--bk);color:var(--wh);font-size:13px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;border-radius:4px;cursor:pointer;transition:background .2s}
.plp-page p{margin-top:12px;font-size:13px;color:var(--gy)}
.plp-seo-bottom{padding:24px 32px 40px;max-width:800px;margin:0 auto}.plp-seo-bottom p{font-size:13px;color:var(--gy);line-height:1.6}
.plp-page{padding:32px;text-align:center;border-top:1px solid var(--bd)}
.plp-price-old{text-decoration:line-through;color:var(--gy);font-weight:400;font-size:13px;margin-right:6px}
.plp-price-sale{color:#c0392b;font-weight:700}
.plp-quick-text{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--bk);opacity:0;transform:translateY(4px);transition:all .2s;margin-top:4px;text-decoration:underline;text-underline-offset:2px}
.plp-seo{font-size:12px;color:var(--gy);max-width:480px;text-align:left;margin:0;line-height:1.3;font-weight:400;flex-shrink:1}
.plp-sidebar-toggle svg{width:16px;height:16px;transition:transform .2s}
.plp-sidebar-toggle.active{background:var(--bk);color:var(--wh);border-color:var(--bk)}
.plp-sidebar-toggle:hover{border-color:var(--bk);background:var(--bk);color:var(--wh)}
.plp-sidebar-toggle{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid var(--bd);border-radius:4px;background:var(--wh);cursor:pointer;transition:all .15s;height:36px;box-sizing:border-box}
.plp-sidebar.collapsed{margin-left:-260px;opacity:0;pointer-events:none}
.plp-sidebar{width:260px;flex-shrink:0;border-right:1px solid var(--bd);padding:24px;position:sticky;top:0;max-height:100vh;overflow-y:auto;transition:margin .3s ease,opacity .3s ease}
.rw-activity h2{font-size:28px;font-weight:700;text-align:center;margin-bottom:32px}
.rw-activity-date{width:100px;color:var(--gy);flex-shrink:0;font-size:12px}
.rw-activity-desc{flex:1}
.rw-activity-list{border:1px solid var(--bd);border-radius:8px;overflow:hidden}
.rw-activity-pts.earn{color:#27ae60}
.rw-activity-pts.spend{color:#c0392b}
.rw-activity-pts{font-weight:700;margin-left:16px}
.rw-activity-row:last-child{border-bottom:none}
.rw-activity-row:nth-child(even){background:var(--wm)}
.rw-activity-row{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--bd);font-size:13px}
.rw-activity{padding:64px 32px;max-width:800px;margin:0 auto}
.rw-card{background:var(--wh);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.08);padding:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border:1px solid var(--bd)}
.rw-cta h2{font-size:28px;font-weight:700;margin-bottom:12px}
.rw-cta p{font-size:14px;opacity:.6;max-width:500px;margin:0 auto 28px}
.rw-cta-btn:hover{opacity:.85}
.rw-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 40px;background:var(--gd);color:var(--bk);font-size:14px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;border-radius:4px;text-decoration:none;transition:opacity .2s}
.rw-cta{background:var(--bk);padding:64px 32px;text-align:center;color:var(--wh)}
.rw-dash{max-width:1000px;margin:-40px auto 0;padding:0 32px;position:relative;z-index:1}
.rw-earn h2{font-size:28px;font-weight:700;text-align:center;margin-bottom:40px}
.rw-earn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.rw-earn-icon svg{width:22px;height:22px;stroke:var(--bk)}
.rw-earn-icon{width:48px;height:48px;border-radius:50%;background:var(--wm);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rw-earn-info h4{font-size:14px;font-weight:700;margin-bottom:2px}
.rw-earn-info p{font-size:12px;color:var(--gy)}
.rw-earn-item:hover{border-color:var(--gd)}
.rw-earn-item{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--bd);border-radius:8px;transition:border-color .15s}
.rw-earn-pts{font-size:14px;font-weight:700;color:var(--gd);margin-left:auto;white-space:nowrap}
.rw-earn{padding:64px 32px;max-width:1000px;margin:0 auto}
.rw-hero h1{font-family:var(--sn);font-size:42px;font-weight:500;line-height:48px;letter-spacing:-0.5px;margin-bottom:12px}
.rw-hero p{font-size:16px;opacity:.7;max-width:600px;margin:0 auto 32px}
.rw-hero-badge svg{width:20px;height:20px}
.rw-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,169,110,.15);border:1px solid var(--gd);border-radius:50px;padding:10px 24px;color:var(--gd);font-size:13px;font-weight:700;letter-spacing:.3px}
.rw-how h2{font-size:28px;font-weight:700;text-align:center;margin-bottom:40px}
.rw-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.rw-how-inner{max-width:1000px;margin:0 auto}
.rw-how-num{width:48px;height:48px;border-radius:50%;background:var(--bk);color:var(--wh);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.rw-how-step h3{font-size:15px;font-weight:700;margin-bottom:8px}
.rw-how-step p{font-size:13px;color:var(--gy);line-height:1.5}
.rw-how-step{text-align:center;padding:24px}
.rw-how{background:var(--wm);padding:64px 32px}
.rw-progress-fill{height:100%;background:var(--gd);border-radius:3px;transition:width .6s ease}
.rw-progress{margin-top:12px;height:6px;background:var(--wm);border-radius:3px;overflow:hidden}
.rw-stat-label{font-size:12px;color:var(--gy);text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.rw-stat-sub{font-size:11px;color:var(--gy);margin-top:4px}
.rw-stat-val.gold{color:var(--gd)}
.rw-stat-val{font-size:32px;font-weight:700;color:var(--bk);margin-bottom:4px}
.rw-stat{text-align:center;padding:16px}
.rw-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.rw-tier-icon{font-size:28px;margin-bottom:12px}
.rw-tier-name{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.rw-tier-perks li::before{content:'✓';color:var(--gd);font-weight:700;flex-shrink:0}
.rw-tier-perks li{font-size:12px;padding:5px 0;display:flex;align-items:flex-start;gap:6px;color:var(--bk)}
.rw-tier-perks{list-style:none;padding:0;text-align:left}
.rw-tier-req{font-size:12px;color:var(--gy);margin-bottom:16px}
.rw-tier.current::after{content:'YOUR TIER';position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--gd);color:var(--bk);font-size:9px;font-weight:800;letter-spacing:1px;padding:3px 12px;border-radius:10px}
.rw-tier.current{border-color:var(--gd);background:rgba(201,169,110,.04)}
.rw-tier:hover{border-color:var(--gd);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.rw-tiers h2{font-size:28px;font-weight:700;text-align:center;margin-bottom:8px}
.rw-tiers>p{text-align:center;color:var(--gy);font-size:14px;margin-bottom:40px}
.rw-tiers{padding:64px 32px;max-width:1100px;margin:0 auto}
.rw-tier{border:1.5px solid var(--bd);border-radius:10px;padding:28px 24px;text-align:center;transition:all .2s;position:relative}
.search-hero h1{font-family:var(--sn);font-size:28px;font-weight:700;margin-bottom:8px}
.search-hero p{font-size:14px;color:var(--gy)}
.search-hero{padding:40px 32px 20px;text-align:center}
.search-input-wrap input{width:100%;padding:16px 24px;font-size:18px;border:2px solid var(--bk);border-radius:8px;font-family:var(--sn);outline:none}
.search-input-wrap{max-width:640px;margin:0 auto 32px;padding:0 32px}
.search-no-results a:hover{background:var(--bk);color:var(--wh);border-color:var(--bk)}
.search-no-results a{display:inline-block;padding:10px 24px;border:1px solid var(--bd);border-radius:20px;margin:4px;font-size:13px;font-weight:600;transition:all .2s}
.search-no-results h2{font-size:22px;margin-bottom:12px}
.search-no-results p{color:var(--gy);margin-bottom:24px}
.search-no-results{text-align:center;padding:60px 32px}
.srch:hover{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}
.srch{flex:1;max-width:640px;margin:0 auto;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.45);font-size:14px;font-weight:500;padding:10px 20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:6px;transition:all .2s}
.stt{font-family:var(--sn);font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.theme-toggle svg{width:20px;height:20px}
.welcome-rule{width:80px;height:4px;background:var(--tc);margin:28px auto}
.welcome-title{font-family:var(--hd);font-size:96px;line-height:.95;letter-spacing:2px;color:#fff;margin-bottom:0;text-transform:uppercase;font-weight:400}
/* Announce bar */
/* removed: duplicate .ann rule (was justify-content:center) */
/* Category grid */
.cs{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;background:var(--bk)}
/* Header */
.hdr{height:76px;background:var(--bk);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.08);gap:24px}
/* Header version switching */


.rw-hero{background:var(--bk);padding:80px 32px;text-align:center;color:var(--wh)}
/* Header version switching */


/* PDP v2 */
.pdp-wrap{display:grid;grid-template-columns:66% 34%;gap:0;width:100%;margin:0;min-height:80vh}
/* Header version switching */


/* PLP Styles */
.plp-hero{height:auto;padding:12px 28px 8px;background:var(--wm);display:flex;align-items:center;justify-content:space-between;flex-direction:row;position:relative;gap:24px}
/* Header version switching */


/* PLP Styles */
.plp-hero{height:auto;padding:24px 28px 16px;background:var(--wm);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:4px;text-align:center}
/* Header version switching */

.bp-hero{background:var(--bk);padding:80px 32px 60px;text-align:center}
/* Hero */
.hero-slider{height:65vh;max-height:620px;min-height:400px;position:relative;overflow:hidden;background:#0a0a0a}
/* Hero */
/* removed: duplicate .hero center rule */
/* Nav */
.nav{height:46px;background:var(--bk);display:flex;align-items:center;justify-content:center;position:sticky;top:76px;z-index:999;border-bottom:1px solid rgba(255,255,255,.08)}
/* Sections */
.sec{padding:40px 32px}
/* Theme toggle */
.theme-toggle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0}
/* ── Mobile ── */
@media(max-width:768px){
.ann{font-size:10px;height:28px;padding:0 12px;letter-spacing:.3px}



.hr{order:2;margin-left:auto;gap:16px;flex:0 0 auto}




.hero{height:55vh;min-height:360px;max-height:520px}
.hrc{padding:0 20px}
.ey{font-size:10px;letter-spacing:1.5px;margin-bottom:10px}
.hrt{font-size:28px;line-height:1.15;margin-bottom:10px}
.hrs{font-size:13px;margin-bottom:20px;line-height:1.5}
.hra{flex-direction:column;align-items:stretch;gap:8px}
.bw,.bo{font-size:12px;padding:12px 24px;justify-content:center;border-radius:6px}

.cs{grid-template-columns:repeat(3,1fr)}
.cc{aspect-ratio:2/3}.cla{font-size:12px}.cco{font-size:10px}.cin{padding:0 8px 14px}

.sec{padding:28px 16px}
.stt{font-size:18px}.sli{font-size:11px}.sli svg{width:12px;height:12px}
.sh{margin-bottom:14px}
.pg{grid-template-columns:repeat(2,1fr);gap:10px}
.pim{border-radius:6px}
.pbg{font-size:8px;padding:3px 7px;top:8px;left:8px;border-radius:3px}.pwi{display:none}

.mw{padding:20px 0}.mtr{gap:32px}.mit{font-size:11px;letter-spacing:1px}

.es{grid-template-columns:1fr;min-height:auto}.eim{aspect-ratio:4/3}
.eco{padding:28px 20px}.eco h2{font-size:24px}.eco p{font-size:13px;margin-bottom:20px}
.bd{font-size:11px;padding:12px 24px;border-radius:6px}

.occ-grid{grid-template-columns:repeat(2,1fr)}.occ-card{aspect-ratio:3/4}.occ-ov{padding:20px}.occ-ov h3{font-size:18px}

.campaign{grid-template-columns:1fr;min-height:auto}.campaign-img{aspect-ratio:16/9}
.campaign-txt{padding:32px 20px}.campaign-txt h2{font-size:28px}

.du{grid-template-columns:1fr}.fe{aspect-ratio:16/9}
.fov{padding:20px}.fov h3{font-size:20px;margin-bottom:8px}.fov .ey{margin-bottom:6px}

.loyalty{padding:40px 16px}.loyalty h2{font-size:24px}
.loy-grid{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.loy-card{padding:24px 20px}

.vs{grid-template-columns:repeat(2,1fr)}.vi{padding:20px 14px;border-bottom:1px solid var(--bd)}.vi:nth-child(odd){border-right:1px solid var(--bd)}.vi:nth-child(even){border-right:none}
.vi svg{width:20px;height:20px;margin-bottom:8px}.vtt{font-size:10px}.vd{font-size:11px}

.nws{padding:32px 16px}.nws h2{font-size:20px}.nws p{font-size:12px;margin-bottom:16px}
.nf{flex-direction:column;gap:8px}.nf input{border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:12px 16px;font-size:14px}.nf button{border-radius:6px;padding:12px}

.ftr{padding:32px 16px 20px}.fgr{grid-template-columns:1fr 1fr;gap:20px}.fba{grid-column:1/-1}.fba .logo img{height:28px}
.fbt{flex-direction:column;gap:12px;align-items:flex-start}.fle{flex-wrap:wrap;gap:10px;font-size:11px}
.aoc{font-size:10px;padding:12px 16px 0}
}
/* ── Mobile ── */
@media(max-width:768px){
.ann{font-size:10px;height:28px;padding:0 12px;letter-spacing:.3px}.ann-right{display:none}








.hero{height:55vh;min-height:360px;max-height:520px}
.hrc{padding:0 20px}
.ey{font-size:10px;letter-spacing:1.5px;margin-bottom:10px}
.hrt{font-size:36px;line-height:42px;letter-spacing:-0.5px;margin-bottom:10px}
.welcome-title{font-size:56px;line-height:.95}.welcome-sub{font-size:22px;letter-spacing:4px}.welcome-desc{font-size:14px}
.hrs{font-size:13px;margin-bottom:20px;line-height:1.5}
.hra{flex-direction:column;align-items:stretch;gap:8px}
.bw,.bo{font-size:12px;padding:12px 24px;justify-content:center;border-radius:0}

.cs{grid-template-columns:repeat(3,1fr)}
.cc{aspect-ratio:2/3}.cla{font-size:12px}.cco{font-size:10px}.cin{padding:0 8px 14px}

.sec{padding:28px 16px}
.stt{font-size:18px}.sli{font-size:11px}.sli svg{width:12px;height:12px}
.sh{margin-bottom:14px}
.pg{grid-template-columns:repeat(2,1fr);gap:10px}
.pim{border-radius:6px}
.pbg{font-size:8px;padding:3px 7px;top:8px;left:8px;border-radius:3px}.pwi{display:none}

.mw{padding:20px 0}.mtr{gap:32px}.mit{font-size:11px;letter-spacing:1px}

.es{grid-template-columns:1fr;min-height:auto}.eim{aspect-ratio:4/3}
.eco{padding:28px 20px}.eco h2{font-size:24px}.eco p{font-size:13px;margin-bottom:20px}
.bd{font-size:11px;padding:12px 24px;border-radius:0}

.occ-grid{grid-template-columns:repeat(2,1fr)}.occ-card{aspect-ratio:3/4}.occ-ov{padding:20px}.occ-ov h3{font-size:18px}

.campaign{grid-template-columns:1fr;min-height:auto}.campaign-img{aspect-ratio:16/9}
.campaign-txt{padding:32px 20px}.campaign-txt h2{font-size:28px}

.du{grid-template-columns:1fr}.fe{aspect-ratio:16/9}
.fov{padding:20px}.fov h3{font-size:20px;margin-bottom:8px}.fov .ey{margin-bottom:6px}

.loyalty{padding:40px 16px}.loyalty h2{font-size:24px}
.loy-grid{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.loy-card{padding:24px 20px}

.vs{grid-template-columns:repeat(2,1fr)}.vi{padding:20px 14px;border-bottom:1px solid var(--bd)}.vi:nth-child(odd){border-right:1px solid var(--bd)}.vi:nth-child(even){border-right:none}
.vi svg{width:20px;height:20px;margin-bottom:8px}.vtt{font-size:10px}.vd{font-size:11px}

.nws{padding:32px 16px}.nws h2{font-size:20px}.nws p{font-size:12px;margin-bottom:16px}
.nf{flex-direction:column;gap:8px}.nf input{border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:12px 16px;font-size:14px}.nf button{border-radius:6px;padding:12px}

.ftr{padding:32px 16px 20px}.fgr{grid-template-columns:1fr 1fr;gap:20px}.fba{grid-column:1/-1}.fba .logo img{height:28px}
.fbt{flex-direction:column;gap:12px;align-items:flex-start}.fle{flex-wrap:wrap;gap:10px;font-size:11px}
.aoc{font-size:10px;padding:12px 16px 0}
}
:root{--bk:#0a0a0a;--wh:#fff;--wm:#f5f4f2;--gy:#666;--bd:#e8e6e3;--gd:#c9a96e;--sn:"DM Sans",-apple-system,sans-serif;--sf:"DM Sans",sans-serif;--ez:cubic-bezier(.25,.1,.25,1)}
@keyframes pdp-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media(max-width:480px){
.hrt{font-size:24px}
.cs{grid-template-columns:repeat(2,1fr)}
.fgr{grid-template-columns:1fr}
.occ-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
.hrt{font-size:28px;line-height:34px}
.welcome-title{font-size:40px}.welcome-sub{font-size:18px;letter-spacing:3px}.welcome-desc{font-size:13px}
.cs{grid-template-columns:repeat(2,1fr)}
.fgr{grid-template-columns:1fr}
.occ-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
.bp-hero{padding:48px 16px 36px}.bp-hero h1{font-size:28px}.bp-hero p{font-size:14px}
.bp-stats{grid-template-columns:repeat(2,1fr)}.bp-stat{border-bottom:1px solid var(--bd)}.bp-stat-n{font-size:24px}
.bp-filters{padding:16px;top:0}.bp-tag{font-size:11px;padding:6px 14px}
.bp-grid{grid-template-columns:1fr}
.bp-card{aspect-ratio:16/10}
.bp-feat{grid-template-columns:1fr}.bp-feat-img{aspect-ratio:16/9}.bp-feat-txt{padding:28px 20px}.bp-feat-txt h2{font-size:24px}
}
@media(max-width:768px){
.pdp-wrap{grid-template-columns:1fr}
.pdp-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0;position:static;gap:0}
.pdp-gallery::-webkit-scrollbar{display:none}
.pdp-gallery img{flex:0 0 100%;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;scroll-snap-align:start;border-radius:0}
.pdp-gallery img:first-child{grid-column:auto!important;aspect-ratio:3/4}
.pdp-img-dots{display:flex;justify-content:center;gap:6px;padding:12px 0}
.pdp-img-dot{width:7px;height:7px;border-radius:50%;background:var(--bd);border:none;padding:0;cursor:pointer;transition:background .2s}
.pdp-img-dot.active{background:var(--bk)}
.pdp-model-info{padding:4px 16px 0}
.pdp-info{padding:20px 16px;position:relative;max-height:none;overflow:visible}
.pdp-brand{right:16px;top:20px}

.pdp-trust-row{grid-template-columns:1fr}
.pdp-related{padding:28px 16px}
.pdp-related .pg{grid-template-columns:repeat(2,1fr);gap:10px}
.pdp-img-counter{bottom:8px;right:8px}
}
@media(max-width:768px){
.plp-hero{height:auto;min-height:40px}.plp-hero h1{margin:0;font-size:20px}
.plp-bc{padding:6px 16px;font-size:14px}
.plp-fb{padding:10px 16px;flex-wrap:wrap}.plp-filters-left{gap:6px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
.plp-fil{padding:6px 12px;font-size:10px;white-space:nowrap}
.plp-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px;padding:16px}
.plp-grid-toggle{display:none}
.plp-sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;z-index:2001;background:var(--wh);transform:translateX(-100%);transition:transform .3s ease;padding:60px 20px 20px;overflow-y:auto;box-shadow:4px 0 20px rgba(0,0,0,.15);margin:0;border:none;opacity:1;pointer-events:auto}
.plp-sidebar.mob-open{transform:translateX(0)}
.plp-sidebar.collapsed{transform:translateX(-100%)}
.plp-sidebar-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;color:var(--bk)}
.plp-sidebar-close svg{width:20px;height:20px}
.filter-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s}
.filter-backdrop.open{opacity:1;pointer-events:auto}
.plp-sidebar-toggle{display:flex}
.plp-page{padding:20px 16px}
}
@media(max-width:768px){
.rw-hero h1{font-size:28px}
.rw-card{grid-template-columns:1fr;gap:12px;padding:20px}
.rw-tier-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.rw-how-grid{grid-template-columns:1fr;gap:20px}
.rw-earn-grid{grid-template-columns:1fr}
}
@media(max-width:768px){.pdp-gallery img:first-child{grid-column:auto;aspect-ratio:2/3}}
@media(max-width:768px){.plp-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 16px}}
@media(max-width:768px){.plp-hero{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:10px 16px!important;padding-top:79px!important;background:var(--wm)!important;min-height:0!important}.plp-hero h1{font-size:13px!important;font-weight:700!important;letter-spacing:1px!important;color:var(--bk)!important;margin:0!important}.plp-seo{display:none!important}}

@media(max-width:768px){.nav-v2{display:none}.srch-v2{flex:1}}
body{font-family:var(--sn);color:var(--bk);background:var(--wh);overflow-x:hidden}
html{scroll-behavior:smooth}

/* === Page load animation === */
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
main,.hero-slider{animation:fadeIn .4s ease}

/* === Improved focus styles for accessibility === */
a:focus-visible,button:focus-visible{outline:2px solid var(--tc);outline-offset:2px;border-radius:2px}
.srch-input:focus{border-color:var(--bk)!important}

/* === Smooth image loading === */
img{opacity:1;transition:opacity .3s ease}
img[loading="lazy"]{opacity:0}
img.loaded,img[loading="lazy"].loaded{opacity:1}

/* === Print styles === */
@media print{.ann,.hdr,.hdr-v2,.nav,.nav-v2,.mob-bottom,.btt,.cart-drawer,.cart-backdrop,.srch-overlay,.srch-backdrop,.mob-nav,.mob-overlay{display:none!important}body{color:#000;background:#fff}main{padding:20px}}