/* v10 Merch Store prototype (layout borrows landing.css: lp-hero, lp-sec, capture, quote-grid) */
.merch-hero-art .crew-pair{max-width:460px}
.merch-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ph-flag{font:800 11px/1 Inter,Arial,sans-serif;letter-spacing:.14em;padding:7px 10px;border-radius:999px;border:1px dashed #f4ce54aa;color:#f4ce54;margin-bottom:28px}
.merch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.merch-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid #1d3b4a;background:#05141d;transition:transform .3s,border-color .3s,box-shadow .3s}
.merch-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c) 55%,#1d3b4a);box-shadow:0 16px 40px color-mix(in srgb,var(--c) 18%,transparent)}
.merch-img{position:relative;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--c) 18%,#04131d),#030d14 70%);border-bottom:1px solid #ffffff10}
.merch-img svg{width:62%;height:62%;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--c) 60%,transparent))}
.merch-img .ph{position:absolute;left:10px;top:10px;font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:.12em;padding:5px 8px;border-radius:6px;background:#020c13d9;color:#cfe;border:1px dashed #ffffff40}
.merch-body{display:flex;flex-direction:column;gap:8px;padding:16px 16px 18px;flex:1}
.merch-body h3{margin:0;font-size:17px;letter-spacing:-.01em;line-height:1.3}.merch-body p{margin:0;color:#a9bcc8;font-size:13.5px;line-height:1.5}
.merch-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #ffffff12}
.merch-buy .price{font-weight:750;font-size:15px}.merch-buy .price small{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f4ce54}
.merch-buy .button{padding:9px 13px;font-size:13px;cursor:not-allowed;opacity:.75}
@media(max-width:1100px){.merch-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.merch-grid{grid-template-columns:1fr 1fr}.merch-hero-art .crew-pair{max-width:320px}}
@media(max-width:480px){.merch-grid{grid-template-columns:1fr}}