﻿/* Gamer storefront. Deliberately scoped; checkout IDs and APIs stay intact. */
body[data-page=store]{--canvas:#101114;--ink:#f5f2ed;--muted:#beb4aa;--line:#373330;--brand:#ffad6b;background:radial-gradient(ellipse at 5% 5%,#2021252e,transparent 50%),#101114;color:#f5f2ed}
body[data-page=store] .app-workspace{margin-left:0;width:100%;min-width:0}
body[data-page=store] #client-sidebar{display:none}
body[data-page=store] .app-topbar{display:flex;gap:24px;justify-content:space-between;min-height:86px;padding:16px max(28px,calc((100vw - 1480px)/2));background:#101114f5;border-bottom:1px solid #373330;position:sticky;top:0;z-index:30}
body[data-page=store] .storefront-brand{display:flex;gap:9px;align-items:center;color:#f5f2ed;font-size:27px;font-weight:750;letter-spacing:-1px;flex-shrink:0}
body[data-page=store] .storefront-brand img{width:49px;height:49px;object-fit:contain}
body[data-page=store] .storefront-brand b{color:#ffad6b}
body[data-page=store] .storefront-nav{display:flex;align-items:center;gap:6px}
body[data-page=store] .storefront-nav a{padding:10px 15px;border:1px solid transparent;border-radius:10px;font-size:13px;color:#beb4aa;white-space:nowrap}
body[data-page=store] .storefront-nav a[aria-current],body[data-page=store] .storefront-nav a:hover{background:#ff8b3226;border-color:#ff8b32;color:#fff}
body[data-page=store] .topbar-heading{display:none}
body[data-page=store] .app-topbar>#wallet-widget{flex-shrink:0}
body[data-page=store] #wallet-widget{background:#17181c;border-color:#373330;color:#ffd0a6}
body[data-page=store] #btn-abrir-recarga,body[data-page=store] #btn-abrir-auth{background:#ffad6b;color:white;border-color:#ffad6b}
body[data-page=store] .store-content{width:100%;max-width:1536px;padding:28px; margin:auto}
body[data-page=store] .store-banner{position:relative;isolation:isolate;display:flex;min-height:365px;padding:42px;overflow:hidden;border-radius:24px;border:1px solid #655343;background:radial-gradient(ellipse at 20% 80%,#65534355,transparent 65%),#17181c}
body[data-page=store] .store-banner:before,body[data-page=store] .store-banner:after{display:none}
body[data-page=store] .store-banner-copy{max-width:600px;width:56%;position:relative;z-index:2}
body[data-page=store] .storefront-label{display:inline-flex;padding:7px 11px;border:1px solid #a08f8051;border-radius:30px;background:#6553432e;color:#ffd0a6;font-size:10px;font-weight:600;letter-spacing:.09em}
body[data-page=store] .store-banner h2{font-size:clamp(32px,3.4vw,53px);line-height:1.08;letter-spacing:-1.9px;font-weight:750;margin-top:18px;color:#fff}
body[data-page=store] .store-banner h2 span{color:#ffd0a6}
body[data-page=store] .store-banner p{font-size:13px;line-height:1.8;color:#d8cfc5;max-width:420px;margin-top:16px}
body[data-page=store] .storefront-hero-actions{display:flex;gap:12px;align-items:center;margin-top:22px;flex-wrap:wrap}
body[data-page=store] .storefront-hero-actions a{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:45px;padding:12px 19px;border-radius:30px;font-size:12px;font-weight:650}
body[data-page=store] .storefront-explore{background:#ff9b3d;color:#17181c;border:1px solid #ffc58f}
body[data-page=store] .storefront-explore:hover{background:#ffb36d}
body[data-page=store] .storefront-support{background:#37333044;border:1px solid #a08f80;color:#f5f2ed}
body[data-page=store] .store-banner-tags{color:#beb4aa;font-size:10px;margin-top:21px;gap:20px}
body[data-page=store] .store-banner-tags svg{color:#ffad6b;width:15px;height:15px}
body[data-page=store] .storefront-hero-art{position:absolute;inset:0 0 0 40%;z-index:0;overflow:hidden}
body[data-page=store] .storefront-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.8}
body[data-page=store] .storefront-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17181c 0%,#17181c77 24%,#20212511 60%),linear-gradient(0deg,#17181ccc,transparent 45%)}
body[data-page=store] .storefront-art-caption{position:absolute;right:30px;bottom:28px;z-index:2;font-size:12px;letter-spacing:.18em;font-weight:700;color:#fff;text-align:right}
body[data-page=store] .storefront-art-caption>span{display:block;font-size:9px;letter-spacing:.1em;color:#ffd0a6;margin-top:5px}
body[data-page=store] .storefront-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}
body[data-page=store] .storefront-categories a{position:relative;display:grid;grid-template-columns:38px 1fr;gap:4px 13px;align-items:center;padding:20px 18px;border:1px solid #655343;border-radius:15px;background:linear-gradient(125deg,#202125,#17181c);color:#f5f2ed}
body[data-page=store] .storefront-categories a:hover{border-color:#ffad6b;background:#202125}
body[data-page=store] .storefront-categories a>span{grid-row:1/3;color:#ffad6b}
body[data-page=store] .storefront-categories a>span svg{width:30px;height:30px}
body[data-page=store] .storefront-categories strong{font-size:13px;font-weight:600;padding-right:14px}
body[data-page=store] .storefront-categories small{font-size:10px;color:#beb4aa}
body[data-page=store] .storefront-categories a>i{position:absolute;right:12px;top:22px;color:#ffad6b}
body[data-page=store] .storefront-categories a>i svg{width:15px;height:15px}
body[data-page=store] .store-history{background:#17181c;border-color:#373330;margin:0 0 30px}
body[data-page=store] .store-history-link,body[data-page=store] .store-history-icon,body[data-page=store] .store-product-footer>a{color:#ffad6b}
body[data-page=store] .store-category,body[data-page=store] .product-selected{background:#a08f8024;border-color:#a08f80;color:#ffd0a6}
body[data-page=store] .store-layout{grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:26px}
body[data-page=store] .store-product,body[data-page=store] .store-benefits>div,body[data-page=store] .store-conditions,body[data-page=store] .store-checkout{background:#17181c;border-color:#373330;border-radius:16px}
body[data-page=store] .store-product-image{aspect-ratio:2.15}
body[data-page=store] .store-benefits svg{color:#ffad6b}
body[data-page=store] .store-product-price>span,body[data-page=store] .store-product-body .section-kicker{color:#ffd0a6}
body[data-page=store] .store-content .primary-button,body[data-page=store] #btn-verificar{background:#ffad6b;color:#fff;border-color:#ffad6b}
body[data-page=store] .store-content input:not([type=checkbox]):not([type=radio]){background:#101114!important;border-color:#373330;color:#f5f2ed}
body[data-page=store] .store-order-summary,body[data-page=store] .summary-product{border-color:#373330}
body[data-page=store] .app-footer{background:#101114;border-color:#373330;margin-left:0}
body[data-page=store] a:focus-visible,body[data-page=store] button:focus-visible{outline:2px solid #ffd0a6;outline-offset:4px}
#catalog-title{scroll-margin-top:110px}
@media(max-width:1190px){body[data-page=store] .storefront-nav a{padding:10px;font-size:12px}body[data-page=store] .app-topbar{gap:14px;padding-inline:24px}body[data-page=store] .storefront-categories a{padding:17px 13px;grid-template-columns:29px 1fr;gap:4px 9px}body[data-page=store] .storefront-categories small{font-size:9px}body[data-page=store] .storefront-categories strong{font-size:11px}}
@media(max-width:1000px){body[data-page=store] .store-layout{grid-template-columns:1fr}body[data-page=store] .storefront-nav{display:none}body[data-page=store] .topbar-heading{display:flex;margin-left:auto}body[data-page=store] .topbar-heading>div{display:none}body[data-page=store] .mobile-menu{display:inline-flex}body[data-page=store] #client-sidebar{display:flex}body[data-page=store] .storefront-categories{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=store] .store-banner-copy{width:65%}}
@media(max-width:767px){body[data-page=store] .app-topbar{padding:12px 16px;gap:12px;min-height:72px}body[data-page=store] .storefront-brand{font-size:21px}body[data-page=store] .storefront-brand img{width:38px;height:38px}body[data-page=store] .store-content{padding:16px}body[data-page=store] .store-banner{min-height:390px;padding:26px 22px;border-radius:18px;align-items:flex-start}body[data-page=store] .store-banner-copy{width:100%}body[data-page=store] .store-banner h2{font-size:36px;letter-spacing:-1.3px}body[data-page=store] .store-banner p{max-width:300px;font-size:12px}body[data-page=store] .storefront-hero-art{inset:0;opacity:.38}body[data-page=store] .storefront-hero-art:after{background:linear-gradient(90deg,#17181cef,#17181c99),linear-gradient(0deg,#17181c,transparent)}body[data-page=store] .storefront-art-caption{display:none}body[data-page=store] .storefront-categories{gap:10px;margin:16px 0}body[data-page=store] .storefront-categories a{grid-template-columns:26px 1fr;padding:16px 12px;min-height:89px;gap:6px 9px}body[data-page=store] .storefront-categories a>span svg{width:25px;height:25px}body[data-page=store] .storefront-categories a>i{display:none}body[data-page=store] .storefront-categories strong{font-size:11px;padding:0}body[data-page=store] .storefront-categories small{font-size:9px;line-height:1.5}body[data-page=store] .storefront-hero-actions a{padding:11px 16px;font-size:11px}body[data-page=store] .store-banner-tags{gap:12px}body[data-page=store] .store-history{margin-bottom:26px}body[data-page=store] .store-layout{gap:22px}body[data-page=store] .store-section-title h2{font-size:19px}body[data-page=store] #wallet-widget>span:first-child{display:none}}
@media(max-width:400px){body[data-page=store] .storefront-brand{font-size:18px}body[data-page=store] .storefront-brand img{width:32px;height:32px}body[data-page=store] .app-topbar{gap:8px;padding-inline:12px}body[data-page=store] .app-topbar>.flex{gap:6px}body[data-page=store] #btn-abrir-auth{font-size:10px;padding:9px}body[data-page=store] .store-banner h2{font-size:31px}}
@media(min-width:768px) and (max-width:1000px){body[data-page=store] #client-sidebar{transform:translateX(-100%)}body[data-page=store] #client-sidebar.is-open{transform:translateX(0)}}
