/* GGHub commercial design system. Values live here; legacy sheets remain compatibility only. */
:root{--font:"Segoe UI",Arial,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:6px;--control-height:44px;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:26px;--font-size-3xl:32px;--shadow-dialog:0 16px 48px #0004;--motion-fast:150ms;--content-width:1320px;--neon:#72cbdc;--muted:#b3bec8}
[data-theme="light"]{--bg0:#f5f6f7;--bg1:#edf0f2;--bg2:#fff;--bg3:#e8edf0;--text:#152935;--muted:#536674;--neon:#08738b;--border:#d6dfe4;--border2:#a5b6c1}
.gghub-refresh{font-family:var(--font);font-size:var(--font-size-md);line-height:1.55;overflow-x:clip}
.gghub-refresh :is(button,input,select,textarea){font-family:var(--font)}
.gghub-refresh :is(button,a):focus-visible{outline:2px solid var(--neon);outline-offset:3px}
.gghub-refresh nav.site-nav,.gghub-refresh nav.site-nav:has(#navWalletBadge){display:grid;grid-template-columns:auto minmax(230px,1fr) auto;gap:var(--space-3) var(--space-5);padding:var(--space-3) max(var(--space-5),calc((100vw - var(--content-width))/2));min-height:0;position:sticky;top:0;z-index:200;flex-shrink:0}
.site-nav .nav-brand{grid-column:1;grid-row:1}.gghub-refresh .site-nav .logo-img{width:44px;height:44px}
.site-nav .nav-search{grid-column:2;grid-row:1;display:flex;min-width:0;border:1px solid var(--border2);background:var(--bg2);border-radius:var(--radius-sm);overflow:hidden}
.nav-search input{width:100%;min-width:0;border:0;background:transparent;padding:var(--space-3);color:var(--text);height:var(--control-height)}
.nav-search button{border:0;border-left:1px solid var(--border);padding:0 var(--space-4);background:var(--bg3);color:var(--text);cursor:pointer}
.gghub-refresh .site-nav .nav-links,.gghub-refresh .site-nav:has(#navWalletBadge) .nav-links{grid-row:2;grid-column:1/-1;justify-content:flex-start;margin:0;padding:var(--space-2) 0 0;border-top:1px solid var(--border)}
.gghub-refresh .site-nav .nav-right,.gghub-refresh .site-nav:has(#navWalletBadge) .nav-right{grid-column:3;grid-row:1;flex-wrap:nowrap;width:auto;border:0;padding:0;gap:var(--space-2)}
.gghub-refresh .site-nav .nav-right :is(.btn-primary,.btn-outline){min-height:38px;padding:var(--space-2) var(--space-3)!important;font-size:var(--font-size-xs)!important}
.gghub-refresh .site-nav .brand-wordmark{font-size:18px}.gghub-refresh .site-nav .nav-links a{padding:var(--space-2) var(--space-3)}
.gghub-refresh[data-page="home/index"] .nav-search{visibility:hidden}
.home-shell{max-width:var(--content-width);padding:var(--space-5) var(--space-5) 0}
.home-shell .hero--backdrop{min-height:300px;padding:var(--space-5) var(--space-6);grid-template-rows:auto;gap:0}
.hero--backdrop .hero-copy{max-width:630px;padding:0}.hero--backdrop h1{font-size:var(--font-size-3xl);line-height:1.15;max-width:600px;letter-spacing:-.8px}.hero--backdrop .hero-tag{margin-bottom:var(--space-3);font-size:var(--font-size-xs)}
.hero--backdrop p{margin:var(--space-3) 0 var(--space-4);font-size:var(--font-size-sm)}
.hero--backdrop .hero-search{max-width:620px;margin-bottom:var(--space-3)}.hero--backdrop .hero-search input{height:48px}.hero--backdrop .hero-search button{height:38px;width:38px}
.hero--backdrop .hero-btns :is(.btn-primary,.btn-outline){min-height:36px;padding:var(--space-2) var(--space-3)!important;font-size:var(--font-size-xs)!important}
.home-shell .section{padding-top:var(--space-5)}.section-heading{margin-bottom:var(--space-3)}.gghub-refresh .section-title{font-size:var(--font-size-xl)}
.cat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-3)}.cat-card{min-height:84px;padding:var(--space-3);border-radius:var(--radius-sm)}.cat-art{height:44px}.cat-art img{height:44px}.cat-card h3{font-size:var(--font-size-xs)}
.gghub-refresh .cards-scroll{gap:var(--space-4);padding-bottom:var(--space-2)}.gghub-refresh .cards-scroll .product-card{flex:0 0 calc((100% - 64px)/5);width:calc((100% - 64px)/5)}
.gghub-refresh .product-card{border-radius:var(--radius-sm);position:relative}.gghub-refresh .card-img{aspect-ratio:4/3;max-height:170px}.gghub-refresh .card-body{padding:var(--space-3)}
.gghub-refresh .card-title{font-size:var(--font-size-sm);line-height:1.45;min-height:38px;margin:0 0 var(--space-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:600}
.gghub-refresh .card-meta{font-size:var(--font-size-xs);line-height:1.4;margin:0 0 var(--space-2)}.gghub-refresh .card-tags{margin-bottom:var(--space-3)}.gghub-refresh .card-footer{padding-top:var(--space-3);gap:var(--space-2)}
.gghub-refresh .price{font-size:var(--font-size-xl);font-weight:700}.gghub-refresh .seller-name{font-size:var(--font-size-xs)}.gghub-refresh .seller-avatar{width:20px;height:20px}
.card-promotion,.card-availability{position:absolute;top:var(--space-2);right:var(--space-2);padding:2px 6px;border-radius:3px;background:var(--bg0);border:1px solid var(--border2);color:var(--text);font-size:10px;z-index:3}.card-availability{left:var(--space-2);right:auto}
.market-track-record{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.market-track-record .hero-stats{padding:var(--space-4) 0;border:0;gap:var(--space-5)}.market-track-record .hero-stat .num{font-size:var(--font-size-xl)}
.trust-bar{margin-top:var(--space-4);padding:var(--space-4) 0}.gghub-refresh footer{padding-top:var(--space-5)}
.catalog-heading{max-width:var(--content-width);margin:auto;padding:var(--space-5) var(--space-5) var(--space-3);display:flex;align-items:baseline;gap:var(--space-4)}.catalog-heading h1{font-size:var(--font-size-2xl);letter-spacing:-.5px}.catalog-heading p{color:var(--muted);font-size:var(--font-size-sm)}
.gghub-refresh .catalog-banner,.gghub-refresh .catalog-banner-alt{border-bottom:1px solid var(--border);padding:var(--space-3) max(var(--space-5),calc((100vw - 1272px)/2));background:var(--bg1)}
.gghub-refresh .search-bar{padding-top:var(--space-3);padding-bottom:var(--space-4)}.gghub-refresh .layout{width:min(var(--content-width),100%);grid-template-columns:220px minmax(0,1fr)}
.gghub-refresh .cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.gghub-refresh .sidebar{top:0;position:relative;height:auto;font-size:var(--font-size-sm)}
.gghub-refresh .sidebar h3{margin:var(--space-5) 0 var(--space-3);font-size:var(--font-size-sm)}.gghub-refresh .sidebar-option{min-height:36px;font-size:var(--font-size-xs)}
.catalog-filter-toggle,.filter-drawer-heading,.filter-backdrop{display:none}.applied-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.applied-filters a{display:inline-flex;gap:var(--space-3);align-items:center;border:1px solid var(--border);padding:6px 10px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);background:var(--bg2)}.applied-filters .clear-filters{background:transparent;border-color:transparent;color:var(--neon)}
@media(max-width:1200px){.gghub-refresh .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gghub-refresh .site-nav .brand-wordmark{display:none}.gghub-refresh .site-nav .nav-right{gap:4px}.gghub-refresh .cards-scroll .product-card{flex-basis:calc((100% - 48px)/4);width:calc((100% - 48px)/4)}}
@media(max-width:900px){.gghub-refresh nav.site-nav,.gghub-refresh nav.site-nav:has(#navWalletBadge){display:flex;flex-wrap:wrap;padding:var(--space-3) var(--space-4);gap:var(--space-3)}.gghub-refresh .site-nav .brand-wordmark{display:flex}.site-nav .nav-search{order:4;width:100%}.gghub-refresh[data-page="home/index"] .nav-search{display:none}.gghub-refresh .site-nav .nav-links{order:2;padding:0;width:100%}.gghub-refresh .site-nav .nav-right{order:3;flex-wrap:wrap;width:100%}.gghub-refresh .site-nav .nav-links:not(.open),.gghub-refresh .site-nav .nav-right:not(.open){display:none}.gghub-refresh .layout{grid-template-columns:minmax(0,1fr)}.gghub-refresh .catalog-filter-toggle{display:inline-flex;width:auto}.filter-drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.filter-drawer-heading h2{font-size:var(--font-size-xl)}.filter-drawer-heading button{height:44px;width:44px;border:1px solid var(--border);background:var(--bg2);color:var(--text);border-radius:var(--radius-sm);font-size:24px}.gghub-refresh .sidebar{display:none}.gghub-refresh .sidebar.filters-open{display:block;position:fixed;inset:0 auto 0 0;width:min(360px,92vw);height:100dvh;max-height:100vh;overflow-y:auto;padding:var(--space-5);z-index:1001;background:var(--bg0);box-shadow:var(--shadow-dialog)}.filter-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#0009;z-index:1000}.gghub-refresh .cards-scroll .product-card{flex-basis:224px;width:224px}.home-shell{padding:var(--space-4) var(--space-4) 0}.hero--backdrop .hero-copy{max-width:520px}}
@media(max-width:600px){.home-shell .hero--backdrop{padding:var(--space-5);min-height:310px}.hero--backdrop h1{font-size:28px}.hero--backdrop .hero-btns{flex-wrap:wrap}.gghub-refresh .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--space-3)}.gghub-refresh .cards-grid .card-body{padding:var(--space-3)}.gghub-refresh .cards-grid .card-title{font-size:var(--font-size-xs);min-height:36px}.gghub-refresh .cards-grid .price{font-size:18px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-heading{padding:var(--space-5) var(--space-4) var(--space-2);display:block}.catalog-heading h1{font-size:var(--font-size-2xl)}.gghub-refresh .main-content{padding:var(--space-4)}.gghub-refresh .results-header{align-items:center;gap:var(--space-3)}.gghub-refresh .sort-select{max-width:148px}.market-track-record .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.gghub-refresh .nav-search button{min-width:70px}.gghub-refresh .section-link{font-size:var(--font-size-xs)}}
@media(prefers-reduced-motion:reduce){.gghub-refresh *{animation:none!important;transition:none!important}}

/* Discovery starts in the common search; the artwork stays a compact brand feature. */
.gghub-refresh[data-page="home/index"] .nav-search{visibility:visible;}
.home-shell .hero--backdrop{min-height:190px;padding:var(--space-5) var(--space-6);}
.hero--backdrop .hero-search{display:none;}
.hero--backdrop h1{font-size:var(--font-size-2xl);max-width:650px;}
.hero--backdrop .hero-tag{margin-bottom:var(--space-2);}
.hero--backdrop p{margin:var(--space-2) 0 var(--space-3);}
@media(max-width:900px){.gghub-refresh[data-page="home/index"] .nav-search{display:flex;}}
@media(max-width:600px){.home-shell .hero--backdrop{min-height:190px;padding:var(--space-4);}.hero--backdrop h1{font-size:24px;}}

.gghub-refresh .catalog-filter-toggle{display:none;}
@media(max-width:900px){.gghub-refresh .catalog-filter-toggle{display:inline-flex;}}

/* Reference composition: existing search, actions and live counters within the banner. */
.home-shell .hero--backdrop{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-5);min-height:480px;padding:var(--space-6) var(--space-5);background:#0b1a2a;}
.hero--backdrop .hero-art img{object-fit:contain;object-position:50% 50%;}
.hero--backdrop .hero-art-right{display:none;}
.hero--backdrop .hero-copy{width:46%;max-width:620px;padding:0;text-align:center;}
.hero--backdrop h1{font-size:var(--font-size-3xl);letter-spacing:-.5px;margin-inline:auto;}
.hero--backdrop .hero-search{display:block;width:100%;margin:var(--space-4) auto;}
.hero--backdrop .hero-btns{justify-content:center;flex-wrap:wrap;}
.hero--backdrop .hero-indicators{width:min(640px,100%);border:1px solid #ffffff38;border-radius:var(--radius-md);background:#071524a6;}
.hero--backdrop .hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:var(--space-4) 0;margin:0;border:0;text-align:center;}
.hero--backdrop .hero-stat{padding:0 var(--space-2);min-width:0;text-align:center;}
.hero--backdrop .hero-stat .num{font-size:var(--font-size-2xl);color:var(--neon);}
.hero--backdrop .hero-stat .lbl{font-size:11px;line-height:1.4;}
.hero--backdrop::before{background:linear-gradient(90deg,transparent 20%,rgba(7,15,23,.68) 34%,rgba(7,15,23,.68) 66%,transparent 82%);}
@media(max-width:900px){
 .home-shell .hero--backdrop{padding:0 0 var(--space-5);gap:var(--space-4);min-height:0;}
 .hero--backdrop .hero-art{position:relative;inset:auto;order:-1;z-index:0;aspect-ratio:3/1;height:auto;flex:none;}
 .hero--backdrop .hero-copy{width:100%;max-width:620px;padding:0 var(--space-5);text-align:center;}
 .hero--backdrop .hero-indicators{width:calc(100% - 48px);max-width:640px;}
 .hero--backdrop::before{display:none;}
}
@media(max-width:600px){
 .home-shell .hero--backdrop{padding:0 0 var(--space-4);min-height:0;}
 .hero--backdrop .hero-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));aspect-ratio:auto;height:clamp(160px,50vw,220px);}
 .hero--backdrop .hero-art img{display:block;min-width:0;object-fit:cover;}
 .hero--backdrop .hero-art .hero-art-left{object-position:left center;}
 .hero--backdrop .hero-art .hero-art-right{object-position:right center;}
 .hero--backdrop .hero-copy{padding:0 var(--space-4);}
 .hero--backdrop h1{font-size:24px;}
 .hero--backdrop .hero-indicators{width:calc(100% - 32px);}
 .hero--backdrop .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) 0;}
 .hero--backdrop .hero-stat:nth-child(odd){border-left:0;}
}

/* Games carousel experiment: same category links, horizontal discovery. */
.games-section .games-carousel{--game-card-width:280px;display:flex;gap:var(--space-3);width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 2px 10px;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;overscroll-behavior-x:contain;}
.games-section .games-carousel .cat-card{flex:0 0 var(--game-card-width);width:var(--game-card-width);min-height:84px;scroll-margin-inline:4px;}
.games-section .games-carousel:focus-visible{outline:2px solid var(--neon);outline-offset:2px;border-radius:var(--radius-sm);}
@media(max-width:600px){.games-section .games-carousel{--game-card-width:240px;scroll-snap-type:x proximity;}.games-section .games-carousel .cat-card{scroll-snap-align:start;}}

/* Actual game covers have wide logos; reserve their space instead of scaling over labels. */
.gghub-refresh .games-section .games-carousel .cat-art{width:90px;height:56px;flex:0 0 90px;}
.gghub-refresh .games-section .games-carousel .cat-art img{width:90px;height:56px;max-width:100%;object-fit:contain;transform:none;}
.gghub-refresh .games-section .games-carousel .cat-card:hover .cat-art img{transform:scale(1.04);}
.games-section .games-carousel .cat-copy{flex:1;min-width:0;}
@media(prefers-reduced-motion:reduce){.gghub-refresh .games-section .games-carousel .cat-card:hover .cat-art img{transform:none;}}

/* VIP listing identity: fixed gold frame and a crown on the upper-right corner. */
.gghub-refresh .product-card.product-card-vip{--vip-frame:#d9b35d;--vip-corner:#e4bd62;border-color:var(--vip-frame)!important;}
html[data-theme="light"] .gghub-refresh .product-card.product-card-vip{--vip-frame:#9b6715;}
.gghub-refresh .product-card.product-card-vip:hover{border-color:var(--vip-corner)!important;}
.product-card-vip .card-promotion-vip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;top:0;right:0;min-width:40px;padding:6px 8px;border:0;border-bottom:1px solid var(--vip-frame);border-left:1px solid var(--vip-frame);border-radius:0 0 0 6px;background:var(--vip-corner);color:#17202b;font-size:9px;line-height:1.1;font-weight:800;letter-spacing:.06em;pointer-events:none;}
.card-promotion-vip .vip-crown{display:block;width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;}

/* Listing feedback: the same restrained response for mouse and keyboard. */
.gghub-refresh .product-card{--listing-motion:180ms;transition:transform var(--listing-motion) ease,border-color var(--listing-motion) ease,background-color var(--listing-motion) ease;}
.gghub-refresh .product-card .card-img{overflow:hidden;}
.gghub-refresh .product-card .card-img>img{transition:transform 220ms ease;transform-origin:center;}
.gghub-refresh .cards-scroll{padding-top:4px;}
.gghub-refresh .product-card:focus-visible{transform:translateY(-3px);border-color:var(--neon);}
.gghub-refresh .product-card:focus-visible .card-img>img{transform:scale(1.035);}
@media(hover:hover) and (pointer:fine){
 .gghub-refresh .product-card:hover{transform:translateY(-3px);border-color:var(--neon);background-color:var(--bg2);}
 .gghub-refresh .product-card:hover .card-img>img{transform:scale(1.035);}
}
@media(prefers-reduced-motion:reduce){
 .gghub-refresh .product-card,.gghub-refresh .product-card .card-img>img{transition:none!important;}
 .gghub-refresh .product-card:is(:hover,:focus-visible),.gghub-refresh .product-card:is(:hover,:focus-visible) .card-img>img{transform:none;}
}

/* Listing carousels are exclusive to the homepage; catalogs retain their grid. */
.gghub-refresh .home-shell .home-listing-carousel{display:flex;gap:var(--space-4);max-width:100%;overflow-x:auto;overflow-y:hidden;padding:5px 2px 10px;scroll-snap-type:none;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;overscroll-behavior-x:contain;}
.gghub-refresh .home-shell .home-listing-carousel .product-card{flex:0 0 clamp(240px,28vw,340px);width:clamp(240px,28vw,340px);scroll-margin-inline:4px;}
.gghub-refresh .home-shell .home-listing-carousel:focus-visible{outline:2px solid var(--neon);outline-offset:2px;border-radius:var(--radius-sm);}
@media(max-width:600px){.gghub-refresh .home-shell .home-listing-carousel{scroll-snap-type:x proximity;}.gghub-refresh .home-shell .home-listing-carousel .product-card{flex-basis:224px;width:224px;scroll-snap-align:start;}}

/* Mobile home banner: content overlays the artwork, as on desktop. */
@media(max-width:600px){
 .gghub-refresh[data-page="home/index"] .home-shell .hero--backdrop{position:relative;isolation:isolate;min-height:480px;padding:28px 16px;gap:20px;}
 .gghub-refresh[data-page="home/index"] .hero--backdrop .hero-art{position:absolute;inset:0;z-index:-2;order:0;width:100%;height:100%;aspect-ratio:auto;pointer-events:none;}
 .gghub-refresh[data-page="home/index"] .hero--backdrop .hero-art img{width:100%;height:100%;object-fit:cover;}
 .gghub-refresh[data-page="home/index"] .hero--backdrop .hero-art .hero-art-left{object-position:9% center;}
 .gghub-refresh[data-page="home/index"] .hero--backdrop .hero-art .hero-art-right{object-position:77% center;}
 .gghub-refresh[data-page="home/index"] .hero--backdrop::before{display:block;content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(7,15,23,.35),rgba(7,15,23,.65) 35%,rgba(7,15,23,.86)),linear-gradient(90deg,rgba(7,15,23,.12),rgba(7,15,23,.25) 50%,rgba(7,15,23,.12));}
 .gghub-refresh[data-page="home/index"] .hero--backdrop .hero-copy{position:relative;width:100%;padding:0;text-align:center;}
 .gghub-refresh[data-page="home/index"] .hero--backdrop h1{color:#f1f5f9;text-shadow:0 2px 8px #0007;}
 .gghub-refresh[data-page="home/index"] .hero--backdrop p{color:#dfebf5;}
 .gghub-refresh[data-page="home/index"] .hero--backdrop .hero-indicators{position:relative;width:100%;background:#071524bf;border-color:#ffffff40;}
}

/* Keep expanded mobile navigation usable within the sticky header. */
@media(max-width:900px){.gghub-refresh nav.site-nav:has(.nav-links.open){max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;}.gghub-refresh nav.site-nav .nav-right,.gghub-refresh nav.site-nav:has(#navWalletBadge) .nav-right{width:100%;min-width:0;flex-wrap:wrap;}}

/* Mobile account actions read as one vertical menu, with explicit icon labels. */
.nav-mobile-label{display:none;}
@media(max-width:900px){
 .gghub-refresh nav.site-nav #navAccount.open{flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding-top:12px;border-top:1px solid var(--border);}
 .gghub-refresh nav.site-nav #navAccount>a,.gghub-refresh nav.site-nav #navAccount>.nav-notifications{width:100%;min-height:44px;flex:none;}
 .gghub-refresh nav.site-nav #navAccount>a{justify-content:flex-start;text-align:left;gap:10px;}
 .gghub-refresh nav.site-nav #navAccount>.nav-notifications{border:1px solid var(--border2);border-radius:var(--radius-sm);background:var(--bg3);}
 .gghub-refresh nav.site-nav #navAccount #notif-bell{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:44px;padding:8px 12px;}
 .gghub-refresh nav.site-nav #navAccount .nav-mobile-label{display:inline;font:600 12px/1.45 var(--font);}
}

/* The mobile header bell already provides notifications; avoid a duplicate menu action. */
@media(max-width:900px){.gghub-refresh nav.site-nav #navAccount>.nav-notifications{display:none!important;}}