:root{
  --paper:#E5D4A5;
  --paper-2:#D6C291;
  --ink:#1A1410;
  --punch:#C2402B;
  --rust:#C76233;
  --teal:#4A7C7C;
  --mustard:#D4A02D;
  --green:#7A8842;
  --grunge:#6B4A2B;
  --cream:#F1E5BD;
  --green-led:#33ff66;
  --neon:#ff2d57;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--paper);color:var(--ink);font-family:'Fraunces',Georgia,serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;cursor:none}

/* aged paper + grain + vignette */
body{
  background-image:
    radial-gradient(ellipse at center, rgba(0,0,0,0) 35%, rgba(0,0,0,.45) 100%),
    radial-gradient(ellipse at 18% 8%, rgba(166,49,30,.10), transparent 50%),
    radial-gradient(ellipse at 88% 60%, rgba(58,74,34,.14), transparent 55%),
    radial-gradient(ellipse at 60% 92%, rgba(92,65,36,.20), transparent 55%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.06  0 0 0 0 0.05  0 0 0 0 0.04  0 0 0 0.36 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size:auto, auto, auto, auto, 240px 240px;
  background-attachment:fixed,fixed,fixed,fixed,fixed;
}

.crt-line{position:fixed;left:0;right:0;height:120px;pointer-events:none;z-index:9990;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.06) 50%,rgba(255,255,255,0));mix-blend-mode:overlay;animation:crt 12s linear infinite}
@keyframes crt{0%{top:-120px}100%{top:100vh}}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.cursor-dot{position:fixed;width:14px;height:14px;border-radius:50%;background:var(--punch);pointer-events:none;z-index:9999;mix-blend-mode:multiply;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,background .15s ease}
.cursor-dot.big{width:46px;height:46px;background:var(--mustard)}
.cursor-ring{position:fixed;width:36px;height:36px;border:2px solid var(--ink);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .2s ease,opacity .2s ease,transform .12s linear}

.on-air{position:fixed;left:18px;bottom:18px;background:var(--ink);color:var(--cream);padding:8px 14px;font-family:'Bungee',sans-serif;font-size:12px;letter-spacing:.2em;border:2px solid var(--cream);z-index:80;display:flex;gap:10px;align-items:center;box-shadow:4px 4px 0 var(--punch)}
.on-air .rec-dot{width:10px;height:10px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon);animation:pulse-rec 1.4s ease-in-out infinite}
@keyframes pulse-rec{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.on-air .vu{font-family:'VT323',monospace;color:var(--green-led);font-size:18px;letter-spacing:.04em;text-shadow:0 0 6px rgba(51,255,102,.7);min-width:60px;text-align:right}

.tape-strip{background:var(--ink);color:var(--cream);font-family:'Special Elite',monospace;letter-spacing:.16em;font-size:13px;padding:10px 0;text-align:center;position:relative;overflow:hidden}
.tape-strip::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.05) 2px 3px);pointer-events:none}
.tape-strip span{margin:0 14px;color:var(--mustard)}

.nav{padding:22px 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);position:relative;z-index:5;background:var(--paper)}
.brand{font-family:'Rubik Distressed',sans-serif;font-size:32px;letter-spacing:.04em;color:var(--ink);line-height:1;display:inline-flex;align-items:baseline;gap:6px}
.brand .dot{width:14px;height:14px;background:var(--punch);border-radius:50%;display:inline-block;transform:translateY(-4px);animation:wobble 4s ease-in-out infinite}
.nav ul{list-style:none;display:flex;gap:30px}
.nav ul a{font-family:'Bungee',sans-serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;position:relative;padding:6px 4px}
.nav ul a:hover{color:var(--punch)}
.nav ul a.active{color:var(--punch)}
.nav ul a.active::before{content:'';position:absolute;left:-10px;top:50%;width:6px;height:6px;background:var(--punch);border-radius:50%;transform:translateY(-50%);animation:pulse-rec 2s infinite}
.nav .cart-pill{font-family:'VT323',monospace;font-size:18px;letter-spacing:.08em;background:var(--ink);color:var(--green-led);padding:6px 14px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--punch);transition:transform .15s ease}
.nav .cart-pill:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--punch)}
.nav .cart-pill.has-items{color:var(--neon);text-shadow:0 0 6px rgba(255,45,87,.7);animation:pulse-rec 2.5s ease-in-out infinite}

.vinyl{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#1a1a1a 28%,#0a0a0a 30% 38%,#1a1a1a 40% 48%,#0a0a0a 50% 60%,#1a1a1a 62% 100%);position:relative;animation:spin 4s linear infinite;display:inline-block;margin-right:14px;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.vinyl::before{content:'';position:absolute;top:50%;left:50%;width:14px;height:14px;border-radius:50%;background:var(--punch);transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #0a0a0a}
.vinyl::after{content:'';position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:50%;background:#0a0a0a;transform:translate(-50%,-50%);z-index:2}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

.nav-left{display:flex;align-items:center}

.zine-tab{position:fixed;left:0;top:38vh;background:var(--punch);color:var(--cream);font-family:'Knewave',serif;font-size:14px;letter-spacing:.2em;padding:14px 10px;writing-mode:vertical-rl;transform:rotate(180deg);z-index:50;box-shadow:0 4px 0 rgba(0,0,0,.2)}

.rn{display:inline-block;line-height:.9}
.rn .w{display:inline-block;margin:0 4px;vertical-align:baseline}
.f-honk{font-family:'Rubik Wet Paint',system-ui,sans-serif}
.f-shade{font-family:'Rubik Distressed',sans-serif}
.f-bungee{font-family:'Bungee',sans-serif}
.f-fraunces-it{font-family:'Fraunces',serif;font-style:italic;font-weight:400}
.f-marker{font-family:'Permanent Marker',cursive}
.f-ultra{font-family:'Rubik Distressed',serif}
.f-rye{font-family:'Knewave',serif}
.f-typew{font-family:'Special Elite',monospace}
.f-script{font-family:'Caveat',cursive;font-weight:600}
.c-punch{color:var(--punch)}.c-rust{color:var(--rust)}.c-teal{color:var(--teal)}.c-mustard{color:var(--mustard)}.c-green{color:var(--green)}.c-cream{color:var(--cream)}.c-ink{color:var(--ink)}
.rot-l{display:inline-block;transform:rotate(-4deg)}.rot-r{display:inline-block;transform:rotate(3deg)}.rot-ll{display:inline-block;transform:rotate(-9deg)}
.size-sm{font-size:.55em}.size-md{font-size:.75em}.size-xl{font-size:1.15em}
.bg-y{background:var(--mustard);padding:0 8px;display:inline-block}.bg-i{background:var(--ink);color:var(--cream);padding:0 8px;display:inline-block}.bg-p{background:var(--punch);color:var(--cream);padding:0 8px;display:inline-block}
.under-wave{text-decoration:underline wavy var(--punch);text-underline-offset:8px;text-decoration-thickness:3px}

@keyframes wobble{0%,100%{transform:rotate(var(--rot,0deg))}50%{transform:rotate(calc(var(--rot,0deg) - 3deg))}}
@keyframes scroll-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes scroll-mq-rev{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes drift{0%{transform:translate(0,0) rotate(var(--rot,0deg))}33%{transform:translate(20px,-15px) rotate(calc(var(--rot,0deg) + 3deg))}66%{transform:translate(-15px,12px) rotate(calc(var(--rot,0deg) - 2deg))}100%{transform:translate(0,0) rotate(var(--rot,0deg))}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
@keyframes flicker{0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,24%,55%{opacity:.55}}
@keyframes jitter{0%,100%{transform:translate(0,0) rotate(var(--rot,0))}25%{transform:translate(.6px,-.4px) rotate(calc(var(--rot,0) + .3deg))}50%{transform:translate(-.4px,.5px) rotate(calc(var(--rot,0) - .2deg))}75%{transform:translate(.3px,.4px) rotate(calc(var(--rot,0) + .2deg))}}
@keyframes float-up{0%{transform:translateY(100vh) rotate(0)}100%{transform:translateY(-200px) rotate(360deg)}}

.hero{position:relative;padding:60px 38px 80px;overflow:hidden}

.bg-layer{position:absolute;pointer-events:none;will-change:transform}
.bg-l1{top:8%;left:-60px;width:300px;color:var(--mustard);opacity:.3;animation:drift 14s ease-in-out infinite}
.bg-l2{top:30%;right:-80px;width:380px;color:var(--teal);opacity:.22;animation:drift 18s ease-in-out infinite reverse;animation-delay:-3s}
.bg-l3{bottom:-80px;left:30%;width:240px;color:var(--punch);opacity:.18;animation:drift 16s ease-in-out infinite;animation-delay:-7s}
.bg-l4{top:60%;left:50%;width:120px;color:var(--green);opacity:.32;animation:drift 12s ease-in-out infinite;animation-delay:-2s}
.bg-l5{top:5%;right:30%;width:80px;color:var(--rust);opacity:.4;animation:drift 10s ease-in-out infinite}

.dots-bg{position:absolute;pointer-events:none;background-image:radial-gradient(var(--ink) 1.2px,transparent 1.4px);background-size:14px 14px;opacity:.15;width:340px;height:240px;top:55%;left:6%;transform:rotate(8deg);animation:breathe 6s ease-in-out infinite}

.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.3fr .9fr;gap:40px;max-width:1500px;margin:0 auto;align-items:center}
.hero-eyebrow{font-family:'Special Elite',monospace;font-size:14px;letter-spacing:.2em;color:var(--punch);margin-bottom:18px;display:inline-block;border-top:1px dashed var(--punch);border-bottom:1px dashed var(--punch);padding:6px 0}
.hero-tag{font-family:'Knewave',cursive;font-size:clamp(46px,7.5vw,96px);line-height:.95;color:var(--ink);margin-bottom:24px;letter-spacing:-.01em}
.hero-tag em{font-style:normal;color:var(--punch);font-family:'Caveat Brush',cursive;font-size:1.1em}
.hero-tag .marker{font-family:'Permanent Marker',cursive;color:var(--punch);font-size:.85em;display:inline-block;animation:wobble 6s ease-in-out infinite;--rot:-3deg}
.hero-blurb{font-family:'Fraunces',serif;font-style:italic;font-size:21px;color:#3a2c1c;max-width:520px;margin-bottom:32px}
.hero-cta-row{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.btn-primary{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:var(--cream);font-family:'Bungee',sans-serif;font-size:14px;letter-spacing:.18em;padding:18px 28px;text-transform:uppercase;border:3px solid var(--ink);transition:all .2s ease;position:relative;cursor:none}
.btn-primary:hover{background:var(--punch);transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink)}
.btn-link{font-family:'Permanent Marker',cursive;font-size:18px;color:var(--ink);text-decoration:underline wavy var(--punch);text-underline-offset:6px}

.hero-collage{position:relative;height:560px}
.taped-photo{position:absolute;background:var(--cream);padding:14px 14px 50px;box-shadow:0 26px 40px -18px rgba(0,0,0,.45),0 6px 14px -6px rgba(0,0,0,.25);will-change:transform;transition:transform .3s ease}
.taped-photo .ph{aspect-ratio:1;background-size:cover;background-position:center;filter:sepia(.4) contrast(1.1) saturate(.85)}
.taped-photo .cap{position:absolute;bottom:12px;left:14px;right:14px;font-family:'Permanent Marker',cursive;font-size:15px;color:#3a2e1c;line-height:1.2}
.taped-photo::before{content:'';position:absolute;top:-14px;left:30%;width:110px;height:26px;background:rgba(201,154,45,.7);transform:rotate(-3deg);box-shadow:1px 2px 4px rgba(0,0,0,.1);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.1) 0 2px,transparent 2px 6px)}
.tp1{top:10px;right:30px;width:300px;--rot:-5deg;transform:rotate(-5deg);z-index:3;animation:breathe 8s ease-in-out infinite}
.tp2{top:240px;left:0;width:240px;--rot:7deg;transform:rotate(7deg);z-index:1;animation:breathe 9s ease-in-out infinite;animation-delay:-3s}
.tp3{bottom:-10px;right:80px;width:220px;--rot:-10deg;transform:rotate(-10deg);z-index:2;animation:breathe 10s ease-in-out infinite;animation-delay:-5s}

.sticker{position:absolute;width:130px;height:130px;border-radius:50%;background:var(--punch);color:var(--cream);font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.14em;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;line-height:1.3;box-shadow:0 6px 0 rgba(0,0,0,.18);z-index:5;animation:wobble 5s ease-in-out infinite;will-change:transform}
.sticker.s1{top:-30px;right:-10px;--rot:-12deg;transform:rotate(-12deg)}
.sticker.s2{bottom:-20px;left:30%;background:var(--green);--rot:8deg;transform:rotate(8deg);animation-delay:-2s}
.sticker.s3{top:38%;left:-50px;background:var(--mustard);color:var(--ink);--rot:-5deg;transform:rotate(-5deg);width:110px;height:110px;font-size:10px;animation-delay:-3.5s}

.coffee-stain{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(92,65,36,.32),rgba(92,65,36,0) 65%);pointer-events:none;z-index:1;animation:breathe 14s ease-in-out infinite}
.coffee-stain.cs1{top:30%;left:42%;width:170px;height:170px}
.coffee-stain.cs2{bottom:5%;right:10%;width:240px;height:240px;animation-delay:-7s}

.cassette{position:absolute;top:90px;right:38px;width:90px;height:60px;background:#1a1a1a;border-radius:6px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;z-index:6;box-shadow:0 4px 0 rgba(0,0,0,.3);transform:rotate(-4deg);animation:wobble 7s ease-in-out infinite;--rot:-4deg}
.cassette .reel{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#999 28%,#555 30% 38%,#999 40% 100%);animation:spin 3s linear infinite}
.cassette .reel:last-child{animation-duration:5s}
.cassette .label{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:var(--mustard);color:var(--ink);padding:1px 6px;font-family:'Special Elite',monospace;font-size:9px;letter-spacing:.1em}

.marquee{background:var(--ink);color:var(--cream);overflow:hidden;border-top:3px solid var(--punch);border-bottom:3px solid var(--punch);padding:14px 0;position:relative;z-index:3}
.marquee::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.05) 3px 4px);pointer-events:none}
.marquee-track{display:inline-flex;white-space:nowrap;animation:scroll-mq 34s linear infinite;font-family:'Knewave',serif;font-size:38px;letter-spacing:.04em}
.marquee-track span{margin:0 26px;display:inline-flex;align-items:center;gap:26px}
.marquee-track .star{color:var(--mustard);font-family:'Rubik Wet Paint',sans-serif;font-size:1.05em}
.marquee-track em{font-style:normal;color:var(--punch);font-family:'Rubik Distressed',sans-serif}
.marquee.rev{padding:8px 0;background:var(--punch);border:none}
.marquee.rev .marquee-track{animation:scroll-mq-rev 26s linear infinite;font-family:'Special Elite',monospace;font-size:18px;color:var(--cream);letter-spacing:.1em}

.tape-divider{padding:14px 38px;background:var(--paper);position:relative;z-index:2;display:flex;align-items:center;gap:18px;border-top:2px dashed rgba(14,9,5,.3);border-bottom:2px dashed rgba(14,9,5,.3);flex-wrap:wrap}
.tape-divider .label{font-family:'Bungee',sans-serif;font-size:13px;letter-spacing:.28em;background:var(--mustard);color:var(--ink);padding:6px 14px;transform:rotate(-1.5deg);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);animation:wobble 8s ease-in-out infinite;--rot:-1.5deg}
.tape-divider .meta{font-family:'Special Elite',monospace;font-size:16px;color:#5a4d3a;letter-spacing:.04em}
.tape-divider .meta b{color:var(--punch);font-weight:normal}

.pin-section{position:relative;background:var(--ink);color:var(--cream);overflow:hidden}
.pin-section .pin-bg{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.85  0 0 0 0 0.78  0 0 0 0 0.55  0 0 0 0.07 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");pointer-events:none}
.pin-inner{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pin-stage{position:relative;width:100%;max-width:1300px;padding:0 38px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.pin-text-block{position:relative;z-index:3}
.pin-eyebrow{font-family:'Special Elite',monospace;font-size:14px;letter-spacing:.3em;color:var(--mustard);margin-bottom:20px}
.pin-title{font-family:'Rubik Distressed',serif;font-size:clamp(42px,6vw,82px);line-height:1;color:var(--cream);margin-bottom:24px;letter-spacing:-.005em}
.pin-title em{font-style:normal;color:var(--punch);font-family:'Knewave',serif}
.pin-step{display:none;font-family:'Fraunces',serif;font-size:22px;line-height:1.55;color:#dccba0;font-style:italic}
.pin-step.active{display:block;animation:fade-in .8s ease}
.pin-step .marker{font-family:'Permanent Marker',cursive;color:var(--mustard);background:rgba(0,0,0,.4);padding:0 6px;font-style:normal}
@keyframes fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.tee-stage{position:relative;width:100%;height:520px;display:flex;align-items:center;justify-content:center}
.tee-base{position:absolute;width:380px;height:440px;background:var(--cream);clip-path:polygon(20% 0, 35% 0, 50% 12%, 65% 0, 80% 0, 100% 18%, 92% 35%, 80% 30%, 80% 100%, 20% 100%, 20% 30%, 8% 35%, 0% 18%);box-shadow:0 30px 50px rgba(0,0,0,.4);transform:rotate(-3deg);overflow:hidden}
.tee-layer{position:absolute;inset:0;transition:opacity .6s ease,transform .6s ease;display:flex;align-items:center;justify-content:center;padding:80px 60px}
.tee-layer.l1{background:var(--mustard);opacity:0;mix-blend-mode:multiply}
.tee-layer.l2{opacity:0}
.tee-layer.l2 .ink-print{font-family:'Rubik Distressed',sans-serif;font-size:60px;color:var(--punch);transform:rotate(-3deg);text-align:center;line-height:.85}
.tee-layer.l3{opacity:0}
.tee-layer.l3 .ink-print{font-family:'Permanent Marker',cursive;font-size:24px;color:var(--ink);position:absolute;bottom:90px;left:50%;transform:translateX(-50%) rotate(-2deg)}
.tee-counter{position:absolute;top:20px;right:30px;font-family:'VT323',monospace;font-size:24px;color:var(--green-led);background:#000;border:2px solid var(--green-led);padding:4px 10px;letter-spacing:.18em;box-shadow:inset 0 0 14px rgba(51,255,102,.4);text-shadow:0 0 6px rgba(51,255,102,.7)}
.pin-progress{display:flex;gap:12px;margin-top:48px;flex-wrap:wrap}
.pin-pill{font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.18em;padding:10px 16px;border:2px solid var(--cream);color:var(--cream);opacity:.4;transition:all .3s ease;cursor:none}
.pin-pill.active{background:var(--punch);border-color:var(--punch);opacity:1;transform:scale(1.05);box-shadow:4px 4px 0 var(--ink)}
.pin-progress-line{flex:1;min-width:30px;height:2px;background:var(--cream);opacity:.3;align-self:center}
.pin-scroll-cue{margin-top:32px;font-family:'Special Elite',monospace;font-size:14px;color:#dccba0;letter-spacing:.18em;display:inline-flex;align-items:center;gap:10px;opacity:.7}
.pin-scroll-cue .arrow{display:inline-block;animation:bounce-down 1.6s ease-in-out infinite}
@keyframes bounce-down{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

.cutout-section{position:relative;padding:120px 0 140px;background:var(--ink);overflow:hidden;color:var(--cream)}
.cutout-section .scratch{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='s'><feTurbulence baseFrequency='.04 1.2' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23s)' opacity='.14'/></svg>");pointer-events:none;mix-blend-mode:screen;opacity:.5}
.cutout-eyebrow{text-align:center;font-family:'Special Elite',monospace;font-size:15px;letter-spacing:.3em;color:var(--mustard);margin-bottom:30px;position:relative;z-index:2}
.cutout-text{font-family:'Bungee',sans-serif;font-size:clamp(140px,28vw,440px);line-height:.85;text-align:center;letter-spacing:-.03em;background-image:url('../img/banner/banner-img-1.jpg');background-attachment:fixed;background-size:cover;background-position:center;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;position:relative;z-index:2;filter:contrast(1.1) saturate(.9)}
.cutout-sub{text-align:center;font-family:'Knewave',serif;font-size:clamp(20px,2.6vw,32px);color:var(--cream);margin-top:28px;letter-spacing:.06em;position:relative;z-index:2}
.cutout-sub em{font-style:normal;color:var(--mustard)}

.windows-section{position:relative;background-image:url('../img/banner/banner-img-2.jpg');background-attachment:fixed;background-size:cover;background-position:center;padding:60px 0}
.windows-section::before{content:'';position:absolute;inset:0;background:rgba(14,9,5,.3)}
.windows-strip{position:relative;z-index:2}
.window-panel{background:var(--paper);padding:60px 38px;text-align:center;position:relative;border-top:6px solid var(--ink);border-bottom:6px solid var(--ink)}
.window-panel:nth-child(odd){background:var(--cream)}
.window-panel h3{font-family:'Rubik Distressed',serif;font-size:clamp(36px,5vw,64px);line-height:1;margin-bottom:14px}
.window-panel p{font-family:'Fraunces',serif;font-style:italic;font-size:20px;color:#3a2c1c;max-width:700px;margin:0 auto}
.window-gap{height:240px;background:transparent;position:relative;display:flex;align-items:center;justify-content:center}
.window-gap::before,.window-gap::after{content:'';position:absolute;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,var(--ink) 0 30px,transparent 30px 60px)}
.window-gap::before{top:0}
.window-gap::after{bottom:0}
.window-gap span{font-family:'Special Elite',monospace;color:var(--cream);font-size:14px;letter-spacing:.2em;background:var(--ink);padding:6px 12px;border:1px dashed var(--cream)}

.featured{padding:100px 38px;position:relative;overflow:hidden}
.featured-head{max-width:1300px;margin:0 auto 60px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.featured-head .lhs{flex:1;min-width:300px}
.featured-eyebrow{font-family:'Special Elite',monospace;font-size:14px;letter-spacing:.2em;color:var(--punch);margin-bottom:14px}
.featured h2{font-size:clamp(56px,8vw,120px);line-height:.95;margin-bottom:14px}
.featured-head .rhs a{font-family:'Permanent Marker',cursive;font-size:20px;color:var(--ink);text-decoration:underline wavy var(--punch);text-underline-offset:7px}
.feat-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:80px;gap:22px;position:relative;z-index:2}
.feat-card{position:relative;cursor:none;transition:transform .35s cubic-bezier(.4,1.5,.5,1),opacity .8s ease;will-change:transform,opacity}
.feat-card .polaroid{background:var(--cream);padding:18px 18px 56px;box-shadow:0 22px 30px -16px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.12);position:relative;overflow:hidden}
.feat-card .polaroid::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.4  0 0 0 0 0.3  0 0 0 0 0.18  0 0 0 0.18 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");mix-blend-mode:multiply;opacity:.4;pointer-events:none}
.feat-card .ph{aspect-ratio:1;width:100%;background-size:cover;background-position:center;filter:sepia(.3) contrast(1.05) saturate(.85);animation:breathe 12s ease-in-out infinite;overflow:hidden;position:relative}
.feat-card .ph img{width:100%;height:100%;object-fit:cover;display:block}
.feat-card .tape{position:absolute;top:-12px;left:30%;width:100px;height:24px;background:rgba(201,154,45,.65);transform:rotate(-4deg);z-index:2;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0 2px,transparent 2px 6px)}
.feat-card .tag{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;align-items:flex-end;z-index:3}
.feat-card .tag h6{font-family:'Bungee',sans-serif;font-size:13px;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;max-width:65%;color:var(--ink)}
.feat-card .tag .price{font-family:'Rubik Wet Paint',sans-serif;font-size:36px;color:var(--punch);line-height:.85}
.feat-card .tag .price small{font-family:'Bungee',sans-serif;font-size:9px;letter-spacing:.15em;color:#6a5d4a;display:block;text-transform:uppercase;margin-bottom:-2px}
.feat-card.f1{grid-column:1/span 5;grid-row:span 7;transform:rotate(-2deg) translateX(-100px);opacity:0}
.feat-card.f2{grid-column:6/span 4;grid-row:span 6;transform:rotate(2deg) translateY(80px);opacity:0}
.feat-card.f3{grid-column:10/span 3;grid-row:span 5;transform:rotate(-1deg) translateX(100px);opacity:0}
.feat-card.in-view.f1{transform:rotate(-2deg) translateX(0);opacity:1}
.feat-card.in-view.f2{transform:rotate(2deg) translateY(0);opacity:1}
.feat-card.in-view.f3{transform:rotate(-1deg) translateX(0);opacity:1}
.feat-card:hover{transform:rotate(0) translateY(-10px) scale(1.02);z-index:5}
.scrib-hot{position:absolute;top:-22px;right:-12px;background:var(--mustard);padding:8px 14px;color:var(--ink);border:2px solid var(--ink);font-family:'Bungee',sans-serif;font-size:13px;transform:rotate(8deg);box-shadow:3px 3px 0 var(--ink);z-index:6;animation:wobble 6s ease-in-out infinite;--rot:8deg}

/* Shop page: uniform responsive grid instead of the broken-grid layout. */
.feat-grid-uniform{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:auto;gap:40px 24px}
.feat-grid-uniform .feat-card,
.feat-grid-uniform .feat-card.f1,
.feat-grid-uniform .feat-card.f2,
.feat-grid-uniform .feat-card.f3{grid-column:auto;grid-row:auto}

.parallax-section{position:relative;min-height:80vh;background-image:url('../img/banner/banner-img-2.jpg');background-attachment:fixed;background-size:cover;background-position:center;overflow:hidden}
.parallax-section::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,9,5,.85),rgba(14,9,5,.65) 30%,rgba(14,9,5,.3) 60%,rgba(14,9,5,.85))}
.parallax-inner{position:relative;z-index:2;max-width:980px;margin:0 auto;padding:140px 38px;color:var(--cream)}
.parallax-eyebrow{font-family:'Special Elite',monospace;font-size:14px;letter-spacing:.3em;color:var(--mustard);margin-bottom:22px}
.parallax-headline{font-family:'Rubik Distressed',serif;font-size:clamp(42px,6vw,82px);line-height:1;margin-bottom:30px;color:var(--cream);letter-spacing:-.005em}
.parallax-headline em{font-style:normal;color:var(--punch);font-family:'Knewave',serif}
.parallax-body{font-family:'Fraunces',serif;font-size:21px;font-style:italic;color:#e8dcb8;max-width:680px;line-height:1.55;margin-bottom:30px}
.parallax-body p{margin-bottom:18px}
.parallax-body .marker{font-family:'Permanent Marker',cursive;color:var(--mustard);font-style:normal;background:rgba(0,0,0,.4);padding:0 6px}

footer{background:var(--ink);color:var(--cream);padding:70px 38px 40px;position:relative;overflow:hidden}
.foot-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px;align-items:start}
.foot-brand{font-family:'Rubik Distressed',sans-serif;font-size:46px;color:var(--cream);line-height:1}
.foot-brand+p{font-family:'Special Elite',monospace;font-size:16px;color:#bcae93;margin-top:16px;max-width:340px;line-height:1.5}
.foot-col h5{font-family:'Bungee',sans-serif;font-size:13px;letter-spacing:.2em;color:var(--mustard);text-transform:uppercase;margin-bottom:18px}
.foot-col ul{list-style:none}
.foot-col li{margin-bottom:10px;font-family:'Fraunces',serif;font-size:16px;color:#cdc1a8}
.foot-col li a:hover{color:var(--punch)}
.web10{max-width:1300px;margin:50px auto 0;padding:24px;border:2px dashed #43382b;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;font-family:'VT323',monospace;font-size:20px;color:var(--green-led);letter-spacing:.04em}
.web10 .counter{display:inline-flex;background:#000;border:2px solid var(--green-led);padding:4px 10px;letter-spacing:.18em;font-size:24px;box-shadow:inset 0 0 14px rgba(51,255,102,.4);text-shadow:0 0 6px rgba(51,255,102,.7)}
.web10 .center{text-align:center;color:#bcae93}
.web10 .right{text-align:right;color:#bcae93}
.web10 b{color:var(--mustard);font-weight:normal}
.foot-bottom{max-width:1300px;margin:30px auto 0;padding-top:24px;border-top:1px dashed #43382b;display:flex;justify-content:space-between;align-items:center;font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.2em;color:#7d6e54;text-transform:uppercase}

.dust{position:fixed;width:4px;height:4px;background:rgba(255,235,180,.55);border-radius:50%;pointer-events:none;z-index:9991;will-change:transform}

.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.reveal.in-view{opacity:1;transform:translateY(0)}
.reveal-l{transform:translateX(-80px)}
.reveal-l.in-view{transform:translateX(0)}
.reveal-r{transform:translateX(80px)}
.reveal-r.in-view{transform:translateX(0)}

/* contact form (admin & public) */
.contact-section{padding:100px 38px;max-width:780px;margin:0 auto}
.contact-form{background:var(--cream);padding:50px 40px;box-shadow:0 22px 50px -20px rgba(0,0,0,.3);position:relative;transform:rotate(-.5deg)}
.contact-form .field{margin-bottom:22px}
.contact-form label{display:block;font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;color:var(--ink)}
.contact-form input,.contact-form textarea{width:100%;font-family:'Fraunces',serif;font-size:18px;background:transparent;border:none;border-bottom:2px solid var(--ink);padding:8px 4px;color:var(--ink);font-style:italic;cursor:none}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-bottom-color:var(--punch)}
.contact-form textarea{min-height:140px;resize:vertical;font-family:'Fraunces',serif;font-style:italic}
.contact-form .honeypot{position:absolute;left:-9999px}
.contact-form button{margin-top:14px}
.flash-success{background:var(--green);color:var(--cream);padding:18px 22px;font-family:'Special Elite',monospace;letter-spacing:.06em;margin-bottom:30px}
.flash-error{background:var(--punch);color:var(--cream);padding:18px 22px;font-family:'Special Elite',monospace;letter-spacing:.06em;margin-bottom:30px}
.errors{color:var(--punch);font-family:'Special Elite',monospace;font-size:14px;margin-top:6px}

@media (max-width:980px){
  .nav{padding:18px 22px;flex-wrap:wrap;gap:14px}
  .nav ul{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:18px}
  .zine-tab,.cassette,.on-air{display:none}
  .hero-grid{grid-template-columns:1fr}
  .hero-collage{height:420px;margin-top:30px}
  .tp1{right:0;width:60%}.tp2{left:0;width:45%}.tp3{right:30%;width:38%}
  .feat-grid{display:flex;flex-direction:column;gap:30px}
  .feat-card.f1,.feat-card.f2,.feat-card.f3{grid-column:auto;grid-row:auto;width:100%;transform:none;opacity:1}
  .feat-card .polaroid{height:auto}
  .feat-card .ph{height:auto}
  .pin-section{height:auto}
  .pin-inner{position:relative;height:auto;padding:80px 0}
  .pin-stage{grid-template-columns:1fr;gap:40px}
  .tee-stage{height:400px}
  .tee-base{width:280px;height:340px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:40px}
  .web10{grid-template-columns:1fr}
  .parallax-section,.windows-section,.cutout-text{background-attachment:scroll}
  html,body{cursor:auto}
  .cursor-dot,.cursor-ring{display:none}
}
@media (max-width:600px){.foot-grid{grid-template-columns:1fr}.marquee-track{font-size:30px}}

/* ============================
 *  PRODUCT DETAIL PAGE
 * ============================ */
.detail-section{padding:80px 38px 60px;position:relative;max-width:1400px;margin:0 auto}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.detail-gallery{position:relative}
.detail-main{position:relative;background:var(--cream);padding:22px 22px 22px;box-shadow:0 28px 50px -22px rgba(0,0,0,.45),0 8px 18px -8px rgba(0,0,0,.2);transform:rotate(-1.2deg)}
.detail-main img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;filter:sepia(.18) contrast(1.05) saturate(.9)}
.detail-tape{position:absolute;top:-14px;left:40%;width:120px;height:26px;background:rgba(201,154,45,.7);transform:rotate(-3deg);box-shadow:1px 2px 4px rgba(0,0,0,.1);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.1) 0 2px,transparent 2px 6px)}
.detail-thumbs{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.detail-thumb{position:relative;width:84px;height:84px;background:var(--cream);border:2px solid var(--ink);padding:6px;cursor:none;transition:all .2s ease;opacity:.65}
.detail-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.18) contrast(1.05) saturate(.9)}
.detail-thumb:hover{opacity:1;transform:translateY(-3px)}
.detail-thumb.active{opacity:1;border-color:var(--punch);box-shadow:4px 4px 0 var(--punch)}
.detail-thumb[data-color]::after{content:attr(data-color);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--cream);font-family:'Bungee',sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:10}
.detail-thumb[data-color]:hover::after{opacity:1}

.detail-info{padding-top:14px}
.detail-eyebrow{font-family:'Special Elite',monospace;font-size:13px;letter-spacing:.24em;color:var(--punch);margin-bottom:18px}
.detail-title{font-family:'Knewave',cursive;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.005em;margin-bottom:14px;color:var(--ink)}
.detail-price{font-family:'Rubik Wet Paint',sans-serif;font-size:54px;color:var(--punch);line-height:1;margin-bottom:24px}
.detail-description{font-family:'Fraunces',serif;font-size:19px;line-height:1.6;color:#3a2c1c;margin-bottom:28px;max-width:600px}
.detail-description p{margin-bottom:14px}
.detail-description p:last-child{margin-bottom:0}
.detail-description strong,.detail-description b{color:var(--ink);font-weight:700}
.detail-description ul,.detail-description ol{margin:14px 0 14px 22px}
.detail-description li{margin-bottom:6px}
.detail-description a{color:var(--punch);text-decoration:underline wavy var(--punch);text-underline-offset:4px}
.detail-description h2,.detail-description h3,.detail-description h4{font-family:'Knewave',cursive;color:var(--ink);margin:18px 0 10px;font-weight:400}
.detail-description h2{font-size:28px}
.detail-description h3{font-size:22px}
.detail-description h4{font-size:18px}
.detail-description table{width:100%;border-collapse:collapse;font-family:'Fraunces',serif;font-size:15px;background:var(--cream);box-shadow:0 6px 14px -8px rgba(0,0,0,.2);margin:18px 0;border-left:4px solid var(--ink)}
.detail-description table caption{font-family:'Bungee',sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);padding:12px 14px;text-align:left;border-bottom:2px solid var(--ink);caption-side:top}
.detail-description table th,.detail-description table td{padding:8px 12px;text-align:left;border-top:1px solid rgba(14,9,5,.12);color:var(--ink)}
.detail-description table thead th,.detail-description table tr:first-child td{background:var(--ink);color:var(--cream);font-family:'Bungee',sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;border-top:none}
.detail-description table tbody tr:hover{background:rgba(194,64,43,.04)}
.detail-description table tbody td:first-child,.detail-description table tr td:first-child{font-weight:700}

.detail-variants{background:var(--cream);padding:14px 18px;border-left:6px solid var(--punch);margin-bottom:24px;max-width:540px;box-shadow:0 6px 14px -8px rgba(0,0,0,.2)}

.size-chart{margin-bottom:30px;max-width:540px;background:var(--cream);box-shadow:0 6px 14px -8px rgba(0,0,0,.2);border-left:4px solid var(--ink)}
.size-chart summary{cursor:pointer;padding:14px 22px;font-family:'Bungee',sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}
.size-chart summary::-webkit-details-marker{display:none}
.size-chart summary::after{content:'+';font-family:'Bungee',sans-serif;font-size:18px;color:var(--punch);transition:transform .2s ease}
.size-chart[open] summary::after{content:'−'}
.size-chart summary:hover{background:rgba(194,64,43,.08)}
.size-chart-unit{font-family:'Fraunces',serif;font-style:italic;font-weight:400;font-size:13px;letter-spacing:0;text-transform:lowercase;color:var(--grunge)}
.size-chart table{width:100%;border-collapse:collapse;font-family:'Fraunces',serif;font-size:15px;color:var(--ink)}
.size-chart th,.size-chart td{padding:8px 12px;text-align:left;border-top:1px solid rgba(14,9,5,.12)}
.size-chart thead th{background:var(--ink);color:var(--cream);font-family:'Bungee',sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.size-chart tbody tr:hover{background:rgba(194,64,43,.04)}
.size-chart-note{padding:12px 22px;font-family:'Special Elite',monospace;font-size:12px;color:var(--grunge);font-style:italic;border-top:1px dashed rgba(14,9,5,.2)}

.detail-variant-row{margin-bottom:10px}
.detail-variant-row:last-of-type{margin-bottom:0}
.detail-variant-label{font-family:'Bungee',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:6px}
.detail-chips{display:flex;gap:5px;flex-wrap:wrap}
.detail-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;background:var(--paper);color:var(--ink);font-family:'Bungee',sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink);cursor:none;transition:all .12s ease;line-height:1}
button.detail-chip{cursor:pointer;font:inherit}
.detail-chip:hover:not(.disabled){background:var(--ink);color:var(--cream);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}
.detail-chip.selected{background:var(--punch);color:var(--cream);border-color:var(--punch);box-shadow:2px 2px 0 var(--ink)}
.detail-chip.selected:hover{transform:none}
.detail-chip.disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed;background:transparent}
.detail-chip.disabled:hover{background:transparent;color:var(--ink);transform:none;box-shadow:none}
.detail-chip-label{line-height:1}
/* Swatch chips: drop the text label, show only a square color tile */
.detail-chips-swatch{gap:6px}
.detail-chip-swatch{position:relative;padding:0;gap:0;background:transparent;border:2px solid transparent}
.detail-chip-swatch .swatch{display:block;width:24px;height:24px;border-radius:0;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);flex:0 0 24px}
.detail-chip-swatch .detail-chip-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.detail-chip-swatch:hover:not(.disabled){background:transparent;border-color:var(--ink);transform:none;box-shadow:none}
.detail-chip-swatch.selected{background:transparent;border-color:var(--punch);box-shadow:0 0 0 1px var(--punch)}
.detail-chip-swatch.disabled{background:transparent;border-color:transparent;text-decoration:none}
.detail-chip-swatch.disabled .swatch{opacity:.35}
/* Custom hover tooltip — shows the color name above the swatch */
.detail-chip-swatch::after{content:attr(aria-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--cream);font-family:'Bungee',sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:10}
.detail-chip-swatch:hover::after{opacity:1}
.detail-variant-current{font-family:'Fraunces',serif;font-style:italic;font-weight:400;font-size:14px;letter-spacing:0;text-transform:none;color:var(--punch)}
.detail-variant-note{font-family:'Special Elite',monospace;font-size:13px;color:var(--grunge);margin-top:14px;font-style:italic}
.detail-cta{margin-bottom:30px}
.detail-soon{font-family:'Permanent Marker',cursive;font-size:18px;color:var(--grunge);margin-bottom:30px}
.detail-meta{display:flex;flex-wrap:wrap;gap:18px;font-family:'Special Elite',monospace;font-size:13px;color:var(--grunge);letter-spacing:.06em;padding-top:18px;border-top:1px dashed rgba(14,9,5,.3)}
.detail-back{max-width:1400px;margin:30px auto 60px;padding:0 38px}

@media (max-width:980px){
  .detail-section{padding:50px 24px 40px}
  .detail-grid{grid-template-columns:1fr;gap:40px}
  .detail-main{transform:none}
  .detail-thumb{width:64px;height:64px;cursor:pointer}
}

.detail-add-form{display:flex;align-items:center;gap:14px;margin-bottom:30px;flex-wrap:wrap}
.detail-qty{display:flex;align-items:center;gap:8px;background:var(--cream);padding:4px 10px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.detail-qty label{font-family:'Bungee',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.detail-qty input{width:54px;border:none;background:transparent;font-family:'VT323',monospace;font-size:22px;text-align:center;color:var(--ink);padding:6px 0;outline:none}

/* ============================
 *  CART PAGE
 * ============================ */
.cart-section{padding:60px 38px 80px;max-width:1300px;margin:0 auto;position:relative}
.cart-header{margin-bottom:40px}
.cart-header .featured-eyebrow{margin-bottom:8px}
.cart-header h1{font-size:clamp(56px,8vw,110px);line-height:.95}
.cart-count-line{font-family:'Special Elite',monospace;font-size:15px;color:var(--grunge);letter-spacing:.06em;margin-top:8px}

.cart-empty{text-align:center;padding:80px 0 40px;font-family:'Fraunces',serif;font-style:italic;font-size:22px;color:var(--grunge)}
.cart-empty p{margin-bottom:24px}

.cart-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:40px;align-items:start}

.cart-items{}
.cart-row{display:grid;grid-template-columns:90px 1fr auto auto 36px;gap:18px;align-items:center;background:var(--cream);padding:14px;margin-bottom:14px;box-shadow:0 6px 14px -8px rgba(0,0,0,.2);position:relative}
.cart-row-unavailable{opacity:.55}
.cart-thumb{width:90px;height:90px;display:block;overflow:hidden;background:#ddd}
.cart-thumb img{width:100%;height:100%;object-fit:cover;filter:sepia(.2) contrast(1.05) saturate(.9)}

.cart-info{min-width:0}
.cart-title{font-family:'Knewave',cursive;font-size:22px;line-height:1.1;color:var(--ink);display:block;text-decoration:none;overflow:hidden;text-overflow:ellipsis}
.cart-title:hover{color:var(--punch)}
.cart-variant{font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--grunge);margin-top:4px}
.cart-sku{font-family:'VT323',monospace;font-size:14px;color:#9b8a6c;margin-top:2px}
.cart-unavail-reason{font-family:'Special Elite',monospace;font-size:13px;color:var(--punch);margin-top:6px}

.cart-qty{display:flex;align-items:center;gap:6px;background:var(--paper);padding:4px 8px;border:2px solid var(--ink)}
.cart-qty-label{font-family:'Bungee',sans-serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--grunge)}
.cart-qty input{width:44px;border:none;background:transparent;font-family:'VT323',monospace;font-size:18px;text-align:center;outline:none;color:var(--ink)}
.cart-qty-btn{border:none;background:transparent;font-family:'VT323',monospace;font-size:18px;color:var(--punch);cursor:pointer;padding:0 4px}
.cart-qty-btn:hover{color:var(--ink)}

.cart-line-price{text-align:right;font-family:'Fraunces',serif}
.cart-unit{font-size:13px;color:var(--grunge);font-style:italic}
.cart-total{font-family:'Rubik Wet Paint',sans-serif;font-size:24px;color:var(--punch);line-height:1;margin-top:4px}

.cart-remove button{width:30px;height:30px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-family:'Bungee',sans-serif;font-size:14px;cursor:pointer;line-height:1;padding:0}
.cart-remove button:hover{background:var(--punch);color:var(--cream);border-color:var(--punch)}

.cart-unavailable-heading{font-family:'Bungee',sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--punch);margin:30px 0 14px;border-top:1px dashed rgba(14,9,5,.3);padding-top:14px}

.cart-summary{position:sticky;top:30px}
.cart-summary-inner{background:var(--cream);padding:28px 24px;box-shadow:0 12px 28px -16px rgba(0,0,0,.3);transform:rotate(-.3deg)}
.cart-summary h3{font-family:'Bungee',sans-serif;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.cart-summary-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;font-family:'Fraunces',serif;font-size:16px;color:var(--ink)}
.cart-summary-note{color:var(--grunge);font-style:italic}
.cart-pending{font-family:'Special Elite',monospace;font-size:13px}
.cart-summary hr{border:none;border-top:1px dashed rgba(14,9,5,.3);margin:8px 0}
.cart-summary-total{font-family:'Bungee',sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:.12em;padding-top:14px}
.cart-summary-total span:last-child{font-family:'Rubik Wet Paint',sans-serif;font-size:30px;color:var(--punch);letter-spacing:0;text-transform:none}
.cart-checkout-btn{width:100%;justify-content:center}
.cart-clear{background:none;border:none;font-family:'Special Elite',monospace;font-size:13px;color:var(--grunge);cursor:pointer;text-decoration:underline wavy var(--grunge);text-underline-offset:4px}

.cart-discount-form{display:flex;gap:6px;margin:14px 0 6px}
.cart-discount-form input{flex:1;padding:8px 10px;font-family:'VT323',monospace;font-size:16px;border:2px solid var(--ink);background:#fff;letter-spacing:.04em}
.cart-discount-form button{padding:8px 14px;font-family:'Bungee',sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:var(--ink);color:var(--cream);border:2px solid var(--ink);cursor:pointer}
.cart-discount-form button:hover{background:var(--punch);border-color:var(--punch)}

.cart-discount-row{color:var(--punch);font-weight:500}
.cart-discount-row strong{font-family:'Bungee',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--punch)}
.cart-discount-tag{display:inline-block;background:var(--punch);color:var(--cream);font-family:'Bungee',sans-serif;font-size:9px;letter-spacing:.1em;padding:2px 6px;margin-left:6px;text-transform:uppercase;vertical-align:middle}
.cart-discount-remove{background:none;border:none;color:var(--punch);font-size:16px;line-height:1;cursor:pointer;margin-left:6px;padding:0;font-family:inherit}
.cart-discount-remove:hover{color:var(--ink)}
.cart-clear:hover{color:var(--punch)}

@media (max-width:980px){
  .cart-grid{grid-template-columns:1fr}
  .cart-row{grid-template-columns:64px 1fr 36px;gap:12px;padding:10px}
  .cart-row .cart-thumb{width:64px;height:64px}
  .cart-row .cart-qty{grid-column:1/-1;justify-self:start}
  .cart-row .cart-line-price{grid-column:1/-1;text-align:left}
  .cart-summary{position:static}
}

/* ============================
 *  CHECKOUT
 * ============================ */
.checkout-section{padding:60px 38px 80px;max-width:1300px;margin:0 auto}
.checkout-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start}

.checkout-form{background:var(--cream);padding:32px 30px;box-shadow:0 6px 14px -8px rgba(0,0,0,.2);transform:rotate(-.2deg)}
.checkout-form .field{margin-bottom:16px}
.checkout-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.checkout-form label{display:block;font-family:'Bungee',sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;color:var(--ink)}
.checkout-form input[type=text],.checkout-form input[type=email],.checkout-form input[type=tel],.checkout-form input[type=number],.checkout-form select,.checkout-form textarea{width:100%;padding:10px 12px;font-family:'Fraunces',serif;font-size:16px;border:2px solid var(--ink);background:#fff;color:var(--ink)}
.checkout-form input:focus,.checkout-form select:focus,.checkout-form textarea:focus{outline:none;border-color:var(--punch);box-shadow:3px 3px 0 rgba(194,64,43,.3)}
.checkout-form textarea{resize:vertical}
.checkout-form .helper{font-family:'Special Elite',monospace;font-size:12px;color:var(--grunge);margin-top:4px}
.checkout-section-heading{font-family:'Bungee',sans-serif;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin:24px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.checkout-section-heading:first-of-type{margin-top:0}
.checkout-form .actions{display:flex;align-items:center;gap:18px;margin-top:24px;flex-wrap:wrap}

.checkout-summary-items{margin-top:8px;max-height:340px;overflow-y:auto;padding-right:4px}
.checkout-summary-row{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed rgba(14,9,5,.15)}
.checkout-summary-row:last-child{border-bottom:none}
.checkout-summary-row img{width:48px;height:48px;object-fit:cover;filter:sepia(.18) contrast(1.05) saturate(.9)}
.checkout-summary-info{min-width:0}
.checkout-summary-title{font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.checkout-summary-variant{font-family:'Special Elite',monospace;font-size:12px;color:var(--grunge);margin-top:2px}
.checkout-summary-price{font-family:'Fraunces',serif;font-size:15px;color:var(--ink);font-weight:600}

.checkout-review .review-block{background:var(--cream);padding:20px 24px;margin-bottom:16px;box-shadow:0 6px 14px -8px rgba(0,0,0,.18);position:relative}
.review-block-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.review-block h3{font-family:'Bungee',sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.review-line{font-family:'Fraunces',serif;font-size:16px;color:var(--ink);margin-bottom:2px}

@media (max-width:980px){
  .checkout-grid{grid-template-columns:1fr}
  .checkout-form .row{grid-template-columns:1fr}
  .cart-summary{position:static}
}

/* ============================
 *  PAYMENT (Stripe Elements)
 * ============================ */
.test-mode-banner{display:inline-block;margin-top:14px;padding:8px 14px;background:var(--mustard);color:var(--ink);font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.14em;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.test-mode-banner code{font-family:'VT323',monospace;font-size:15px;letter-spacing:.06em;background:rgba(0,0,0,.1);padding:0 4px}

.payment-form-wrap{background:var(--cream);padding:32px 30px;box-shadow:0 6px 14px -8px rgba(0,0,0,.2);transform:rotate(-.2deg)}
.payment-element{background:#fff;padding:18px;border:2px solid var(--ink);min-height:180px;margin-bottom:24px}
.payment-submit{width:100%;justify-content:center;font-size:16px;padding:18px 24px;letter-spacing:.18em}
.payment-message{margin-top:14px;padding:12px 16px;font-family:'Special Elite',monospace;font-size:14px;letter-spacing:.04em}
.payment-message.error{background:var(--punch);color:var(--cream)}
.payment-message.ok{background:#7A8842;color:var(--cream)}
.payment-trust{margin-top:18px;font-family:'Special Elite',monospace;font-size:13px;color:var(--grunge);font-style:italic;line-height:1.5}

/* ============================
 *  ORDER CONFIRMATION
 * ============================ */
.order-section{padding:60px 38px 80px;max-width:1300px;margin:0 auto}
.order-banner{background:var(--cream);padding:36px 30px;margin-bottom:40px;box-shadow:0 12px 28px -16px rgba(0,0,0,.3);transform:rotate(-.4deg);text-align:center;position:relative}
.order-banner::before{content:'';position:absolute;top:-14px;left:50%;transform:translateX(-50%) rotate(-3deg);width:160px;height:28px;background:rgba(122,136,66,.7);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.1) 0 2px,transparent 2px 6px)}
.order-banner h1{font-size:clamp(56px,8vw,110px);line-height:.95;margin-bottom:14px}
.order-number{font-family:'VT323',monospace;font-size:32px;color:var(--punch);letter-spacing:.08em;margin-bottom:14px}
.order-confirm-line{font-family:'Fraunces',serif;font-style:italic;font-size:18px;color:var(--ink)}

/* status timeline */
.order-timeline{display:flex;justify-content:space-between;align-items:flex-start;max-width:640px;margin:30px auto 10px;position:relative;padding:0 20px}
.order-timeline::before{content:'';position:absolute;top:14px;left:40px;right:40px;height:3px;background:rgba(14,9,5,.15);z-index:0}
.order-stage{position:relative;z-index:1;flex:1;text-align:center}
.order-stage-dot{width:30px;height:30px;border-radius:50%;background:var(--paper);border:3px solid rgba(14,9,5,.25);margin:0 auto 10px;transition:all .3s ease}
.order-stage-label{font-family:'Bungee',sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--grunge)}
.order-stage.done .order-stage-dot{background:var(--green);border-color:var(--green)}
.order-stage.done .order-stage-label{color:var(--ink)}
.order-stage.active .order-stage-dot{background:var(--punch);border-color:var(--punch);transform:scale(1.18);box-shadow:0 0 0 4px rgba(194,64,43,.18);animation:pulse-rec 2.5s ease-in-out infinite}
.order-stage.active .order-stage-label{color:var(--punch)}
.order-stage-cancelled{margin:20px auto;padding:14px 20px;display:inline-block;background:var(--grunge);color:var(--cream);font-family:'Bungee',sans-serif;font-size:13px;letter-spacing:.18em;border:2px solid var(--ink)}

/* tracking block */
.order-tracking{background:var(--ink);color:var(--cream);padding:24px 28px;max-width:520px;margin:24px auto 0;text-align:left;box-shadow:0 12px 28px -16px rgba(0,0,0,.5);transform:rotate(-.3deg)}
.order-tracking-label{font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mustard);margin-bottom:8px}
.order-tracking-number{font-family:'VT323',monospace;font-size:22px;color:var(--cream);letter-spacing:.06em;margin-bottom:14px;word-break:break-all}
.order-tracking-cta{background:var(--punch);border-color:var(--punch)}

.order-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start}

.order-items-block{background:var(--cream);padding:30px;box-shadow:0 6px 14px -8px rgba(0,0,0,.2)}

.order-item-row{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;padding:14px 0;border-bottom:1px dashed rgba(14,9,5,.2)}
.order-item-row:last-child{border-bottom:none}
.order-item-row img,.order-item-noimg{width:80px;height:80px;object-fit:cover;filter:sepia(.18) contrast(1.05) saturate(.9);background:#ddd;display:block}
.order-item-title{font-family:'Knewave',cursive;font-size:20px;line-height:1.1;color:var(--ink)}
.order-item-variant{font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--grunge);margin-top:4px}
.order-item-sku{font-family:'VT323',monospace;font-size:14px;color:#9b8a6c;margin-top:2px}
.order-item-price{font-family:'Rubik Wet Paint',sans-serif;font-size:24px;color:var(--punch);line-height:1}

@media (max-width:980px){
  .order-grid{grid-template-columns:1fr}
  .order-item-row{grid-template-columns:64px 1fr;gap:12px}
  .order-item-row img,.order-item-noimg{width:64px;height:64px}
  .order-item-price{grid-column:1/-1;text-align:left;font-size:20px}
}

/* ------------------------------------------------------------------
   Customer account pages (login / register / dashboard / orders / profile)
   ------------------------------------------------------------------ */
.account-section{padding:60px 20px;display:flex;justify-content:center}
.account-card{background:var(--cream);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--punch);padding:40px 32px;max-width:440px;width:100%}
.account-eyebrow{font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.25em;color:var(--punch);text-align:center;margin-bottom:12px}
.account-title{font-family:'Rubik Wet Paint',sans-serif;font-size:36px;color:var(--ink);text-align:center;margin:0 0 8px;line-height:1.05}
.account-sub{font-family:'Special Elite',monospace;font-size:14px;color:var(--grunge);text-align:center;margin:0 0 24px;font-style:italic}
.account-flash{padding:10px 14px;margin-bottom:18px;border-left:4px solid;font-family:'Special Elite',monospace;font-size:13px}
.account-flash.err{border-color:var(--punch);background:#f9e0db;color:var(--punch)}
.account-flash.ok{border-color:#3b7a3b;background:#e0efde;color:#1d4f1d}
.account-form{display:flex;flex-direction:column;gap:14px}
.account-label{display:flex;flex-direction:column;gap:5px}
.account-label > span{font-family:'Bungee',sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink)}
.account-label input{font-family:'Fraunces',serif;font-size:16px;padding:10px 12px;border:2px solid var(--ink);background:var(--paper);color:var(--ink)}
.account-label input:disabled{background:#eee;color:var(--grunge)}
.account-label input:focus{outline:none;border-color:var(--punch);box-shadow:3px 3px 0 var(--punch)}
.account-hint{font-family:'Special Elite',monospace;font-size:12px;color:var(--grunge);font-style:italic}
.account-cta{margin-top:8px}
.account-links{margin-top:14px;text-align:center;font-family:'Special Elite',monospace;font-size:13px;color:var(--grunge)}
.account-links a{color:var(--punch);text-decoration:none;border-bottom:1px solid var(--punch)}
.account-sep{margin:0 8px;color:var(--grunge)}
.account-row3{display:grid;grid-template-columns:1fr 80px 110px;gap:10px}

/* Account dashboard / orders / profile layout */
.account-page{padding:40px 24px;max-width:1100px;margin:0 auto}
.account-header{margin-bottom:24px}
.account-page-title{font-family:'Rubik Wet Paint',sans-serif;font-size:42px;color:var(--ink);margin:0 0 6px;line-height:1.05}
.account-page-sub{font-family:'Special Elite',monospace;font-size:14px;color:var(--grunge);margin:0;font-style:italic}
.account-page-sub a{color:var(--punch);text-decoration:none;border-bottom:1px solid var(--punch)}
.account-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:flex-start}
.account-tile{background:var(--cream);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:24px}
.account-tile-wide{grid-column:span 1}
.account-tile-eyebrow{font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--punch);border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:16px}
.account-tile-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.account-tile-list a{font-family:'Bungee',sans-serif;font-size:13px;letter-spacing:.08em;color:var(--ink);text-decoration:none}
.account-tile-list a:hover{color:var(--punch)}
.account-tile-more{margin:14px 0 0;font-family:'Special Elite',monospace;font-size:13px;font-style:italic}
.account-tile-more a{color:var(--punch);border-bottom:1px solid var(--punch);text-decoration:none}
.account-empty{font-family:'Special Elite',monospace;font-style:italic;color:var(--grunge);margin:0}
.account-empty a{color:var(--punch);border-bottom:1px solid var(--punch);text-decoration:none}
.account-logout-form{margin-top:16px;border-top:1px dashed var(--grunge);padding-top:12px}

/* Order rows inside account */
.account-orders-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.account-order-row{display:grid;grid-template-columns:1.5fr 1fr 1.4fr 0.8fr;gap:12px;align-items:center;padding:12px 14px;background:var(--paper);border:2px solid var(--ink);text-decoration:none;transition:all .15s ease}
.account-order-row:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--punch)}
.account-order-num{font-family:'Bungee',sans-serif;font-size:13px;color:var(--ink);letter-spacing:.08em}
.account-order-date{font-family:'Special Elite',monospace;font-size:13px;color:var(--grunge)}
.account-order-status{font-family:'Bungee',sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;background:var(--ink);color:var(--cream);text-align:center;justify-self:start}
.account-order-status.status-paid,.account-order-status.status-in_production,.account-order-status.status-pending{background:#7a5e1c}
.account-order-status.status-shipped,.account-order-status.status-delivered{background:#1d6b3d}
.account-order-status.status-refunded,.account-order-status.status-partial_refund,.account-order-status.status-canceled{background:var(--punch)}
.account-order-total{font-family:'Rubik Wet Paint',sans-serif;font-size:18px;color:var(--punch);text-align:right}

/* Items list on order detail */
.account-items-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:14px}
.account-item-row{display:grid;grid-template-columns:80px 1fr auto;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px dashed var(--grunge)}
.account-item-row:last-child{border-bottom:0}
.account-item-img{width:80px;height:80px;object-fit:cover;border:2px solid var(--ink)}
.account-item-title{font-family:'Bungee',sans-serif;font-size:14px;color:var(--ink);letter-spacing:.04em}
.account-item-meta{font-family:'Special Elite',monospace;font-size:13px;color:var(--grunge);margin-top:4px}
.account-item-price{font-family:'Rubik Wet Paint',sans-serif;font-size:20px;color:var(--punch)}
.account-totals{width:100%;border-collapse:collapse;margin-top:14px}
.account-totals th{font-family:'Special Elite',monospace;font-size:14px;text-align:left;font-weight:400;padding:5px 0;color:var(--ink)}
.account-totals td{font-family:'Bungee',sans-serif;font-size:13px;text-align:right;padding:5px 0;color:var(--ink)}
.account-totals-final th,.account-totals-final td{border-top:2px solid var(--ink);padding-top:10px;font-family:'Rubik Wet Paint',sans-serif;font-size:18px;color:var(--punch);text-transform:uppercase;letter-spacing:.05em}
.account-totals-refund th,.account-totals-refund td{color:var(--punch);font-style:italic}
.account-ship,.account-tracking{font-family:'Fraunces',serif;font-size:15px;color:var(--ink);line-height:1.55;margin:0}

/* Post-purchase signup CTA on order confirmation */
.signup-cta{max-width:680px;margin:40px auto 20px;padding:28px 24px;background:var(--cream);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--punch);text-align:center}
.signup-cta-eyebrow{font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.25em;color:var(--punch);margin-bottom:12px}
.signup-cta-title{font-family:'Rubik Wet Paint',sans-serif;font-size:30px;color:var(--ink);margin:0 0 10px;line-height:1.1}
.signup-cta-copy{font-family:'Special Elite',monospace;font-size:14px;color:var(--grunge);margin:0 0 22px;line-height:1.5}
.signup-cta-btn{display:inline-block}
/* Louder variant shown when the buyer ticked "save my info" during checkout */
.signup-cta-strong{background:var(--ink);color:var(--cream);border-color:var(--punch)}
.signup-cta-strong .signup-cta-eyebrow{color:var(--punch)}
.signup-cta-strong .signup-cta-title{color:var(--cream)}
.signup-cta-strong .signup-cta-copy{color:#d5c7a4}

/* "Confirm your email" banner on account dashboard */
.verify-banner{display:flex;align-items:center;gap:16px;background:#fff4cc;border:2px solid var(--ink);border-left:6px solid #C69C1E;padding:16px 20px;margin-bottom:24px}
.verify-banner-body{flex:1}
.verify-banner-eyebrow{font-family:'Bungee',sans-serif;font-size:10px;letter-spacing:.2em;color:#8b5a00;margin-bottom:4px}
.verify-banner-text{font-family:'Special Elite',monospace;font-size:14px;color:var(--ink);margin:0;line-height:1.4}
.verify-banner-form{margin:0}
.verify-banner-form .btn-link{border:2px solid var(--ink);padding:8px 14px;background:var(--paper);color:var(--ink);font-family:'Bungee',sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
.verify-banner-form .btn-link:hover{background:var(--ink);color:var(--cream)}

/* ------------------------------------------------------------------
   Coming-soon / preview mode
   ------------------------------------------------------------------ */
.preview-banner{background:var(--punch);color:var(--cream);font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.22em;text-align:center;padding:9px 14px;border-bottom:3px solid var(--ink)}
.preview-banner-star{color:var(--paper);margin:0 10px}
.soon-pill{opacity:.85;cursor:default;background:var(--grunge);border-color:var(--grunge)}
.coming-soon-box{background:var(--cream);border:3px dashed var(--punch);padding:20px 22px;margin-top:6px}
.coming-soon-eyebrow{font-family:'Bungee',sans-serif;font-size:11px;letter-spacing:.22em;color:var(--punch);margin-bottom:8px}
.coming-soon-copy{font-family:'Special Elite',monospace;font-size:14px;color:var(--grunge);line-height:1.5;margin:0 0 12px;font-style:italic}

/* "Save my info" checkbox on checkout */
.field-checkbox label{display:flex;align-items:flex-start;gap:10px;font-family:'Special Elite',monospace;font-size:14px;color:var(--ink);line-height:1.4;cursor:pointer;font-weight:normal}
.field-checkbox input[type="checkbox"]{margin-top:3px;width:18px;height:18px;accent-color:var(--punch);flex:0 0 18px}
.field-checkbox span{flex:1}

@media (max-width:780px){
  .account-grid{grid-template-columns:1fr}
  .account-order-row{grid-template-columns:1fr 1fr;gap:6px 12px}
  .account-order-status,.account-order-total{justify-self:start;text-align:left}
  .account-row3{grid-template-columns:1fr}
}