.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;padding:28px 0}
/* --- Coming Soon merch cards --- */
.soon-card{position:relative;opacity:.96}
.soon-card .merch-emoji{font-size:3.2rem;margin:6px 0 8px}
.soon-card .desc{min-height:78px}
.badge.soon{background:linear-gradient(90deg,var(--gold),#ffe9b0);color:#3a2a0a;border:none;font-weight:800}
.soon-btn{cursor:not-allowed;opacity:.7;margin-top:4px}
.soon-btn:disabled{box-shadow:none}
.legal{line-height:1.7;padding:32px}
.legal h3{color:#fff;margin:1.4rem 0 .5rem}
.legal ul{padding-left:22px;color:var(--muted)}
.legal p{color:var(--muted)}
.legal a{color:var(--gold);text-decoration:none}
.store-card .price{font-size:1.7rem;font-weight:700;color:var(--gold);margin:10px 0}
.store-card .price .cad{font-size:.8rem;color:var(--muted);font-weight:400}
.store-card .desc{color:var(--muted);font-size:.92rem;min-height:54px;margin:0 0 16px}
.form{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding:20px 0}
.form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.9rem;text-align:left}
.form input,.form textarea{padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:#15102b;color:var(--text);font:inherit}
.order-summary{background:#15102b;border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--text)}
.etransfer-box{background:#15102b;border:1px dashed var(--accent);border-radius:14px;padding:18px;margin:16px 0;text-align:left}
.etransfer-box code{color:var(--gold);font-size:1.05rem}
.etransfer-box .small{color:var(--muted);font-size:.82rem;margin-top:10px}
.apology-card,.color-card{max-width:560px;margin:20px auto;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;text-align:center}
.apology-card ul{text-align:left;color:var(--muted);max-width:420px;margin:14px auto;line-height:1.8}
.center{text-align:center}
.note{color:var(--muted);font-size:.9rem;padding:16px 0}
.note a{color:var(--gold)}
.color-card .preview{width:100%;max-width:280px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px;margin-bottom:12px}
.err{background:#3a1530;border:1px solid #ff6ba8;color:#ffd0e4;padding:12px 16px;border-radius:10px;max-width:460px;margin:0 auto 10px}
.ok{background:#15331f;border:1px solid #4caf7d;color:#c8f5d8;padding:12px 16px;border-radius:10px;max-width:560px;margin:0 auto 10px}
.how{max-width:640px;margin:10px auto 30px;color:var(--muted);line-height:1.9;font-size:1.05rem}
.how strong{color:#fff}


.store-card .explain{color:var(--muted);font-size:.92rem;line-height:1.5;min-height:96px;margin:0 0 16px;text-align:left}
/* single centered column store card */
.store-single{max-width:460px;margin:0 auto;padding:28px 0}
.store-form{display:flex;flex-direction:column;gap:14px}
.store-form .upsell{border:1px solid var(--line);border-radius:12px;padding:14px;margin:4px 0;text-align:left}
.store-form .upsell h3{color:#fff;margin:0 0 6px;font-size:1.05rem}
.upsell-item{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;cursor:pointer;background:#15102b;transition:border-color .15s}
.upsell-item:has(input:checked){border-color:var(--gold)}
.upsell-item .addon-chk{margin-top:3px;width:18px;height:18px;accent-color:var(--gold)}
.upsell-item .up-name{font-weight:700;color:#fff;flex:1;min-width:160px}
.upsell-item .up-price{color:var(--gold);font-weight:700;margin-left:6px}
.upsell-item .addon-desc{width:100%;color:var(--muted);font-size:.85rem;margin:4px 0 0}
.store-form .cart-total{font-size:1.15rem;color:#fff;text-align:right;padding:6px 2px}
.store-form .cart-total strong{color:var(--gold)}

.cross-sell{text-align:center;margin:18px auto;padding:14px 18px;max-width:560px;border:1px dashed var(--accent);border-radius:14px;color:var(--muted);font-size:.95rem}
.cross-sell a{color:var(--gold);font-weight:700}

/* one-at-a-time colouring */
.color-one{text-align:center;max-width:640px;margin:0 auto;padding:20px 0}
.color-one h2{color:#fff;margin:10px 0}
.color-one h2 small{color:var(--muted);font-size:.6em}
.preview-big{width:100%;max-width:420px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;margin:14px auto;display:block}
.pager{display:flex;gap:14px;justify-content:center;align-items:center;margin:18px 0}
.pageno{color:var(--muted);font-size:.9rem}
.thumbs{display:flex;gap:10px;justify-content:center;margin:16px 0;flex-wrap:wrap}
.thumbs a{opacity:.6;border:2px solid transparent;border-radius:10px;overflow:hidden;width:72px;height:72px}
.thumbs a.active{opacity:1;border-color:var(--gold)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.brand-bar{text-align:center;margin:22px auto;padding:14px 18px;max-width:620px;border:1px solid var(--line);border-radius:14px;background:#0d1c14;color:var(--muted);font-size:.95rem}
.brand-bar a{color:var(--gold);font-weight:700;text-decoration:none}