:root{
  --yellow:#FFC61A; --gold:#F5A31E;
  --teal:#14C4B4; --teal-deep:#0E9E92;
  --blue:#1B4DB3; --blue-deep:#123A8C;
  --red:#E02A22;
  --ink:#141414; --cream:#FBF4E2; --paper:#FFFDF6; --white:#fff;
  --sh:5px 5px 0 var(--ink);        /* hard comic shadow */
  --sh-lg:8px 8px 0 var(--ink);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--cream);
  color:var(--ink);
  font-family:"Nunito",-apple-system,sans-serif;
  font-weight:600;line-height:1.5;overflow-x:hidden;
  /* paper grain */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");
}
.disp{font-family:"Titan One",cursive}
.stk{font-family:"Bungee",cursive}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:4px solid var(--red);outline-offset:3px}

/* ---------- reusable comic bits ---------- */
.wrap{max-width:1180px;margin:0 auto;padding:0 1.3rem}
.burst{position:relative;display:inline-grid;place-items:center;text-align:center}
.burst svg{position:absolute;inset:0;width:100%;height:100%}
.burst span{position:relative;z-index:2}
.tape{position:absolute;width:88px;height:26px;background:rgba(255,244,210,.72);border:1px dashed rgba(0,0,0,.18);box-shadow:0 1px 2px rgba(0,0,0,.12);z-index:6}

/* ---------- ticker ---------- */
.ticker{background:var(--ink);color:var(--yellow);overflow:hidden;border-bottom:3px solid #000;white-space:nowrap;font-family:"Bungee";font-size:.82rem;letter-spacing:.02em}
.ticker .run{display:inline-block;padding:.55rem 0;animation:slide 26s linear infinite}
.ticker .run span{padding:0 1.1rem}
.ticker .run .t{color:var(--teal)}
.ticker .run .dot{color:var(--red)}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- header ---------- */
header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:4px solid #000}
.nav{max-width:1180px;margin:0 auto;padding:.7rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.logo img{height:52px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.12))}
.menu{display:flex;gap:.3rem;align-items:center}
.menu a{font-family:"Bungee";font-size:.8rem;padding:.5rem .7rem;border:3px solid transparent;border-radius:10px;transition:transform .1s}
.menu a:hover{border-color:#000;background:var(--yellow);transform:rotate(-2deg)}
.cartbtn{font-family:"Bungee";font-size:.8rem;background:var(--red);color:#fff;border:3px solid #000;border-radius:11px;padding:.5rem .8rem;box-shadow:3px 3px 0 #000;transition:transform .1s}
.cartbtn:hover{transform:translate(-1px,-1px) rotate(2deg)}
.cartbtn .c{background:#fff;color:var(--ink);border-radius:6px;padding:0 .35rem;margin-left:.35rem}
.burger{display:none;font-size:1.6rem;border:3px solid #000;border-radius:10px;padding:.1rem .5rem;background:var(--yellow);box-shadow:3px 3px 0 #000}

/* ---------- hero (asymmetric, overlapping) ---------- */
.hero{position:relative;padding:2.6rem 0 3.4rem;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:0;opacity:.5;
  background:radial-gradient(circle at center,#000 1.4px,transparent 1.6px) 0 0/22px 22px;
  -webkit-mask:linear-gradient(120deg,#000 30%,transparent 72%);mask:linear-gradient(120deg,#000 30%,transparent 72%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;align-items:center}
.eyebrow{display:inline-block;font-family:"Bungee";font-size:.72rem;background:var(--teal);color:#00312d;border:3px solid #000;border-radius:9px;padding:.35rem .7rem;transform:rotate(-2.5deg);box-shadow:3px 3px 0 #000;margin-bottom:1.1rem}
.hero h1{font-family:"Titan One";font-size:clamp(2.7rem,7vw,5.2rem);line-height:.92;letter-spacing:-.01em;text-transform:uppercase}
.hero h1 .r{color:var(--yellow);-webkit-text-stroke:3px #000;paint-order:stroke fill;display:inline-block;transform:rotate(-1.5deg)}
.hero h1 .m{color:var(--teal);-webkit-text-stroke:3px #000;paint-order:stroke fill;display:inline-block;transform:rotate(1.5deg)}
.hero h1 .sm{display:block;font-size:.42em;color:var(--ink);-webkit-text-stroke:0;margin-top:.15em}
.hero p.lead{font-size:1.12rem;font-weight:700;max-width:34ch;margin:1.2rem 0 1.7rem}
.hero p.lead b{background:var(--yellow);box-shadow:0 -.35em 0 var(--yellow) inset;padding:0 .1em}
.cta-row{display:flex;gap:.9rem;flex-wrap:wrap}
.btn{font-family:"Bungee";font-size:.92rem;border:3px solid #000;border-radius:13px;padding:.85rem 1.4rem;box-shadow:var(--sh);transition:transform .12s,box-shadow .12s;display:inline-flex;align-items:center;gap:.5rem}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}
.btn-yellow{background:var(--yellow);color:var(--ink)}
.btn-teal{background:var(--teal);color:#00312d}
.btn-white{background:#fff}

/* hero card fan */
.fan{position:relative;height:340px}
.cardback{position:absolute;width:170px;height:238px;border-radius:14px;border:4px solid #000;
  background:var(--blue);box-shadow:var(--sh-lg);display:grid;place-items:center}
.cardback::after{content:"";position:absolute;inset:10px;border:2px solid rgba(255,255,255,.35);border-radius:9px}
.pokeball{width:96px;height:96px;border-radius:50%;border:4px solid #000;position:relative;
  background:linear-gradient(#fff 50%,#fff 50%);overflow:hidden}
.pokeball::before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:var(--red);border-bottom:4px solid #000}
.pokeball::after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;background:#fff;border:4px solid #000;border-radius:50%;transform:translate(-50%,-50%)}
.fan .c1{left:6%;top:36px;transform:rotate(-13deg)}
.fan .c2{left:34%;top:8px;transform:rotate(-1deg);z-index:2}
.fan .c3{left:62%;top:40px;transform:rotate(12deg)}
.hero-badge{position:absolute;right:-6px;top:-14px;width:132px;height:132px;z-index:8;color:var(--ink);transform:rotate(9deg)}
.hero-badge .stk{font-size:.86rem;line-height:1.05}

/* ---------- section header sticker ---------- */
.sec{padding:3.2rem 0}
.sec-tag{display:inline-block;font-family:"Titan One";font-size:clamp(1.5rem,4vw,2.3rem);text-transform:uppercase;
  background:var(--ink);color:var(--yellow);border:3px solid #000;border-radius:12px;padding:.35rem 1rem;box-shadow:var(--sh);transform:rotate(-1.4deg);margin-bottom:1.8rem}
.sec-tag.teal{background:var(--teal);color:#00312d;transform:rotate(1.2deg)}
.sec-tag.blue{background:var(--blue);color:#fff}

/* ---------- collections (uneven tiles) ---------- */
.bins{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.bin{position:relative;border:4px solid #000;border-radius:16px;padding:1.3rem 1.1rem 1.5rem;box-shadow:var(--sh);min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .14s,box-shadow .14s;overflow:hidden}
.bin:hover{transform:translateY(-6px) rotate(0deg)!important;box-shadow:var(--sh-lg)}
.bin:nth-child(1){background:var(--yellow);transform:rotate(-2deg)}
.bin:nth-child(2){background:var(--teal);transform:rotate(1.5deg)}
.bin:nth-child(3){background:var(--blue);color:#fff;transform:rotate(-1.2deg)}
.bin:nth-child(4){background:var(--red);color:#fff;transform:rotate(2deg)}
.bin .n{font-family:"Titan One";font-size:1.5rem;text-transform:uppercase;line-height:1}
.bin .s{font-weight:700;font-size:.86rem;opacity:.85;margin-top:.2rem}
.bin .arw{font-family:"Bungee";font-size:.72rem;margin-top:.7rem}
.bin::before{content:"";position:absolute;top:-30px;right:-30px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.18)}

/* ---------- fresh pulls (messy grid) ---------- */
.pulls{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem 1.3rem}
.card{position:relative;background:var(--paper);border:3px solid #000;border-radius:12px;padding:.7rem .7rem 1rem;box-shadow:var(--sh);transition:transform .15s,box-shadow .15s}
.card:nth-child(3n+1){transform:rotate(-2deg)}
.card:nth-child(3n+2){transform:rotate(1.5deg)}
.card:nth-child(3n){transform:rotate(-1deg)}
.card:hover{transform:rotate(0) translateY(-7px);box-shadow:var(--sh-lg);z-index:3}
.card.big{grid-row:span 2;grid-column:span 2}
.slot{position:relative;border:3px solid #000;border-radius:9px;overflow:hidden;aspect-ratio:5/7;
  background:linear-gradient(150deg,hsl(var(--h,220) 55% 46%),hsl(calc(var(--h,220) + 35) 60% 34%));
  display:flex;flex-direction:column;justify-content:flex-end;padding:.6rem}
.card.big .slot{aspect-ratio:auto;min-height:340px}
.slot::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.28),transparent 55%),repeating-conic-gradient(from 0deg at 50% 30%,rgba(255,255,255,.06) 0 8deg,transparent 8deg 16deg)}
.slot .nm{position:relative;font-family:"Titan One";color:#fff;font-size:1.05rem;line-height:.98;text-shadow:2px 2px 0 rgba(0,0,0,.5)}
.card.big .slot .nm{font-size:1.7rem}
.slot .st{position:relative;font-family:"Bungee";font-size:.56rem;color:rgba(255,255,255,.9);margin-top:.25rem}
.gem{position:absolute;top:-14px;left:-12px;width:66px;height:66px;color:var(--ink);z-index:5;transform:rotate(-12deg)}
.gem .stk{font-size:.52rem;line-height:.95}
.pricetag{position:absolute;top:.5rem;right:-.4rem;background:var(--yellow);border:3px solid #000;border-radius:8px;padding:.15rem .55rem .15rem .7rem;font-family:"Bungee";font-size:.86rem;box-shadow:3px 3px 0 #000;z-index:5}
.pricetag::before{content:"";position:absolute;left:.28rem;top:50%;width:7px;height:7px;background:var(--ink);border-radius:50%;transform:translateY(-50%)}
.card .ci{margin-top:.7rem}
.card .cn{font-family:"Nunito";font-weight:900;font-size:.98rem;line-height:1.1}
.card .cm{font-weight:700;font-size:.76rem;color:#555;margin:.1rem 0 .7rem;font-family:"Bungee";letter-spacing:0;font-size:.62rem}
.add{width:100%;font-family:"Bungee";font-size:.76rem;background:var(--teal);color:#00312d;border:3px solid #000;border-radius:9px;padding:.5rem;box-shadow:3px 3px 0 #000;transition:transform .1s}
.add:hover{transform:translate(-1px,-1px)}
.add:active,.add.done{background:var(--yellow);transform:translate(1px,1px);box-shadow:1px 1px 0 #000}

/* ---------- why rarely mint (comic panel) ---------- */
.why{position:relative;background:var(--blue);color:#fff;border:4px solid #000;border-radius:20px;padding:2.4rem 2rem;box-shadow:var(--sh-lg);overflow:hidden}
.why::before{content:"";position:absolute;inset:0;opacity:.14;background:radial-gradient(circle,#fff 1.3px,transparent 1.6px) 0 0/16px 16px}
.why-grid{position:relative;display:grid;grid-template-columns:1fr auto;gap:1.6rem;align-items:center}
.why h3{font-family:"Titan One";font-size:clamp(1.6rem,4vw,2.6rem);text-transform:uppercase;line-height:.95;margin-bottom:.8rem}
.why h3 em{color:var(--yellow);font-style:normal}
.why p{font-weight:700;max-width:52ch;font-size:1.02rem}
.why .grade{flex-shrink:0;background:#f2f2f2;color:#111;border:4px solid #000;border-radius:12px;padding:.6rem;transform:rotate(4deg);box-shadow:var(--sh);width:150px;text-align:center}
.why .grade .lab{font-family:"Bungee";font-size:.6rem;border-bottom:2px solid #000;padding-bottom:.3rem;margin-bottom:.3rem;display:flex;justify-content:space-between}
.why .grade .big{font-family:"Titan One";font-size:2.6rem;line-height:1;color:var(--red);text-decoration:line-through;text-decoration-color:#111;text-decoration-thickness:3px}
.why .grade .note{font-family:"Bungee";font-size:.5rem;margin-top:.3rem}

/* ---------- events ---------- */
.events{border:4px solid #000;border-radius:18px;overflow:hidden;box-shadow:var(--sh-lg);background:var(--paper)}
.events .eh{background:var(--red);color:#fff;font-family:"Titan One";font-size:1.4rem;text-transform:uppercase;padding:.9rem 1.3rem;border-bottom:4px solid #000;display:flex;justify-content:space-between;align-items:center}
.events .eh .stk{font-size:.62rem}
.ev{display:grid;grid-template-columns:80px 1fr auto;gap:1rem;align-items:center;padding:1rem 1.3rem;border-bottom:2px dashed #000}
.ev:last-child{border-bottom:none}
.ev:nth-child(odd){background:rgba(20,196,180,.08)}
.ev .day{font-family:"Titan One";font-size:1.3rem;text-transform:uppercase;color:var(--blue)}
.ev .en{font-family:"Nunito";font-weight:900;font-size:1rem}
.ev .ed{font-weight:700;font-size:.84rem;color:#555}
.ev .et{font-family:"Bungee";font-size:.74rem;background:var(--yellow);border:2px solid #000;border-radius:7px;padding:.2rem .5rem;white-space:nowrap}

/* ---------- sell CTA ---------- */
.sell{position:relative;text-align:center;padding:3.4rem 1rem}
.sell-burst{position:relative;width:min(380px,84vw);aspect-ratio:1;margin:0 auto 1.4rem;display:grid;place-items:center}
.sell-burst svg{position:absolute;inset:0;width:100%;height:100%}
.sell-burst .stk{position:relative;z-index:2;font-family:"Bungee";text-transform:uppercase;color:var(--ink);font-size:clamp(.95rem,3vw,1.35rem);line-height:1.18;letter-spacing:.01em;max-width:52%;text-align:center}
.sell p{font-weight:800;margin:0 auto 1.3rem;max-width:40ch}

/* ---------- footer ---------- */
footer{background:var(--ink);color:var(--cream);border-top:5px solid var(--yellow);margin-top:3rem}
.foot{max-width:1180px;margin:0 auto;padding:2.6rem 1.3rem;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.foot h4{font-family:"Bungee";font-size:.78rem;color:var(--teal);margin-bottom:.9rem}
.foot .logo-f{font-family:"Titan One";font-size:1.8rem;text-transform:uppercase;line-height:.95}
.foot .logo-f .y{color:var(--yellow)} .foot .logo-f .t{color:var(--teal)}
.foot p,.foot a{font-weight:700;font-size:.9rem;margin-bottom:.3rem;display:block;color:#e9e2cf}
.foot a:hover{color:var(--yellow)}
.foot .poke{display:inline-block;width:12px;height:12px;border-radius:50%;background:linear-gradient(var(--red) 50%,#fff 50%);border:2px solid #000;margin-right:.4rem;vertical-align:middle}
.legal{border-top:2px solid #333;text-align:center;padding:1rem;font-family:"Bungee";font-size:.66rem;color:#8a8474}

/* ---------- toast ---------- */
.toast{position:fixed;bottom:1.4rem;left:50%;transform:translateX(-50%) translateY(160%);background:var(--yellow);color:var(--ink);font-family:"Bungee";font-size:.8rem;border:3px solid #000;border-radius:11px;padding:.7rem 1.2rem;box-shadow:var(--sh);z-index:99;transition:transform .3s}
.toast.show{transform:translateX(-50%) translateY(0)}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .fan{height:290px;margin-top:1rem}
  .bins{grid-template-columns:repeat(2,1fr)}
  .pulls{grid-template-columns:repeat(2,1fr)}
  .card.big{grid-column:span 2;grid-row:auto}
  .card.big .slot{min-height:220px}
  .foot{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}.why .grade{margin-top:1rem}
  .menu{display:none}.burger{display:block}
  .menu.open{display:flex;position:absolute;top:100%;right:1.3rem;flex-direction:column;background:var(--paper);border:4px solid #000;border-radius:14px;padding:.6rem;box-shadow:var(--sh-lg)}
}
@media(max-width:520px){.bins,.pulls{grid-template-columns:1fr}.card{transform:none!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== shared page chrome ===== */
.pagehead{background:var(--paper);border-bottom:4px solid #000;padding:2.2rem 0 2rem;position:relative;overflow:hidden}
.pagehead::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(circle at center,#000 1.3px,transparent 1.5px) 0 0/20px 20px;-webkit-mask:linear-gradient(110deg,#000 25%,transparent 70%);mask:linear-gradient(110deg,#000 25%,transparent 70%)}
.pagehead .wrap{position:relative}
.crumbs{font-family:"Bungee";font-size:.66rem;color:#666;margin-bottom:.7rem}
.crumbs a:hover{color:var(--red)}
.pagehead h1{font-family:"Titan One";font-size:clamp(2.2rem,6vw,3.6rem);text-transform:uppercase;line-height:.9}
.pagehead h1 .hl{color:var(--yellow);-webkit-text-stroke:2.5px #000;paint-order:stroke fill}

/* ===== shop ===== */
.shop-grid{display:grid;grid-template-columns:230px 1fr;gap:1.8rem;align-items:start}
.filters-rail{border:4px solid #000;border-radius:16px;background:var(--paper);box-shadow:var(--sh);padding:1.1rem;position:sticky;top:96px}
.filters-rail h3{font-family:"Bungee";font-size:.72rem;background:var(--ink);color:var(--yellow);border:2px solid #000;border-radius:7px;padding:.3rem .6rem;transform:rotate(-1.5deg);display:inline-block;margin-bottom:.9rem}
.fgroup{margin-bottom:1.1rem}
.fgroup .gl{font-family:"Bungee";font-size:.6rem;color:#888;margin-bottom:.45rem;letter-spacing:.06em}
.chip{display:inline-block;font-family:"Bungee";font-size:.66rem;border:3px solid #000;border-radius:8px;padding:.3rem .55rem;margin:0 .35rem .4rem 0;background:#fff;cursor:pointer;transition:transform .1s}
.chip:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 #000}
.chip.on{background:var(--yellow)}
.chip.t.on{background:var(--teal)} .chip.b.on{background:var(--blue);color:#fff}
.shop-main .toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.3rem;flex-wrap:wrap}
.count-burst{position:relative;width:120px;height:120px;color:var(--ink);display:none}
.sortpills{display:flex;gap:.4rem;flex-wrap:wrap}
.mobile-filter{display:none}

/* ===== product page ===== */
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem;align-items:start}
.pdp-media{position:relative}
.pdp-frame{border:4px solid #000;border-radius:16px;background:var(--paper);box-shadow:var(--sh-lg);padding:1rem;transform:rotate(-1.5deg)}
.pdp-frame .slot{aspect-ratio:5/7;min-height:auto}
.pdp .tape{top:-12px;left:40px;transform:rotate(-6deg)}
.pdp-media .gem{top:auto;bottom:6px;right:6px;left:auto;width:88px;height:88px;transform:rotate(8deg)}
.pdp-info{background:var(--paper);border:4px solid #000;border-radius:16px;box-shadow:var(--sh);padding:1.6rem;transform:rotate(.6deg)}
.pdp-info .cat{font-family:"Bungee";font-size:.66rem;color:var(--red)}
.pdp-info h1{font-family:"Titan One";font-size:clamp(1.8rem,4vw,2.6rem);text-transform:uppercase;line-height:.95;margin:.3rem 0}
.pdp-info .meta{font-family:"Bungee";font-size:.7rem;color:#666;margin-bottom:1rem}
.pdp-price{font-family:"Titan One";font-size:2.6rem;color:var(--ink);display:inline-block;background:var(--yellow);border:3px solid #000;border-radius:12px;padding:.1rem .7rem;box-shadow:4px 4px 0 #000;transform:rotate(-2deg);margin-bottom:1.2rem}
.gradechip{display:inline-flex;gap:.4rem;align-items:center;font-family:"Bungee";font-size:.72rem;background:var(--teal);border:3px solid #000;border-radius:9px;padding:.35rem .7rem;margin:0 0 1.2rem .8rem;transform:rotate(1.5deg)}
.pdp-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.2rem 0}
.honest{background:var(--blue);color:#fff;border:3px solid #000;border-radius:12px;padding:1rem 1.1rem;margin-top:1.2rem}
.honest .h{font-family:"Bungee";font-size:.66rem;color:var(--yellow);margin-bottom:.5rem}
.honest ul{list-style:none;font-weight:700;font-size:.9rem}
.honest li{padding-left:1.2rem;position:relative;margin-bottom:.3rem}
.honest li::before{content:"●";position:absolute;left:0;color:var(--teal)}

/* ===== about (comic strip) ===== */
.strip{display:flex;flex-direction:column;gap:1.6rem}
.panel{position:relative;border:4px solid #000;border-radius:18px;box-shadow:var(--sh-lg);padding:1.8rem;overflow:hidden}
.panel:nth-child(odd){background:var(--paper);transform:rotate(-.6deg)}
.panel:nth-child(even){background:var(--teal);transform:rotate(.6deg)}
.panel:nth-child(3n){background:var(--yellow)}
.panel .num{position:absolute;top:-6px;right:14px;font-family:"Titan One";font-size:4rem;color:rgba(0,0,0,.1)}
.panel h3{font-family:"Titan One";font-size:1.6rem;text-transform:uppercase;margin-bottom:.6rem}
.panel p{font-weight:700;max-width:60ch}
.bubble{background:#fff;border:3px solid #000;border-radius:14px;padding:.6rem .9rem;font-family:"Bungee";font-size:.72rem;display:inline-block;margin-top:.9rem;position:relative;box-shadow:3px 3px 0 #000}
.bubble::after{content:"";position:absolute;left:24px;bottom:-12px;border:8px solid transparent;border-top-color:#000}

/* ===== cart (receipt) ===== */
.cart-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:1.8rem;align-items:start}
.receipt{border:4px solid #000;border-radius:16px;background:var(--paper);box-shadow:var(--sh);overflow:hidden}
.receipt .rh{background:var(--ink);color:var(--yellow);font-family:"Titan One";font-size:1.3rem;text-transform:uppercase;padding:.8rem 1.2rem}
.line{display:grid;grid-template-columns:56px 1fr auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:2px dashed #000}
.line .th{width:56px;height:78px;border:3px solid #000;border-radius:7px;background:linear-gradient(150deg,hsl(var(--h,220) 55% 46%),hsl(calc(var(--h,220) + 35) 60% 34%))}
.line .lt{font-family:"Nunito";font-weight:900}
.line .lm{font-family:"Bungee";font-size:.6rem;color:#666}
.qty2{display:inline-flex;border:3px solid #000;border-radius:8px;overflow:hidden;margin-top:.4rem}
.qty2 button{width:26px;height:26px;background:#fff;font-family:"Bungee"}
.qty2 button:hover{background:var(--yellow)}
.qty2 span{min-width:32px;text-align:center;font-family:"Bungee";font-size:.8rem;line-height:26px}
.line .lp{font-family:"Bungee";font-size:.95rem;text-align:right}
.line .rm{display:block;font-family:"Bungee";font-size:.56rem;color:var(--red);text-decoration:underline;margin-top:.3rem}
.summary{border:4px solid #000;border-radius:16px;background:var(--yellow);box-shadow:var(--sh);padding:1.4rem;position:sticky;top:96px}
.summary h3{font-family:"Titan One";font-size:1.4rem;text-transform:uppercase;margin-bottom:1rem}
.srow{display:flex;justify-content:space-between;font-weight:800;margin-bottom:.5rem}
.srow.tot{font-family:"Titan One";font-size:1.4rem;border-top:3px solid #000;padding-top:.6rem;margin-top:.6rem}
.fulfil2{display:flex;gap:.5rem;margin:.9rem 0}
.fulfil2 button{flex:1;font-family:"Bungee";font-size:.66rem;border:3px solid #000;border-radius:9px;padding:.5rem;background:#fff}
.fulfil2 button.on{background:var(--ink);color:var(--yellow)}
.empty-big{text-align:center;padding:3rem 1rem}
.empty-big .b{width:140px;height:140px;margin:0 auto 1rem;color:var(--ink)}
@media(max-width:820px){
 .shop-grid{grid-template-columns:1fr}.filters-rail{position:static;display:none}.filters-rail.open{display:block}
 .mobile-filter{display:inline-flex}
 .pdp{grid-template-columns:1fr}.pdp-frame{transform:none}.pdp-info{transform:none}
 .cart-grid{grid-template-columns:1fr}.summary{position:static}
}

/* ---------- sell/buylist modal ---------- */
.rm-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:200;padding:1rem}
.rm-modal.open{display:flex}
.rm-modal .box{background:var(--paper);border:4px solid #000;border-radius:16px;box-shadow:8px 8px 0 var(--yellow);max-width:460px;width:100%;padding:1.6rem;max-height:90vh;overflow:auto}
.rm-modal h3{font-family:"Titan One";text-transform:uppercase;font-size:1.5rem;margin-bottom:.2rem}
.rm-modal .x{float:right;font-family:"Bungee";cursor:pointer;border:2px solid #000;border-radius:7px;background:#fff;padding:.1rem .5rem}
.rm-modal label{display:block;font-family:"Bungee";font-size:.58rem;text-transform:uppercase;color:#555;margin:.7rem 0 .25rem}
.rm-modal input,.rm-modal textarea,.rm-modal select{width:100%;border:3px solid #000;border-radius:8px;padding:.55rem;font-weight:700;font-family:"Nunito";font-size:.92rem}
.rm-modal textarea{min-height:90px}
.rm-hp{position:absolute!important;left:-9999px!important}