/* Original SamiDev store: readable cards, product preview, explicit purchase confirmation. */
.store-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.store-item-card{border:1px solid var(--line,#28353d);border-radius:14px;background:var(--panel,#111a20);padding:14px;gap:12px;cursor:pointer;min-width:0;box-shadow:none}
.store-item-card:focus-visible{outline:2px solid #65cbbc;outline-offset:3px}
.store-item-visual{display:block;width:100%;height:148px;object-fit:contain;background:none!important;border-radius:0}
.store-item-copy{display:flex;flex-direction:column;gap:7px;min-height:112px;text-align:center;padding:0}
.store-item-copy strong{font-size:15px;white-space:normal;overflow-wrap:anywhere}
.store-item-copy small{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.7;color:var(--muted,#9badb5);min-height:40px}
.store-product-footer{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:8px}
.store-item-price{font-size:13px;font-weight:700;display:flex;gap:4px;align-items:center}.store-item-badge{font-size:10px;color:#8fa6ad}
.store-product-modal{position:fixed;inset:0;z-index:26000;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box;direction:rtl;font-family:system-ui}
.store-product-sheet{width:min(470px,100%);max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #344149;border-radius:20px;padding:20px;box-sizing:border-box;background:#121b20;color:#edf3f0;text-align:center;box-shadow:0 25px 80px #0007}
.store-product-sheet header{display:flex;align-items:center;justify-content:space-between;color:#aab9be;font-size:13px}
.store-product-sheet header b{color:#f4da91}.store-product-sheet header button{border:0;background:transparent;color:#bbcace;font-size:28px;cursor:pointer;width:36px;height:36px}
.store-product-art{height:210px;display:grid;place-items:center;padding:16px}.store-product-art>svg,.store-product-art>img{height:100%;width:100%;object-fit:contain}
.store-name-preview{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;background:#eaf1ef;color:#253735;border-radius:12px;padding:10px 17px;font-size:17px;margin:4px 0 10px}
.store-name-preview strong{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-name-sticker{width:32px;height:32px}.store-preview-stars{color:#c69737;letter-spacing:1px}
.store-product-sheet h3{font-size:23px;margin:18px 0 10px}.store-product-description{font-size:14px;line-height:1.8;color:#aab9be;margin:0 auto 15px;max-width:330px}.store-star-count{display:block;color:#8fa6ad;font-size:12px;line-height:1.8}
.store-product-sheet footer{display:grid;gap:12px;text-align:right;margin-top:22px}.store-product-sheet .primary{min-height:46px;background:#277f83;color:#fff;border:0;border-radius:11px;font:700 14px system-ui;cursor:pointer;width:100%}.store-product-sheet button:disabled{opacity:.5;cursor:default}
.store-purchase-confirm{background:#1d2b31;border:1px solid #365059;border-radius:14px;padding:15px;margin-top:18px;text-align:right}.store-purchase-confirm h4{margin:0 0 10px;font-size:17px}.store-purchase-confirm p{line-height:1.8;font-size:14px}.store-purchase-confirm small{color:#aab9be}.store-purchase-confirm>div{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;margin-top:18px}.store-purchase-confirm .ghost{background:transparent;border:1px solid #52666d;color:#d6e3e5;border-radius:11px;font-family:inherit}.store-product-error{color:#f1a3a3;font-size:13px;line-height:1.8}
html[data-theme="light"] .store-product-sheet{background:#f9fbfa;color:#243734;border-color:#cbd8d4}html[data-theme="light"] .store-product-description,html[data-theme="light"] .store-product-sheet header{color:#657d77}html[data-theme="light"] .store-purchase-confirm{background:#eaf1ee;border-color:#cadbd6}html[data-theme="light"] .store-purchase-confirm .ghost{color:#365d54}
@media(max-width:600px){.store-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.store-item-card{padding:10px;gap:8px}.store-item-visual{height:120px}.store-item-copy strong{font-size:13px}.store-item-copy small{font-size:11px;line-height:1.65}.store-item-copy{min-height:108px}.store-dashboard{display:flex;flex-direction:column;gap:14px}.store-wallet-card{padding:12px}.store-wallet-security{display:none}.store-wallet-main{gap:10px}.store-wallet-main strong{font-size:23px}.store-product-art{height:170px;padding:10px}.store-product-sheet{padding:16px}.store-product-sheet h3{font-size:21px}.store-page-head p{font-size:12px}}

.store-product-sheet header>span{display:flex;align-items:center;gap:5px}.store-product-sheet header .coin-mark.small,.store-product-footer .coin-mark.small{width:20px;height:20px;font-size:10px;flex-shrink:0}.store-item-copy strong{min-height:22px}
@media(max-width:600px){
 .store-page-head{align-items:center;margin-bottom:12px}.store-page-head .eyebrow,.store-page-head p{display:none}.store-page-head h2{font-size:20px;margin:0}.store-page-head .ghost{padding:8px 12px;min-height:36px}
 .store-wallet-card{min-height:48px;flex-direction:row;align-items:center;padding:10px 12px}.store-wallet-main>div{display:flex;align-items:center;gap:10px}.store-wallet-main>div>span{display:none}.store-wallet-main>.coin-mark{width:28px;height:28px;font-size:14px}.store-wallet-main strong{font-size:22px;letter-spacing:0}
 .store-section-head>div>small{display:none}.store-section-head h3{font-size:15px}.store-item-copy{min-height:94px}.store-item-visual{height:112px}
}

/* Let the artwork breathe without boxed image backdrops. */
.store-item-card{border-radius:20px;padding:18px 14px;background:var(--panel);transition:border-color .15s,transform .15s}
.store-item-card:hover{border-color:#6d9896;transform:translateY(-2px)}
.store-item-visual{height:164px;padding:18px;box-sizing:border-box;filter:drop-shadow(0 8px 9px #0002)}
.store-item-copy small{color:var(--muted);font-size:12px}.store-product-footer{border-top:1px solid var(--line);padding-top:12px}
.store-product-art{background:transparent;height:220px}.store-product-sheet{border-radius:24px}
@media(max-width:600px){.store-item-card{padding:12px 9px;border-radius:16px}.store-item-visual{height:132px;padding:12px}.store-item-copy strong{font-size:14px}.store-product-art{height:175px}}
@media(prefers-reduced-motion:reduce){.store-item-card{transition:none}.store-item-card:hover{transform:none}}

/* Product details: bounded artwork, a separate identity preview and a fixed purchase area. */
.store-product-modal{background:#0007;backdrop-filter:none;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}
.store-product-sheet{display:flex;flex-direction:column;gap:0;width:min(430px,100%);max-height:calc(100dvh - 24px);overflow:hidden;padding:18px;border-radius:20px;box-shadow:0 18px 60px #0004}
.store-product-sheet>header{flex:0 0 auto;min-height:36px;gap:12px}
.store-product-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:8px 4px 0}
.store-product-art{position:relative;display:flex;align-items:center;justify-content:center;flex:none;min-width:0;min-height:0;height:clamp(112px,22dvh,180px);padding:16px;overflow:hidden}
.store-product-art>svg,.store-product-art>img{display:block;flex:none;width:100%;height:100%;max-width:220px;max-height:160px;min-width:0;min-height:0;object-fit:contain;overflow:hidden}
.store-name-preview{display:inline-flex;max-width:100%;min-height:44px;margin:10px auto 4px;padding:8px 16px;gap:8px;box-sizing:border-box;font-size:16px;vertical-align:middle}
.store-name-preview>.store-name-sticker{display:block;flex:0 0 28px;width:28px;height:28px;max-width:28px;max-height:28px;overflow:hidden}
.store-name-preview strong{max-width:240px;min-width:0;font-weight:600}
.store-product-sheet h3{margin:16px 0 8px;font-size:21px;line-height:1.5;overflow-wrap:anywhere}
.store-product-description{margin:0 auto 12px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.store-product-sheet>footer{flex:0 0 auto;display:grid;gap:12px;margin:12px 0 0;padding-top:8px;text-align:start}
.store-product-sheet>footer>strong{font-size:14px;display:flex;align-items:center;gap:5px}
.store-product-sheet .primary{min-height:46px;border-radius:12px}
.store-product-sheet>.store-purchase-confirm{flex:0 0 auto;margin-top:12px}
@media(max-width:480px){.store-product-sheet{padding:14px;border-radius:17px}.store-product-art{height:clamp(104px,21dvh,168px)}.store-product-sheet h3{font-size:20px}.store-name-preview strong{max-width:200px}}
.store-banner-art[role="img"]{background:#000!important}
.store-product-availability{margin:0;color:#aab9be;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.store-product-availability:is([data-kind="moderator"],[data-kind="event"],[data-kind="unavailable"]){color:#f19c94}
html[data-theme="light"] .store-product-availability{color:#657d77}
html[data-theme="light"] .store-product-availability:is([data-kind="moderator"],[data-kind="event"],[data-kind="unavailable"]){color:#ad493f}
.store-wallet-card{flex-wrap:wrap}
.coin-topup{flex:0 0 100%;min-width:0;box-sizing:border-box;padding-top:16px;border-top:1px solid var(--line,#28353d)}
.coin-topup h3{margin:0 0 8px}
.coin-topup p,.coin-topup small{font-size:13px;line-height:1.7}
.coin-topup-packs{display:grid;gap:8px;margin:12px 0}
.coin-topup-pack{width:100%;padding:12px;border-radius:12px;white-space:normal}
.coin-topup-pack:disabled{opacity:.5;cursor:not-allowed}
.coin-topup-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.coin-topup-eyebrow{display:block;color:var(--muted,#9badb5);font-size:12px;margin-bottom:6px}
.coin-topup-heading h3{font-size:22px;margin:0}.coin-topup-rate{padding:8px 12px;border:1px solid var(--line,#28353d);border-radius:30px;font-size:12px;white-space:nowrap}.coin-topup-rate b{display:inline-block;direction:ltr;color:#edc570}
.coin-topup-packs{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px}
.coin-topup-pack{display:flex;flex-direction:column;align-items:center;padding:16px 10px 10px;border:1px solid #34434a;background:linear-gradient(165deg,#1c292f,#101b21);color:#ecf2f3;transition:border-color .15s,transform .15s;min-width:0;cursor:pointer}
.coin-topup-pack:not(:disabled):hover{transform:translateY(-3px);border-color:#e6c171}.coin-topup-pack:focus-visible{outline:3px solid #65cbbc;outline-offset:3px}
.coin-topup-art{width:104px;max-width:100%;height:80px;display:block}.coin-topup-art svg{display:block;width:100%;height:100%}
.coin-topup-amount{font-size:24px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:6px}.coin-topup-unit{font-size:12px;color:#9badb5;margin:4px 0 14px}
.coin-topup-price{font-size:23px;font-weight:700;direction:ltr;line-height:1.2}.coin-topup-currency{font-size:10px;color:#9badb5;letter-spacing:1px;margin:4px 0 14px}
.coin-topup-action{width:100%;box-sizing:border-box;border-radius:8px;background:#25383c;padding:9px 3px;font-size:12px;color:#a6dfd4;white-space:normal}
.coin-payment-methods{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line,#28353d);padding-top:16px;margin-top:16px}.coin-payment-label{font-size:12px;color:var(--muted,#9badb5)}.coin-payment-label b{color:var(--text,#e7eeee)}
.coin-payment-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.coin-payment-badge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:36px;min-width:64px;padding:4px 10px;border-radius:7px;background:#fff;border:1px solid #dce1e5;color:#111;font-family:Arial,sans-serif;user-select:none}
.payment-visa{color:#1434cb;font-style:italic;font-size:22px;font-weight:900;letter-spacing:-1px}.payment-mastercard{flex-direction:column;gap:0;font-size:7px;min-width:66px}.mastercard-mark{position:relative;display:block;width:30px;height:19px}.mastercard-mark:before,.mastercard-mark:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;top:0;left:0;background:#eb001b}.mastercard-mark:after{left:11px;background:#f79e1b;mix-blend-mode:multiply}.payment-apple{font-size:18px;font-weight:600;letter-spacing:-.5px}.payment-apple>span{font-size:24px}
.coin-payment-availability{display:block;color:var(--muted,#9badb5);margin-top:10px}.coin-topup>small:last-child{display:block;color:var(--muted,#9badb5);margin-top:4px}
html[data-theme="light"] .coin-topup-pack{background:linear-gradient(160deg,#fff,#f5f8f8);color:#20343b;border-color:#d1dde1}html[data-theme="light"] .coin-topup-action{background:#e2f1ed;color:#25665e}html[data-theme="light"] .coin-topup-rate b{color:#8a611b}
html[data-theme="light"] .coin-topup-unit,html[data-theme="light"] .coin-topup-currency{color:#526b75}
@media(prefers-reduced-motion:reduce){.coin-topup-pack{transition:none}.coin-topup-pack:not(:disabled):hover{transform:none}}
@media(max-width:700px){.coin-topup-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.coin-topup-heading h3{font-size:20px}.coin-topup-amount{font-size:21px}.coin-topup-pack{padding-top:10px}.coin-topup-art{height:65px}.coin-topup-rate{padding:7px 9px}}
@media(max-width:380px){.coin-topup-packs{grid-template-columns:repeat(2,minmax(0,1fr))}.coin-topup-heading{align-items:flex-start;flex-direction:column;gap:10px}.coin-payment-badges{gap:6px}}

/* Keep the collectible dot small in the product stage and beside the name. */
.store-product-art>img[src$="/red-pixel-v2.png"],.store-item-visual[src$="/red-pixel-v2.png"]{width:40px;height:40px;max-width:40px;max-height:40px;padding:0;filter:none}
