
*{margin:0;padding:0;box-sizing:border-box}
:root{--bk:#0a0a0a;--wh:#f5f5f0;--gd:#c9a84c;--gy:#131313;--mg:#1e1e1e;--lg:#999;--kr:#e74c3c;--rp:#e84393;--hr:#c4887b;--ag:#b8941f;--sg:#6b4c3b}
html{scroll-behavior:smooth}body{font-family:'Outfit',sans-serif;background:var(--bk);color:var(--wh);overflow-x:hidden}
/* Pages are separate files now - no hide/show needed */

/* === NAV === */
.ban{background:var(--wh);color:var(--bk);text-align:center;padding:6px 20px;font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;z-index:100;position:relative}.ban .ac{color:var(--rp)}
nav{display:flex;justify-content:space-between;align-items:center;padding:10px 40px;background:rgba(10,10,10,.92);backdrop-filter:blur(16px);position:sticky;top:0;width:100%;z-index:50;border-bottom:1px solid rgba(245,245,240,.04);max-height:56px}
.nl{cursor:pointer}.nl img{height:28px;max-height:28px;width:auto}
.nk{display:flex;gap:28px;list-style:none;align-items:center}.nk a{color:var(--wh);text-decoration:none;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:opacity .3s}.nk a:hover{opacity:.7}
.nr{display:flex;gap:20px;align-items:center}.ni{color:var(--wh);text-decoration:none;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;transition:opacity .3s}.ni:hover{opacity:.7}

/* === SHARED === */
.sl{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--gd);margin-bottom:12px;font-weight:600}
.st{font-family:'Bebas Neue',sans-serif;font-size:clamp(30px,5vw,48px);letter-spacing:3px;margin-bottom:10px}
.ss{color:var(--lg);font-size:14px;margin-bottom:48px;font-weight:300}
.fi{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.fi.vis{opacity:1;transform:translateY(0)}

/* === HERO === */
.hero{position:relative;overflow:hidden}
.hero img{max-height:120px!important;max-width:320px!important;object-fit:contain!important}
.hs{opacity:0;transition:opacity 1.2s}.hs.on{opacity:1}
.hc{position:relative;z-index:10;padding:0 40px}
.hl{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--gd);margin-bottom:14px;font-weight:600}
.hsub{font-size:clamp(13px,1.6vw,17px);color:rgba(245,245,240,.5);margin-bottom:32px;font-weight:300;line-height:1.7;max-width:440px}
.hb{display:inline-block;padding:14px 44px;border:1px solid rgba(245,245,240,.5);color:var(--wh);text-decoration:none;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:600;transition:all .4s;position:relative;overflow:hidden}
.hb::before{content:'';position:absolute;inset:0;background:var(--wh);transform:translateY(100%);transition:transform .4s}.hb:hover{color:var(--bk)}.hb:hover::before{transform:translateY(0)}.hb span{position:relative;z-index:2}
.hb.bp{border-color:var(--rp)}.hb.bp::before{background:var(--rp)}.hb.bp:hover{color:#fff}
.hb.br{border-color:var(--hr)}.hb.br::before{background:var(--hr)}.hb.br:hover{color:#fff}
.hb.brd{border-color:var(--kr)}.hb.brd::before{background:var(--kr)}.hb.brd:hover{color:#fff}
.hb.bg{border-color:var(--ag)}.hb.bg::before{background:var(--ag)}.hb.bg:hover{color:var(--bk)}
.hb.bsg{border-color:var(--sg)}.hb.bsg::before{background:var(--sg)}.hb.bsg:hover{color:#fff}

.s-run{background:linear-gradient(135deg,#0a0408,#1a0a12 50%,#0a0a0a)}

@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.s-fh{background:linear-gradient(135deg,#120a0a,#201218 40%,#0a0808);justify-content:center}

.s-ka{background:linear-gradient(135deg,#140505,#2a0808 40%,#0a0a0a);justify-content:center}
.s-ka::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50%,rgba(231,76,60,.1),transparent 60%)}

.s-ar{background:linear-gradient(135deg,#0a0a05,#141008 40%,#0a0a0a);justify-content:center}
.s-ar::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 60% 50%,rgba(184,148,31,.07),transparent 60%)}

.s-cl{background:linear-gradient(135deg,#050505,#0e0e0e 40%,#080808);justify-content:center}

.hi{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:20}
.ind{width:36px;height:3px;background:rgba(245,245,240,.15);cursor:pointer;transition:all .4s;border:none}.ind.on{background:var(--wh);width:56px}

/* === FOUNDER === */
.fs{display:flex;align-items:center;padding:48px 60px;background:var(--gy);gap:36px;border-bottom:1px solid rgba(245,245,240,.04)}
.fp{width:160px;height:160px;border-radius:50%;border:2px solid var(--gd);flex-shrink:0;overflow:hidden}.fp img{width:100%;height:100%;object-fit:cover}
.ft{font-size:14px;color:rgba(245,245,240,.55);font-weight:300;line-height:1.6;flex:1}.ft strong{color:var(--wh);font-weight:600}
.fk{color:var(--gd);text-decoration:none;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;flex-shrink:0}

/* === MOOD === */
.ms{padding:100px 40px;text-align:center;background:var(--bk);position:relative}
.ms::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:50px;background:linear-gradient(to bottom,transparent,var(--gd))}
.mg{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;max-width:880px;margin:0 auto}
.mb{padding:18px 28px;border:1px solid rgba(245,245,240,.08);background:rgba(245,245,240,.02);color:var(--wh);font-family:'Outfit',sans-serif;font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .4s;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:140px;position:relative;overflow:hidden}
.mb::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;transform:scaleX(0);transition:transform .4s}
.mb:hover{border-color:rgba(245,245,240,.25);background:rgba(245,245,240,.04);transform:translateY(-2px)}.mb:hover::after{transform:scaleX(1)}
.mb.mr::after{background:var(--rp)}.mb.mh::after{background:#27ae60}.mb.mrl::after{background:var(--gd)}.mb.mw::after{background:var(--kr)}.mb.md::after{background:var(--ag)}

/* === COLLECTIONS === */
.cs{padding:40px 0}
.cb{display:grid;grid-template-columns:1fr 1fr;min-height:80vh;overflow:hidden}
.cb:nth-child(even) .cv{order:2}.cb:nth-child(even) .ci{order:1}
.cv{position:relative;min-height:480px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.cvb{position:absolute;inset:0}
.cv>img{position:relative;z-index:2;max-width:70%;max-height:70%;object-fit:contain}
.ci{display:flex;flex-direction:column;justify-content:center;padding:72px 56px;background:var(--bk)}
.cn{font-family:'Bebas Neue',sans-serif;font-size:80px;color:rgba(245,245,240,.03);line-height:1;margin-bottom:-14px}
.ct{font-size:15px;color:rgba(245,245,240,.45);margin-bottom:20px;font-weight:300;font-style:italic}
.cst{font-size:14px;line-height:1.8;color:var(--lg);max-width:400px;margin-bottom:32px;font-weight:300}
.cc{display:inline-flex;align-items:center;gap:12px;color:var(--wh);text-decoration:none;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;cursor:pointer;transition:gap .3s}
.cc:hover{gap:20px}.cc .aw{width:36px;height:1px;background:var(--wh);position:relative;transition:width .3s}.cc:hover .aw{width:52px}
.cc .aw::after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid var(--wh);border-top:1px solid var(--wh);transform:rotate(45deg)}

.b-run .cvb{background:linear-gradient(135deg,#0a0408,#1a0a12)}.b-run .ci{background:#080306}
.b-fh .cvb{background:linear-gradient(135deg,#120a0a,#201218)}.b-fh .ci{background:#0d0809}
.b-ka .cvb{background:linear-gradient(135deg,#120404,#240a0a)}.b-ka .ci{background:#0c0303}
.b-ar .cvb{background:linear-gradient(135deg,#0d0a05,#1a1408)}.b-ar .ci{background:#090804}
.b-cl .cvb{background:linear-gradient(135deg,#060606,#111)}

/* === TRENDING === */
.ts{padding:90px 40px;background:var(--gy)}
.th{display:flex;justify-content:space-between;align-items:flex-end;max-width:1200px;margin:0 auto 44px}
.tl{color:var(--gd);text-decoration:none;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600}
.tg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:0 auto}
.pc{background:var(--mg);overflow:hidden;cursor:pointer;transition:transform .4s}.pc:hover{transform:translateY(-4px)}
.pi{aspect-ratio:3/4;position:relative;overflow:hidden;background:rgba(255,255,255,.02)}.pi img{width:100%;height:100%;object-fit:cover}
.pb{position:absolute;top:10px;left:10px;background:var(--kr);color:var(--wh);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 9px;z-index:5}.pb.nb{background:var(--gd);color:var(--bk)}
.qb{position:absolute;bottom:0;left:0;right:0;background:var(--wh);color:var(--bk);text-align:center;padding:12px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transform:translateY(100%);transition:transform .3s;z-index:5}.pc:hover .qb{transform:translateY(0)}
.pd{padding:14px}.pn{font-size:13px;font-weight:500;margin-bottom:3px}.pct{font-size:10px;color:var(--lg);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.pp{font-size:14px;font-weight:600}

/* === COMING SOON === */
.cms{padding:100px 40px;background:var(--bk);text-align:center}
.cmg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}
.cmc{border:1px solid rgba(245,245,240,.06);padding:44px 28px;transition:border-color .4s;overflow:hidden}.cmc:hover{border-color:rgba(245,245,240,.15)}
.cmc img{max-width:200px;width:80%;margin-bottom:16px;object-fit:contain}
.cmn{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:2px;margin-bottom:6px}
.cmt{font-style:italic;font-size:14px;color:rgba(245,245,240,.4);margin-bottom:24px;font-weight:300}
.nb2{padding:10px 24px;border:1px solid var(--gd);background:transparent;color:var(--gd);font-family:'Outfit',sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s}.nb2:hover{background:var(--gd);color:var(--bk)}

/* === COMMUNITY === */
.coms{padding:100px 40px;background:var(--gy);text-align:center}
.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:760px;margin:0 auto 36px}
.stl{aspect-ratio:1;background:rgba(245,245,240,.02);border:1px solid rgba(245,245,240,.04);display:flex;align-items:center;justify-content:center;font-size:10px;color:rgba(245,245,240,.15);letter-spacing:1px}
.cca{color:var(--gd);text-decoration:none;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--gd);padding-bottom:3px}

/* === VIP === */
.vs{padding:100px 40px;background:var(--bk);text-align:center;position:relative;overflow:hidden}
.vs::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(201,168,76,.05),transparent 70%)}
.vc{position:relative;z-index:2;max-width:560px;margin:0 auto}
.vp{display:flex;justify-content:center;gap:36px;margin:32px 0 36px;flex-wrap:wrap}
.pk{text-align:center}.pki{font-size:20px;margin-bottom:6px;display:block;color:var(--gd)}.pkt{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--lg)}
.vb{display:inline-block;padding:16px 52px;background:var(--gd);color:var(--bk);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;transition:all .4s}.vb:hover{background:var(--wh);transform:translateY(-2px)}

/* === NEWSLETTER === */
.ns{padding:72px 40px;background:var(--wh);color:var(--bk);text-align:center}
.nf{display:flex;max-width:440px;margin:28px auto 0}
.nin{flex:1;padding:14px 18px;border:1px solid #ccc;border-right:none;background:transparent;font-family:'Outfit',sans-serif;font-size:13px;color:var(--bk);outline:none}
.nsb{padding:14px 28px;background:var(--bk);color:var(--wh);border:1px solid var(--bk);font-family:'Outfit',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s}.nsb:hover{background:var(--gd);border-color:var(--gd);color:var(--bk)}

/* === FOOTER === */
footer{padding:56px 40px 28px;background:var(--bk);border-top:1px solid rgba(245,245,240,.05)}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;max-width:1200px;margin:0 auto 36px}
.fli{height:24px;margin-bottom:12px;opacity:.8}
.fbt{font-size:13px;color:var(--lg);font-weight:300;line-height:1.6;margin-top:8px}
.fc h4{font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-weight:600}
.fc a{display:block;color:var(--lg);text-decoration:none;font-size:12px;font-weight:300;margin-bottom:8px;transition:color .3s}.fc a:hover{color:var(--wh)}
.fb{text-align:center;padding-top:24px;border-top:1px solid rgba(245,245,240,.05);font-size:11px;color:rgba(245,245,240,.25);max-width:1200px;margin:0 auto}

/* === COLLECTION PAGES === */
.ch{min-height:60vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:120px 60px 80px}
.chb{position:absolute;inset:0}
.chc{position:relative;z-index:5;width:55%}
.cha{position:relative;z-index:5;width:40%;display:flex;align-items:center;justify-content:center}
.cha img{max-width:100%;max-height:65vh;object-fit:contain}
.chs{font-size:15px;color:rgba(245,245,240,.5);line-height:1.8;max-width:480px;font-weight:300;margin-bottom:8px}
.chq{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;margin:24px 0;max-width:420px}

.cpd{padding:80px 40px;background:var(--bk)}
.cph{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 40px}
.fr{display:flex;gap:12px}
.fbtn{padding:8px 20px;border:1px solid rgba(245,245,240,.1);background:transparent;color:var(--lg);font-family:'Outfit',sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .3s}.fbtn:hover,.fbtn.on{border-color:var(--gd);color:var(--wh)}
.cpg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto}

.cpc{cursor:pointer;transition:transform .3s}
.cpc:hover{transform:translateY(-4px)}
.cpqb{cursor:pointer;transition:all .3s}
.cpqb:hover{filter:brightness(1.2)}

.cpc{background:var(--mg);overflow:hidden;cursor:pointer;transition:transform .4s}.cpc:hover{transform:translateY(-4px)}
.cpi{aspect-ratio:1;position:relative;overflow:hidden;background:rgba(255,255,255,.02)}.cpi img{width:100%;height:100%;object-fit:contain;padding:10px}
.cpqb{position:absolute;bottom:0;left:0;right:0;color:var(--wh);text-align:center;padding:14px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transform:translateY(100%);transition:transform .3s;z-index:5}.cpc:hover .cpqb{transform:translateY(0)}
.cpd2{padding:16px}.cpn{font-size:14px;font-weight:500;margin-bottom:3px}.cpty{font-size:10px;color:var(--lg);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.cppr{font-size:15px;font-weight:600}

/* Placeholder note */
.phs{display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;width:100%;height:100%;min-height:inherit}
.phs::before{content:'COMING SOON';font-size:11px;font-weight:600;letter-spacing:3px;color:rgba(245,245,240,.12)}

/* === RESPONSIVE === */
.cb:nth-child(even) .cv{order:1}.cb:nth-child(even) .ci{order:2}
.tg{grid-template-columns:repeat(2,1fr)}.cpg{grid-template-columns:repeat(2,1fr)}
.fg{grid-template-columns:1fr 1fr}

.ch{flex-direction:column;padding:100px 40px 60px}.chc{width:100%}.cha{width:80%;margin-top:24px}
}
.nk{display:none}.ms{padding:80px 20px}.mb{min-width:120px;padding:14px 18px;font-size:11px}.ci{padding:40px 24px}.ts{padding:70px 20px}.tg{grid-template-columns:1fr 1fr;gap:12px}.cmg{grid-template-columns:1fr;max-width:360px}.sg{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:1fr}.nf{flex-direction:column}.nin{border-right:1px solid #ccc}.fs{flex-direction:column;text-align:center;padding:30px 24px}.cpg{grid-template-columns:1fr;max-width:400px;margin:0 auto}
}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:999;opacity:.35}

/* MOBILE FIXES - ensure all sections display */

  .cv,.ci{width:100%!important;min-height:250px!important;max-height:400px!important}
  .cv{order:-1}
  .ci{padding:30px 20px!important}
  .cbl{font-size:11px!important}
  .st{font-size:clamp(28px,7vw,42px)!important}
  .hg{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .hs,.hi{flex-direction:column!important}
  .hsm{width:100%!important}
  .ht{font-size:36px!important}
  .hp{font-size:13px!important}
  
  /* Collection page fixes */
  .cph1{flex-direction:column!important}
  .cph1>div{width:100%!important}
  .cha{max-height:300px!important;overflow:hidden}
  .cha img{max-height:300px!important;object-fit:contain}
  .cpg{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .cpc{min-height:auto!important}
  .cpi{height:200px!important;min-height:200px!important}
  .cpi img{max-height:200px!important}
  
  /* Coming soon cards */
  .ccg{grid-template-columns:1fr!important}
  
  /* Trending products */
  .tg{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  
  /* Social grid */
  .sg{grid-template-columns:repeat(2,1fr)!important}
  
  /* Footer */
  .fg{grid-template-columns:1fr!important;text-align:center}
  
  /* VIP section */
  .vs{padding:40px 20px!important}
  
  /* Founder strip */
  .fs{flex-direction:column!important;text-align:center;gap:20px!important;padding:40px 20px!important}
  .fsa{width:90px!important;height:90px!important}
  
  /* Hero carousel */
  .hc{min-height:auto!important}
  
  /* KMG Family section */
  [style*="grid-template-columns:repeat(auto-fit"]{grid-template-columns:1fr!important}
  
  /* Mood filters */
  .mfs{flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}
  .mf{padding:8px 16px!important;font-size:10px!important}
  
  /* Nav */
  .nk{display:none!important}
  .nr{gap:8px!important}
  .nr .ni{font-size:10px!important;padding:6px 10px!important}
  nav{padding:12px 16px!important}
}

  .sg{grid-template-columns:1fr!important}
  .cb{min-height:auto!important}
  .cv{min-height:200px!important}
  .mfs{gap:6px!important}
  .mf{font-size:9px!important;padding:6px 12px!important}
}

.cpc{cursor:pointer;transition:transform .3s}
.cpc:hover{transform:translateY(-4px)}
.cpqb{cursor:pointer;transition:all .3s}
.cpqb:hover{filter:brightness(1.2)}

/* Mobile nav toggle */

 .nk.open{display:flex!important;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:rgba(5,5,4,.98);padding:20px;z-index:9999}
 .nk.open li a{font-size:14px;padding:8px 0;display:block;color:var(--wh)}
}

}

/* Force collection blocks visible on mobile */

  .cb{display:flex!important;flex-direction:column!important;min-height:auto!important;overflow:visible!important}
  .cv{display:flex!important;align-items:center!important;justify-content:center!important;min-height:200px!important;overflow:hidden!important}
  .ci{display:block!important;padding:24px 20px!important}
  .pg{display:block!important}
  .hg{display:grid!important}
  .tg{display:grid!important}
  .ccg{display:grid!important}
  .sg{display:grid!important}
  .cpg{display:grid!important}
  .ns{display:block!important}
  .vs{display:block!important}
  
  /* Ensure images don't overflow */
  .cb img,.fs img,.ts img,.cms img,.coms img,.cpd img,footer img{max-width:100%!important;height:auto!important}
  .cv img{max-height:300px!important;object-fit:contain!important}
}

/* Nav dropdown */
.nd{position:relative}
.ndd{display:none;position:absolute;top:100%;left:0;background:rgba(5,5,4,.97);border:1px solid rgba(245,245,240,.08);padding:8px 0;min-width:180px;z-index:1000;backdrop-filter:blur(10px)}
.nd:hover .ndd{display:block}
.ndd li{list-style:none}
.ndd li a{display:block;padding:8px 20px;font-size:11px;color:var(--wh);text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;transition:all .3s;white-space:nowrap}
.ndd li a:hover{color:var(--gd);background:rgba(245,245,240,.03)}

  .nk.open .nd .ndd{display:block!important;position:static;border:none;background:rgba(245,245,240,.03);margin-top:4px}
  .nk.open .nd>a::after{content:" ▾"}
}

/* ============================================
   MOBILE RESPONSIVE - CONSOLIDATED
   ============================================ */

/* Tablet */
@media(max-width:1024px){
  .hc{min-height:auto}
  .hs{padding:0 40px}
  .cb{min-height:420px}
  .hg{grid-template-columns:repeat(2,1fr)}
}
/* Desktop navigation */
@media(min-width:769px){
  .nk{display:flex!important;gap:30px;align-items:center}
  .nm{display:none!important}
}

/* Mobile */
@media(max-width:768px){
  /* CRITICAL: Force all animated elements visible */
  .fi{opacity:1!important;transform:none!important;transition:none!important}
  
  /* Navigation */
  .nk{display:none!important}
  .nk.open{display:flex!important;flex-direction:column;position:fixed;top:56px;left:0;right:0;bottom:0;background:rgba(5,5,4,.98);padding:24px;z-index:9999;gap:16px;overflow-y:auto;border-top:1px solid rgba(245,245,240,.1)}
  .nk.open li{list-style:none}
  .nk.open li a{font-size:14px;padding:10px 0;display:block;border-bottom:1px solid rgba(245,245,240,.04)}
  .nm{display:block!important;cursor:pointer;font-size:24px;color:var(--wh);padding:4px 8px}
  nav{padding:12px 16px!important;position:sticky;top:0;z-index:9998;background:rgba(5,5,4,.95);backdrop-filter:blur(12px)}
  .nr{gap:6px!important}
  .nr .ni{font-size:10px!important;padding:6px 10px!important}
  .nl img{max-height:28px!important}
  
  /* Nav dropdown on mobile */
  .nd:hover .ndd{display:none}
  .nk.open .nd .ndd{display:block!important;position:static;border:none;background:rgba(245,245,240,.03);margin:4px 0 4px 12px;padding:0}
  .nk.open .ndd li a{font-size:12px;padding:8px 12px;border-bottom:none}
  
  /* Hero Carousel */
  .hc{min-height:auto!important}
  .hs{padding:0 20px!important;flex-direction:column!important}
  .ht{font-size:32px!important;line-height:1.1!important}
  .hp{font-size:13px!important}
  .hi{flex-direction:column!important;gap:10px!important}
  .hi a,.hi button{font-size:10px!important;padding:12px 24px!important}
  .hds{bottom:16px!important}
  
  /* Announcement bar */
  .ban{font-size:10px!important;padding:8px 12px!important}
  
  /* Founder Strip */
  .fs{flex-direction:column!important;text-align:center;gap:16px!important;padding:32px 20px!important}
  .fsa{width:80px!important;height:80px!important}
  .fsq{font-size:14px!important}
  
  /* Mood Filters */
  .mfs{flex-wrap:wrap!important;gap:6px!important;justify-content:center!important;padding:0 12px!important}
  .mf{padding:8px 14px!important;font-size:9px!important;letter-spacing:1.5px!important}
  
  /* COLLECTION BLOCKS - THE KEY FIX */
  .cb{display:flex!important;flex-direction:column!important;min-height:auto!important;height:auto!important;overflow:visible!important}
  .cv{width:100%!important;min-height:220px!important;max-height:320px!important;order:-1!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
  .cv img{max-height:280px!important;max-width:90%!important;object-fit:contain!important}
  .cvb{position:absolute!important;inset:0!important}
  .ci{width:100%!important;padding:24px 20px 32px!important;display:block!important}
  .ci .st{font-size:28px!important}
  .ci .sl{font-size:10px!important}
  .cbl{font-size:10px!important;padding:10px 24px!important}
  
  /* Product Grids (Homepage + Collection Pages) */
  .hg{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:0 12px!important}
  .tg{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:0 12px!important}
  .cpg{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:0 12px!important}
  
  /* Product Cards */
  .cpc{min-height:auto!important}
  .cpi{height:180px!important;min-height:180px!important}
  .cpi img{max-height:170px!important;object-fit:contain!important}
  .cpn{font-size:12px!important}
  .cppr{font-size:12px!important}
  .cpqb,.pqb{font-size:10px!important;padding:8px 12px!important}
  
  /* Coming Soon Cards */
  .ccg{grid-template-columns:1fr!important;gap:16px!important}
  .cc{min-height:auto!important}
  
  /* Social Grid */
  .sg{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  
  /* VIP Section */
  .vs{padding:40px 20px!important}
  
  /* Newsletter */
  .nf{flex-direction:column!important;gap:8px!important}
  .nin{width:100%!important}
  .nsb{width:100%!important}
  
  /* Footer */
  .fg{grid-template-columns:1fr!important;text-align:center!important;gap:24px!important}
  .fli{margin:0 auto!important}
  
  /* Collection Page Heroes */
  .cph1{flex-direction:column!important;gap:20px!important;padding:80px 20px 30px!important}
  .cph1>div{width:100%!important}
  .cha{max-height:250px!important;overflow:hidden!important}
  .cha img{max-height:240px!important;object-fit:contain!important;width:auto!important;margin:0 auto!important;display:block!important}
  
  /* About Page */
  [style*="display:flex"][style*="gap:40px"]{flex-direction:column!important}
  
  /* Section padding */
  section{padding-left:16px!important;padding-right:16px!important}
  .st{font-size:clamp(24px,6vw,36px)!important}
  .sl{font-size:10px!important}
  
  /* Images never overflow */
  .cb img,.fs img,.ts img,.cms img,.coms img,.cpd img,footer img{max-width:100%!important;height:auto!important}
  
  /* Policy links in footer */
  [style*="display:flex"][style*="flex-wrap:wrap"][style*="gap:16px"]{gap:8px!important}
}

/* Small phones */
@media(max-width:480px){
  .hc{min-height:auto!important}
  .ht{font-size:26px!important}
  .hg,.tg,.cpg{grid-template-columns:1fr!important}
  .sg{grid-template-columns:1fr!important}
  .cb{min-height:auto!important}
  .cv{min-height:180px!important}
  .cpi{height:220px!important}
  .cpi img{max-height:200px!important}
  .mfs{gap:4px!important}
  .mf{font-size:8px!important;padding:6px 10px!important;letter-spacing:1px!important}
  .fs{padding:24px 16px!important}
  .fsa{width:60px!important;height:60px!important}
}

/* Desktop hamburger hidden */
@media(min-width:769px){
  .nm{display:none!important}
}

#cart-notif{position:fixed;top:-60px;left:50%;transform:translateX(-50%);background:var(--gd);color:var(--bk);padding:14px 28px;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;z-index:10000;transition:top .4s}
#cart-notif.cn-show{top:20px}
.cart-count{background:var(--gd);color:var(--bk);font-size:9px;font-weight:700;width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center;margin-left:4px;vertical-align:middle}
.cart-item{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid rgba(245,245,240,.06)}
.cart-item-img{width:80px;height:80px;flex-shrink:0;overflow:hidden;background:rgba(245,245,240,.03);display:flex;align-items:center;justify-content:center}
.cart-item-img img{max-width:100%;max-height:100%;object-fit:contain}
.cart-item-info{flex:1}
.cart-item-name{font-size:14px;font-weight:600;color:var(--wh);letter-spacing:1px;margin-bottom:4px}
.cart-item-meta{font-size:11px;color:var(--lg);letter-spacing:1px;margin-bottom:4px}
.cart-item-price{font-size:13px;color:var(--gd)}
.cart-item-qty{display:flex;align-items:center;gap:8px}
.qty-btn{width:28px;height:28px;border:1px solid rgba(245,245,240,.15);background:transparent;color:var(--wh);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.qty-btn:hover{border-color:var(--gd);color:var(--gd)}
.qty-num{font-size:14px;color:var(--wh);min-width:20px;text-align:center}
.cart-item-total{font-size:14px;font-weight:600;color:var(--wh);min-width:70px;text-align:right}
.cart-remove{background:transparent;border:none;color:rgba(245,245,240,.3);font-size:20px;cursor:pointer;padding:4px 8px}
.cart-remove:hover{color:#e74c3c}
.cart-summary{border-top:2px solid rgba(245,245,240,.1);padding-top:24px;margin-top:24px;text-align:right}
.cart-total-label{font-size:12px;color:var(--lg);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.cart-total-amount{font-size:32px;font-weight:700;color:var(--wh);font-family:'Bebas Neue',sans-serif;letter-spacing:2px}
.cart-checkout-btn{display:inline-block;margin-top:20px;padding:16px 48px;background:var(--gd);color:var(--bk);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;border:none;cursor:pointer}
.cart-checkout-btn:hover{filter:brightness(1.1)}
.cart-continue{display:inline-block;margin-top:12px;font-size:11px;color:var(--lg);letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:none}
.cart-continue:hover{color:var(--gd)}
.add-cart-btn{width:100%;padding:10px;background:var(--gd);color:var(--bk);border:none;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;margin-top:8px}
@media(max-width:768px){.cart-item{flex-wrap:wrap;gap:12px}.cart-item-img{width:60px;height:60px}}
