.preview-banner{display:flex;gap:12px;align-items:center;padding:10px 14px;background:#fff3d8;border:1px solid #e8d5a7;color:#694812;border-radius:10px;font-size:.72rem;font-weight:800;letter-spacing:.05em;margin-bottom:18px}
.preview-banner span{font-size:.8rem;font-weight:500;letter-spacing:0}
header{margin-bottom:16px;gap:6px}
header>p{max-width:60rem}
.price-note{font-size:.84rem;color:var(--muted)}
.price-note span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--ok) 13%,var(--card));color:var(--ok);font-weight:800;margin-right:3px}
.product-filters{padding-bottom:4px;border-bottom:1px solid var(--line);padding-bottom:14px}
.product-filters .chip{padding:7px 11px;font-size:.8rem}
.prods{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
.prod{padding:10px;gap:2px;align-content:start;transition:background .15s,border-color .15s}
.prod:hover{border-color:var(--magenta);background:color-mix(in srgb,var(--magenta) 3%,var(--card))}
.prod[aria-pressed="true"]{background:color-mix(in srgb,var(--magenta) 6%,var(--card))}
.prod b{font-size:.95rem;line-height:1.3;min-height:2.6em}
.prod-price{display:block;font-family:var(--fd);font-weight:800;font-size:1.4rem;line-height:1.1;margin-top:10px;color:var(--ink);letter-spacing:-.04em}
.prod .prod-included{font-size:.65rem;margin-top:2px;color:var(--muted)}
.prod-price.pending{font-family:var(--fb);font-size:.78rem;letter-spacing:0;line-height:1.3;min-height:1.5rem;margin-top:10px}
.selection-price{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:var(--card);border:1px solid var(--line);border-radius:16px}
.selection-price>div{display:grid;gap:3px}
.selection-price strong{font-family:var(--fd);line-height:1.2}
.selection-price #selectedName{font-size:1.07rem}
.selection-price #selectedDetail{font-size:.78rem;color:var(--muted)}
.eyebrow{font-size:.62rem;letter-spacing:.14em;font-weight:800;color:var(--magenta);margin-bottom:3px}
.selection-amount{font-size:2.15rem;letter-spacing:-.05em;white-space:nowrap}
.selection-amount.pending{font-family:var(--fb);font-size:.87rem;letter-spacing:0;white-space:normal;text-align:right;max-width:8rem}
.order-price{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--magenta) 6%,var(--card));font-weight:700;font-size:.88rem}
.sport-info{padding:12px;border-left:3px solid var(--magenta);background:var(--bg);border-radius:0 8px 8px 0}
.preview-summary{white-space:pre-wrap;overflow-wrap:anywhere;font:500 .82rem/1.6 var(--fb);background:var(--bg);padding:14px;border:1px solid var(--line);border-radius:10px;margin:0}
.drop:focus-within{outline:2px solid var(--cyan);outline-offset:2px}
@media(max-width:860px){.selection-price{margin-top:0}.preview-banner{align-items:flex-start;gap:8px}.preview-banner span{font-size:.72rem}.slot3d{height:52vh;min-height:280px}}
@media(max-width:480px){.prod-price{font-size:1.55rem}.selection-price{padding:16px}.product-filters{gap:6px}}
@media(prefers-reduced-motion:reduce){.prod{transition:none}}
