.store-page{--shop-accent:#83d9ff}.store-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;padding:36px 40px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 90% 35%,#3ea9df20,transparent 55%),var(--panel);margin-bottom:24px}.store-page .eyebrow{color:var(--shop-accent);font-size:12px;letter-spacing:.1em}.store-hero h1{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.05em;line-height:1.1;margin-bottom:18px}.store-hero p{font-size:16px;line-height:1.7;color:var(--muted);max-width:520px}.shop-disclaimer{display:block;font-size:13px;color:var(--muted);margin-top:14px;line-height:1.6}.shop-hero-art{position:relative;display:grid;place-items:center;min-height:265px;border:1px solid #83d9ff22;border-radius:18px;background:repeating-linear-gradient(0deg,transparent 0 31px,#83d9ff08 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,#83d9ff08 31px 32px)}.shop-hero-art img{width:230px;height:230px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 25px #369edf22)}.item-label{font-size:11px;letter-spacing:.12em;color:var(--shop-accent);position:absolute;bottom:16px}.pixel-spark{position:absolute;color:#c9f4ff;font-size:26px}.spark-one{left:16%;top:15%}.spark-two{right:15%;bottom:22%;font-size:18px}.shop-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-bottom:1px solid var(--line);padding:8px 0 28px;margin-bottom:30px}.shop-guide>div{display:flex;align-items:center;gap:14px}.shop-guide .ui-icon{font-size:24px;color:var(--shop-accent);background:var(--panel-2);padding:14px;width:52px;border-radius:12px}.shop-guide b{display:block;font-size:15px}.shop-guide small{display:block;font-size:13px;color:var(--muted);line-height:1.5;margin-top:4px}.store-page .section-head{scroll-margin-top:90px;margin:30px 0 20px}.store-page .section-head .eyebrow{margin-bottom:8px}.store-page .section-head>.muted{font-size:13px}.store-page .store-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:18px}.store-page .store-card{padding:26px 22px 22px;gap:0;align-items:stretch;text-align:left;overflow:hidden;border-radius:16px}.store-page .store-card.featured{border-color:var(--shop-accent);box-shadow:none}.store-page .store-card:hover{border-color:var(--shop-accent);transform:translateY(-4px)}.store-page .store-badge{top:16px;right:16px;background:#83d9ff;color:#0d2842;font-size:11px;letter-spacing:.04em;padding:6px 10px;border-radius:6px;z-index:1}.pack-art{display:grid;place-items:center;min-height:155px;margin:10px -22px 16px;background:radial-gradient(ellipse,#358ab41c,transparent 65%)}.store-page .store-art{width:144px;height:144px;object-fit:contain;image-rendering:pixelated;filter:none}.store-page .store-card h3{font-size:16px;margin:0 0 10px;color:var(--muted)}.store-page .store-amount{font-size:36px;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:20px}.store-amount small{display:block;font-size:13px;letter-spacing:0;font-weight:500;color:var(--muted);margin-top:8px}.store-page .store-perks{font-size:14px;padding:18px 0;margin:0 0 22px;border-top:1px solid var(--line);line-height:1.8}.store-perks li{display:flex;align-items:center;gap:10px;margin:4px 0}.store-perks .ui-icon{font-size:15px}.store-page .store-card .btn{justify-content:space-between;gap:8px;min-height:48px;font-size:14px;padding:0 14px}.store-card .btn span{font-size:16px}.store-page .store-note{font-size:14px;line-height:1.7;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.store-note a{color:var(--shop-accent);text-decoration:underline;text-underline-offset:3px}.shop-faq{margin:28px 0}.shop-faq details{border-bottom:1px solid var(--line);padding:18px 0}.shop-faq summary{cursor:pointer;font-size:16px;font-weight:600;min-height:24px}.shop-faq p{font-size:15px;color:var(--muted);line-height:1.7}.store-page .checkout{max-width:760px;margin:24px auto 32px}.checkout-row{gap:20px;flex-wrap:wrap}.checkout-row .cur{white-space:nowrap}.store-page .checkout .actions .btn{min-height:48px}.store-page .checkout h2{font-size:26px}.store-page .checkout .alert{font-size:14px;line-height:1.6}:root[data-theme="light"] .store-page{--shop-accent:#19689e}
@media(max-width:1000px){.store-hero{padding:28px;gap:22px}.shop-guide{gap:16px}.shop-guide>div{align-items:flex-start}.shop-hero-art img{width:200px;height:200px}}
@media(max-width:640px){.store-hero{grid-template-columns:1fr;padding:24px;gap:24px}.store-hero h1{font-size:36px}.shop-hero-art{min-height:230px}.shop-hero-art img{width:190px;height:190px}.store-hero .btn{width:100%;font-size:14px}.shop-guide{grid-template-columns:1fr;gap:18px}.store-page .store-grid{grid-template-columns:1fr}.store-page .store-card{padding:24px}.store-page .section-head>.muted{display:none}.store-page .store-card .btn{font-size:15px}.store-page .checkout-row{gap:10px}.store-page .checkout .actions{flex-direction:column}.store-page .checkout .actions .btn{width:100%}}
.shop-hero-art picture{display:block;line-height:0}.shop-hero-art picture img{width:230px;height:230px}.store-page .store-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.store-page .store-card{padding-left:18px;padding-right:18px}.store-page .store-card .btn{flex-wrap:wrap;justify-content:center;gap:4px 12px}.store-page .store-perks{font-size:13px}.store-page .store-art{width:144px;height:144px}.shop-hero-art img,.store-art,.cur-ico[src*="diamond-pixel"],.wallet-cur img[src*="diamond-pixel"]{image-rendering:pixelated}
@media(max-width:1150px){.store-page .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-hero-art picture img{width:200px;height:200px}}
@media(max-width:640px){.store-page .store-grid{grid-template-columns:1fr}.store-page .store-perks{font-size:15px}.shop-hero-art picture img{width:192px;height:192px}}
/* Featured packs and purchase cues match the Meso brand */
.store-page{--shop-accent:var(--meso-gold,#ffd36a)}
.store-page .store-badge{background:linear-gradient(135deg,#ffe49a,#ffc34e);color:#322006;border:1px solid #ffecb6;box-shadow:0 3px 12px #f5ac3525;font-size:12px;font-weight:800;padding:7px 11px}
.store-page .store-card.featured{border-color:#dba946;background:radial-gradient(ellipse at 50% 0%,#f5ac351a,transparent 60%),var(--panel);box-shadow:inset 0 1px 0 #ffe29b25,0 0 22px #f5ac3508}
.store-page .store-card:hover{border-color:var(--meso-gold);box-shadow:0 8px 22px #f5ac3515}
.store-page .store-card.featured .store-amount{color:#ffe0a0}
.store-page .store-hero{background:radial-gradient(ellipse at 90% 35%,#e7a72e18,transparent 60%),var(--panel)}
.store-page .shop-guide .ui-icon{color:var(--meso-gold);background:color-mix(in srgb,var(--meso-gold) 9%,var(--panel))}
.store-page .shop-hero-art{border-color:#ffd36a25}.store-page .pixel-spark{color:#ffe4a4}
:root[data-theme="light"] .store-page{--shop-accent:#946018}
:root[data-theme="light"] .store-page .store-card.featured .store-amount,:root[data-theme="light"] .store-page .shop-guide .ui-icon{color:#885600}
/* Smooth merchant artwork, replacing the old pixel illustrations. */
.store-page .shop-hero-art{min-height:290px;background:radial-gradient(ellipse at center,#ffd36a0e,transparent 70%);overflow:hidden}
.store-page .shop-hero-art .shop-mascot{width:270px;height:270px;image-rendering:auto;filter:drop-shadow(0 12px 20px #0003);animation:shop-ghost-float 4s ease-in-out infinite}
.store-page .pack-art{min-height:190px;margin-top:20px;margin-bottom:18px}
.store-page .store-art{width:190px;height:190px;image-rendering:auto;filter:drop-shadow(0 8px 12px #0002)}
.store-page .store-art.custom{image-rendering:auto}
@keyframes shop-ghost-float{0%,100%{transform:translateY(4px)}50%{transform:translateY(-6px)}}
@media(max-width:640px){.store-page .shop-hero-art{min-height:250px}.store-page .shop-hero-art .shop-mascot{width:230px;height:230px}.store-page .pack-art{min-height:210px}.store-page .store-art{width:210px;height:210px}}
@media(prefers-reduced-motion:reduce){.store-page .shop-hero-art .shop-mascot{animation:none}}