/* ============================================================================
   HOUSE OF MNEEMO · STORE — component styles
   Extends the Monolith system (monolith-pages.css). Same tokens, same type,
   same hairline language. Adds one restrained accent: a deep, muted emerald
   used only on status tags and small hover details — never as a fill field.
   ========================================================================== */

/* Self-hosted blackletter — the one "department seal" moment (.gothic).
   Scoped to the store stylesheet so it never parses on other pages, and the
   glyphs only download when an element actually uses the face. */
@font-face{
  font-family:'UnifrakturCook';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(/fonts/unifrakturcook-700-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.gothic{font-family:'UnifrakturCook',serif;font-weight:700;text-transform:none;letter-spacing:0;}

:root{
  /* deep emerald — muted, not neon. Legible on near-black. */
  --emerald:      oklch(0.66 0.072 158);
  --emerald-deep: oklch(0.42 0.066 160);
  --emerald-line: oklch(0.46 0.05 160);
}

/* ── reveal — resting state is VISIBLE (survives no-JS, print, reduced-motion
   and offscreen-frozen clocks). The entrance animates TRANSFORM ONLY, so a
   frozen first frame still shows fully-opaque content — never a blank box. ── */
html.js .reveal{opacity:1;transform:none;}
@media (prefers-reduced-motion:no-preference){
  html.js .reveal.in{animation:stReveal .7s cubic-bezier(.16,1,.3,1) both;}
}
@keyframes stReveal{from{transform:translateY(22px);}to{transform:translateY(0);}}

/* ── mobile menu (mmenu) — ported from the homepage so subpages share it ─ */
.mmenu{position:fixed;inset:0;z-index:80;background:var(--bg);display:flex;flex-direction:column;
  padding:20px 18px 28px;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility .35s;}
html.menu-open .mmenu{visibility:visible;opacity:1;}
.mmenu-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);
  padding-bottom:16px;color:var(--dim);}
.mmenu-close{background:none;border:none;color:var(--bone);font-family:'JetBrains Mono',monospace;font-size:12px;
  letter-spacing:.18em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:8px;}
.mmenu-list{flex:1;display:flex;flex-direction:column;justify-content:center;}
.mmenu-row{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:baseline;padding:clamp(10px,2vh,20px) 0;
  border-bottom:1px solid var(--line);text-decoration:none;color:var(--bone);opacity:0;transform:translateY(14px);
  transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);}
.mmenu-row:first-child{border-top:1px solid var(--line);}
.mmenu-row .no{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;color:var(--dim);padding-top:10px;}
.mmenu-row .nm{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:clamp(34px,11vw,54px);line-height:.96;}
.mmenu-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);
  padding-top:18px;color:var(--dim);}
html.menu-open .mmenu-row{opacity:1;transform:none;}
html.menu-open .mmenu-row:nth-child(2){transition-delay:.05s;}
html.menu-open .mmenu-row:nth-child(3){transition-delay:.1s;}
html.menu-open .mmenu-row:nth-child(4){transition-delay:.15s;}
html.menu-open .mmenu-row:nth-child(5){transition-delay:.2s;}
.nav-burger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px 0;}
.nav-burger div{width:24px;height:1px;background:var(--bone);transition:transform .3s ease;}
html.menu-open .nav-burger div:first-child{transform:translateY(3.5px) rotate(45deg);}
html.menu-open .nav-burger div:last-child{transform:translateY(-3.5px) rotate(-45deg);}
html.menu-open body{overflow:hidden;}
@media (max-width:900px){.nav-burger{display:flex;} .st-nav .nav-links{display:none;}}

/* ── store nav: in-page anchors + cart count ───────────────────────────── */
.st-nav .nav-links a{cursor:pointer;}
.cart-btn{
  display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 16px;
  border:1px solid var(--bone);background:transparent;color:var(--bone);cursor:pointer;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  transition:background .18s ease,color .18s ease;
}
.cart-btn:hover{background:var(--bone);color:var(--bg);}
.cart-btn .cart-n{
  min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid currentColor;font-size:10px;letter-spacing:0;border-radius:0;
}

/* ── STORE HERO ─────────────────────────────────────────────────────────── */
.st-hero{
  position:relative;min-height:calc(100vh - 80px);
  display:flex;flex-direction:column;justify-content:space-between;
  border-bottom:1px solid var(--line);overflow:hidden;
}
.st-hero-media{position:absolute;inset:0;z-index:0;}
.st-hero-media .ph{width:100%;height:100%;align-items:flex-end;justify-content:flex-end;}
.st-hero-media .ph span{margin:0 22px 26px 0;}
.st-hero-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,11,10,.62) 0%,rgba(11,11,10,.45) 38%,rgba(11,11,10,.72) 78%,var(--bg) 100%);
}
.st-hero-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;
  padding-top:34px;flex-wrap:wrap;}
.st-hero-top .mono{color:var(--grey);}
.st-hero-top .mono em{font-style:normal;color:var(--emerald);}
.st-hero-mid{position:relative;z-index:2;padding:40px 0;}
.st-hero-kicker{display:flex;align-items:center;gap:14px;margin-bottom:22px;color:var(--grey);}
.st-hero-kicker .dot{width:6px;height:6px;background:var(--emerald);display:inline-block;}
.st-hero-title{
  font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:clamp(54px,9.6vw,176px);line-height:.9;color:var(--bone);
}
.st-hero-title .ln{display:block;overflow:hidden;}
.st-hero-title .ln > span{display:block;}
.st-hero-sub{display:flex;gap:34px;flex-wrap:wrap;margin-top:30px;}
.st-hero-sub .b{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(16px,1.5vw,22px);
  letter-spacing:.02em;color:var(--bone);}
.st-hero-sub .b .mono{display:block;color:var(--dim);margin-top:4px;font-size:10.5px;}
.st-hero-bot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;
  gap:24px;padding-bottom:38px;flex-wrap:wrap;}
.st-hero-ctas{display:flex;gap:16px;flex-wrap:wrap;}
.st-hero-tags{display:flex;flex-direction:column;gap:8px;text-align:right;}
.st-hero-tags .mono{color:var(--grey);}
.st-hero-tags .mono em{font-style:normal;color:var(--emerald);}

/* ── marquee strip of slogans ──────────────────────────────────────────── */
.st-strip{border-bottom:1px solid var(--line);overflow:hidden;height:58px;display:flex;align-items:center;}
.st-strip-track{display:flex;white-space:nowrap;width:max-content;will-change:transform;}
@media (prefers-reduced-motion:no-preference){.st-strip-track{animation:st-tick 32s linear infinite;}}
@keyframes st-tick{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.st-strip-item{display:inline-flex;align-items:center;gap:26px;padding:0 26px;
  font-family:var(--font-display);text-transform:uppercase;font-size:18px;letter-spacing:.04em;color:var(--bone);}
.st-strip-item .sep{color:var(--emerald-line);font-family:'JetBrains Mono',monospace;font-size:12px;}

/* ── DROP ANNOUNCEMENT ─────────────────────────────────────────────────── */
.drop{padding-top:104px;padding-bottom:104px;border-bottom:1px solid var(--line);position:relative;}
.drop-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:end;}
.drop-code{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:clamp(80px,13vw,220px);line-height:.84;color:var(--bone);}
.drop-cap{margin-top:22px;display:flex;align-items:center;gap:14px;}
.drop-cap .line{flex:1;height:1px;background:var(--line);}
.drop-cap .mono em{font-style:normal;color:var(--emerald);}
.drop-copy p{color:var(--grey);font-size:17px;line-height:1.7;max-width:46ch;}
.drop-meta{margin-top:34px;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);}
.drop-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  padding:16px 0;border-bottom:1px solid var(--line);}
.drop-meta-row .k{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--dim);}
.drop-meta-row .v{font-family:var(--font-display);text-transform:uppercase;font-size:20px;color:var(--bone);}
.drop-meta-row .v.em{color:var(--emerald);}

/* countdown */
.countdown{margin-top:30px;}
.countdown-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--grey);}
.countdown-head .pulse{width:7px;height:7px;background:var(--emerald);border-radius:50%;}
@media (prefers-reduced-motion:no-preference){
  .countdown-head .pulse{animation:cd-pulse 1.8s ease-in-out infinite;}
  @keyframes cd-pulse{0%,100%{opacity:.35;}50%{opacity:1;}}
}
.countdown-clock{display:flex;gap:10px;}
.cd-cell{flex:1;border:1px solid var(--line);padding:18px 10px 12px;text-align:center;background:var(--bg2);}
.cd-cell .n{font-family:var(--font-display);font-size:clamp(34px,4.6vw,58px);line-height:.92;color:var(--bone);
  font-variant-numeric:tabular-nums;}
.cd-cell .l{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--dim);margin-top:8px;}
.countdown.live .cd-cell .n{color:var(--emerald);}

/* ── PRODUCT GRID ──────────────────────────────────────────────────────── */
.products{padding-top:104px;padding-bottom:104px;border-bottom:1px solid var(--line);}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);}
.pcard{position:relative;background:var(--bg);display:flex;flex-direction:column;
  text-decoration:none;color:inherit;overflow:hidden;}
.pcard-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg2);}
.pcard-media .ph,.pcard-media img{position:absolute;inset:0;width:100%;height:100%;}
.pcard-media img{object-fit:cover;filter:var(--photo-filter);
  transition:transform .7s cubic-bezier(.16,1,.3,1),filter .4s ease;}
.pcard-media .ph{transition:transform .7s cubic-bezier(.16,1,.3,1);}
.pcard:hover .pcard-media img{transform:scale(1.045);filter:none;}
.pcard:hover .pcard-media .ph{transform:scale(1.045);}
.pcard-status{position:absolute;top:14px;left:14px;z-index:3;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  padding:5px 9px;background:rgba(11,11,10,.78);border:1px solid var(--line);color:var(--grey);
  backdrop-filter:blur(2px);}
.pcard-status[data-s="LIMITED"]{color:var(--emerald);border-color:var(--emerald-line);}
.pcard-status[data-s="COMING SOON"]{color:var(--dim);}
/* slogan reveal on hover */
.pcard-slogan{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;
  padding:20px;text-align:center;background:rgba(11,11,10,.55);
  opacity:0;transition:opacity .4s ease;pointer-events:none;}
.pcard-slogan span{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;
  font-size:clamp(20px,2vw,30px);line-height:1;color:var(--bone);transform:translateY(10px);
  transition:transform .5s cubic-bezier(.16,1,.3,1);}
.pcard:hover .pcard-slogan{opacity:1;}
.pcard:hover .pcard-slogan span{transform:none;}
.pcard-body{padding:18px 18px 22px;display:flex;flex-direction:column;gap:6px;
  border-top:1px solid var(--line);}
.pcard-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;}
.pcard-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:20px;line-height:1.02;color:var(--bone);}
.pcard-price{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.06em;color:var(--bone);
  white-space:nowrap;}
.pcard-line{color:var(--grey);font-size:13px;line-height:1.5;}
.pcard-foot{margin-top:8px;display:flex;justify-content:space-between;align-items:center;}
.pcard-foot .mono{color:var(--dim);}
.pcard-foot .arrow{font-family:'JetBrains Mono',monospace;color:var(--dim);
  transition:transform .25s ease,color .25s ease;}
.pcard:hover .pcard-foot .arrow{transform:translateX(4px);color:var(--bone);}

/* ── LOOKBOOK ──────────────────────────────────────────────────────────── */
.lookbook{padding-top:104px;padding-bottom:24px;border-bottom:1px solid var(--line);}
.lb-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:44px;}
.lb-fig{position:relative;overflow:hidden;background:var(--bg2);}
.lb-fig .ph,.lb-fig img{position:absolute;inset:0;width:100%;height:100%;}
.lb-fig img{object-fit:cover;filter:var(--photo-filter);transition:transform 1s cubic-bezier(.16,1,.3,1);}
.lb-fig:hover img{transform:scale(1.05);}
.lb-fig .lb-word{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px;
  pointer-events:none;background:linear-gradient(0deg,rgba(11,11,10,.78),transparent);}
.lb-fig .lb-word .big{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;
  font-size:clamp(26px,3.4vw,52px);line-height:.94;color:var(--bone);}
.lb-fig .lb-tag{position:absolute;top:16px;left:16px;z-index:2;color:var(--grey);background:rgba(11,11,10,.6);
  padding:5px 9px;}
.lb-a{grid-column:span 7;aspect-ratio:16/11;}
.lb-b{grid-column:span 5;aspect-ratio:4/5;}
.lb-c{grid-column:span 5;aspect-ratio:4/5;}
.lb-d{grid-column:span 7;aspect-ratio:16/11;}
.lb-wide{grid-column:span 12;aspect-ratio:21/9;}

/* big kinetic slogan band */
.lb-band{padding:96px 0;text-align:center;border-bottom:1px solid var(--line);}
.lb-band .l{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:clamp(40px,8vw,128px);line-height:.92;color:var(--bone);}
.lb-band .l.dim{color:var(--emerald);}

/* ── MANIFESTO ─────────────────────────────────────────────────────────── */
.manifesto{padding-top:120px;padding-bottom:120px;border-bottom:1px solid var(--line);}
.mf-grid{display:grid;grid-template-columns:200px 1fr;gap:56px;}
.mf-body .big{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:clamp(30px,4.4vw,68px);line-height:1.0;color:var(--bone);max-width:18ch;}
.mf-body p{color:var(--grey);font-size:18px;line-height:1.8;max-width:60ch;margin-top:34px;}
.mf-body p .em{color:var(--bone);}
.mf-sign{margin-top:40px;display:flex;align-items:center;gap:14px;color:var(--dim);}
.mf-sign .line{width:46px;height:1px;background:var(--emerald-line);}

/* ── CART DRAWER ───────────────────────────────────────────────────────── */
.cart-scrim{position:fixed;inset:0;z-index:96;background:rgba(6,6,5,.6);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;}
html.cart-open .cart-scrim{opacity:1;visibility:visible;}
.cart{position:fixed;top:0;right:0;bottom:0;z-index:97;width:min(440px,92vw);
  background:var(--bg);border-left:1px solid var(--line);display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .42s cubic-bezier(.76,0,.24,1);}
html.cart-open .cart{transform:none;}
.cart-top{display:flex;justify-content:space-between;align-items:center;
  padding:24px 24px;border-bottom:1px solid var(--line);}
.cart-top .t{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:22px;color:var(--bone);}
.cart-top .t .mono{display:block;color:var(--dim);margin-top:2px;}
.cart-close{background:none;border:none;color:var(--grey);cursor:pointer;
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  transition:color .15s ease;}
.cart-close:hover{color:var(--bone);}
.cart-items{flex:1;overflow-y:auto;padding:6px 24px;}
.cart-empty{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;gap:18px;}
.cart-empty .big{font-family:var(--font-display);text-transform:uppercase;font-size:30px;color:var(--bone);line-height:1;}
.cart-empty p{color:var(--grey);font-size:14px;max-width:30ch;}
.cart-row{display:grid;grid-template-columns:64px 1fr auto;gap:16px;padding:20px 0;
  border-bottom:1px solid var(--line);align-items:start;}
.cart-row-img{width:64px;aspect-ratio:4/5;background:var(--bg2);overflow:hidden;position:relative;}
.cart-row-img .ph,.cart-row-img img{position:absolute;inset:0;width:100%;height:100%;}
.cart-row-img img{object-fit:cover;filter:var(--photo-filter);}
.cart-row-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:16px;line-height:1.05;color:var(--bone);}
.cart-row-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--dim);margin-top:6px;}
.cart-qty{display:inline-flex;align-items:center;gap:0;margin-top:12px;border:1px solid var(--line);}
.cart-qty button{width:28px;height:28px;background:none;border:none;color:var(--grey);cursor:pointer;
  font-size:15px;line-height:1;transition:background .15s ease,color .15s ease;}
.cart-qty button:hover{background:var(--bone);color:var(--bg);}
.cart-qty .q{min-width:30px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--bone);}
.cart-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px;}
.cart-row-price{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--bone);}
.cart-row-remove{background:none;border:none;color:var(--dim);cursor:pointer;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  transition:color .15s ease;}
.cart-row-remove:hover{color:var(--bone);text-decoration:underline;text-underline-offset:3px;}
.cart-foot{border-top:1px solid var(--line);padding:22px 24px 26px;}
.cart-line{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;}
.cart-line .k{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--dim);}
.cart-line.total .k{color:var(--bone);}
.cart-line .v{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--grey);}
.cart-line.total .v{font-family:var(--font-display);font-size:26px;color:var(--bone);}
.cart-checkout{margin-top:16px;width:100%;height:54px;}
.cart-note{margin-top:14px;text-align:center;color:var(--dim);}

/* toast on add */
.st-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);z-index:99;
  background:var(--bone);color:var(--bg);padding:13px 20px;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s;white-space:nowrap;}
.st-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0);}

/* ── PRODUCT DETAIL PAGE ───────────────────────────────────────────────── */
.pd{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border-bottom:1px solid var(--line);}
.pd-gallery{border-right:1px solid var(--line);}
.pd-main{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg2);border-bottom:1px solid var(--line);}
.pd-main .ph,.pd-main img{position:absolute;inset:0;width:100%;height:100%;}
.pd-main img{object-fit:cover;filter:var(--photo-filter);}
.pd-main .pd-tag{position:absolute;top:18px;left:18px;z-index:2;color:var(--grey);
  background:rgba(11,11,10,.6);padding:6px 10px;}
.pd-thumbs{display:grid;grid-template-columns:repeat(3,1fr);}
.pd-thumb{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--bg2);cursor:pointer;
  border-right:1px solid var(--line);}
.pd-thumb:last-child{border-right:none;}
.pd-thumb .ph,.pd-thumb img{position:absolute;inset:0;width:100%;height:100%;}
.pd-thumb img{object-fit:cover;filter:var(--photo-filter);transition:filter .3s ease;}
.pd-thumb[aria-selected="true"]{outline:1px solid var(--bone);outline-offset:-1px;}
.pd-thumb:hover img{filter:none;}
.pd-info{padding:48px;display:flex;flex-direction:column;}
.pd-folio{display:flex;justify-content:space-between;gap:16px;color:var(--dim);margin-bottom:28px;}
.pd-folio em{font-style:normal;color:var(--emerald);}
.pd-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:clamp(40px,4.6vw,68px);line-height:.94;color:var(--bone);}
.pd-line{color:var(--grey);font-size:16px;margin-top:16px;}
.pd-pricerow{display:flex;align-items:baseline;gap:18px;margin-top:24px;
  padding-top:24px;border-top:1px solid var(--line);}
.pd-price{font-family:var(--font-display);font-size:34px;color:var(--bone);}
.pd-status{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--grey);border:1px solid var(--line);padding:6px 10px;}
.pd-status.lim{color:var(--emerald);border-color:var(--emerald-line);}
/* size selector */
.pd-sizes{margin-top:32px;}
.pd-sizes-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;}
.pd-sizes-head .mono a{color:var(--dim);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.pd-sizes-head .mono a:hover{color:var(--bone);}
.size-grid{display:flex;flex-wrap:wrap;gap:10px;}
.size-btn{min-width:54px;height:48px;padding:0 14px;border:1px solid var(--line);background:transparent;
  color:var(--grey);cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;
  transition:border-color .18s ease,color .18s ease,background .18s ease;}
.size-btn:hover{border-color:var(--bone);color:var(--bone);}
.size-btn[aria-pressed="true"]{background:var(--bone);color:var(--bg);border-color:var(--bone);}
.size-btn[disabled]{color:#4A483F;cursor:not-allowed;text-decoration:line-through;}
.size-btn[disabled]:hover{border-color:var(--line);color:#4A483F;}
.pd-add{margin-top:26px;display:flex;gap:12px;align-items:stretch;}
.pd-add .btn{flex:1;height:58px;}
.pd-add-note{margin-top:14px;color:var(--dim);}
.pd-add-note em{font-style:normal;color:var(--emerald);}
/* accordion details */
.pd-acc{margin-top:40px;border-top:1px solid var(--line);}
.pd-acc details{border-bottom:1px solid var(--line);}
.pd-acc summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;
  align-items:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:20px;color:var(--bone);}
.pd-acc summary::-webkit-details-marker{display:none;}
.pd-acc summary .ic{font-family:'JetBrains Mono',monospace;font-size:18px;color:var(--dim);transition:transform .2s ease;}
.pd-acc details[open] summary .ic{transform:rotate(45deg);}
.pd-acc .acc-body{padding:0 0 22px;color:var(--grey);font-size:15px;line-height:1.7;}
.pd-acc .acc-body ul{list-style:none;display:flex;flex-direction:column;gap:0;}
.pd-acc .acc-body li{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--line);
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);}
.pd-acc .acc-body li::before{content:"·";color:var(--emerald);}
/* capsule context band on detail page */
.pd-context{padding:88px 0;border-bottom:1px solid var(--line);text-align:center;}
.pd-context .mono{color:var(--dim);margin-bottom:24px;}
.pd-context .big{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:clamp(30px,5vw,76px);line-height:.96;color:var(--bone);}
.pd-context .big em{font-style:normal;color:var(--emerald);}
/* you might also want */
.pd-more{padding-top:80px;padding-bottom:96px;}

/* ── shared section heading for store ──────────────────────────────────── */
.st-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;
  margin-bottom:46px;}
.st-head h2{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:clamp(40px,6vw,84px);line-height:.94;color:var(--bone);}
.st-head .mono{color:var(--dim);}
.st-head .mono em{font-style:normal;color:var(--emerald);}

/* ── store footer add-ons ──────────────────────────────────────────────── */
.st-foot{border-top:1px solid var(--line);}
.st-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;
  padding-top:72px;padding-bottom:48px;}
.st-foot-grid .big{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--disp-track);
  font-size:clamp(34px,4vw,60px);line-height:.95;color:var(--bone);}
.st-foot-grid .sub{color:var(--grey);margin-top:26px;max-width:34ch;font-size:15px;}
.st-foot-col h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--dim);margin-bottom:18px;}
.st-foot-col a,.st-foot-col p{display:block;color:var(--grey);font-size:14px;padding:7px 0;
  text-transform:uppercase;letter-spacing:.04em;}
.st-foot-col a{cursor:pointer;transition:color .15s ease,padding-left .2s ease;}
.st-foot-col a:hover{color:var(--bone);padding-left:6px;}
.st-foot-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
  padding:22px 0 40px;border-top:1px solid var(--line);}
.st-foot-bar .mono{color:var(--dim);}
.st-foot-bar .mono em{font-style:normal;color:var(--emerald);}

/* signup */
.st-signup{display:flex;gap:0;border:1px solid var(--line);max-width:340px;margin-top:6px;}
.st-signup input{flex:1;background:transparent;border:none;outline:none;color:var(--bone);
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;padding:0 14px;height:46px;}
.st-signup input::placeholder{color:var(--dim);text-transform:uppercase;letter-spacing:.12em;}
.st-signup button{background:var(--bone);color:var(--bg);border:none;cursor:pointer;padding:0 16px;height:46px;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  transition:opacity .15s ease;}
.st-signup button:hover{opacity:.82;}

/* ── MOBILE ────────────────────────────────────────────────────────────── */
@media (max-width:900px){
  .st-hero{min-height:calc(100vh - 62px);}
  .st-hero-top{padding-top:24px;}
  .st-hero-sub{gap:20px;margin-top:22px;}
  .st-hero-ctas{width:100%;}
  .st-hero-ctas .btn{flex:1;}
  .st-hero-tags{text-align:left;}
  .st-hero-bot{align-items:flex-start;}
  .st-strip{height:46px;}
  .st-strip-item{font-size:14px;}
  .drop{padding-top:60px;padding-bottom:60px;}
  .drop-grid{grid-template-columns:1fr;gap:44px;}
  .countdown-clock{gap:6px;}
  .cd-cell{padding:12px 4px 9px;}
  .products{padding-top:60px;padding-bottom:60px;}
  .prod-grid{grid-template-columns:1fr;}
  .st-head{margin-bottom:28px;}
  .lookbook{padding-top:60px;}
  .lb-grid{grid-template-columns:1fr;gap:12px;margin-top:28px;}
  .lb-a,.lb-b,.lb-c,.lb-d,.lb-wide{grid-column:auto;}
  .lb-a,.lb-d,.lb-wide{aspect-ratio:16/11;}
  .lb-band{padding:56px 0;}
  .manifesto{padding-top:64px;padding-bottom:64px;}
  .mf-grid{grid-template-columns:1fr;gap:24px;}
  .mf-body p{font-size:16px;}
  .pd{grid-template-columns:1fr;}
  .pd-gallery{border-right:none;border-bottom:1px solid var(--line);}
  .pd-info{padding:32px 18px;}
  .pd-context{padding:56px 0;}
  .st-foot-grid{grid-template-columns:1fr;gap:32px;padding-top:48px;}
  .cart{width:100vw;border-left:none;}
}