/* Buygames.gg — storefront redesign, 2026-10-15.
   Shared visual language, scoped storefront components, mobile-first interactions. */
:root {
  --background: 9 14 22;
  --card: 18 27 41;
  --muted: 18 27 41;
  --border: 38 53 74;
  --muted-foreground: 148 163 184;
  --primary: 221 83% 53%;
  --secondary: 213 94% 68%;
  --primary-rgb: 37 99 235;
  --secondary-rgb: 96 165 250;
  --radius: 0.9rem;
  --bg-canvas: #090e16;
  --bg-surface: #121b29;
  --bg-raised: #182436;
  --line: #26354a;
  --text: #f5f7fc;
  --subtext: #a6b5ca;
  --blue: #2563eb;
  --blue-light: #85b7ff;
}
html { background: var(--bg-canvas); }
body { background: #090e16; color: var(--text); font-family: 'Outfit', system-ui, sans-serif; }
body:before { pointer-events: none; content: ''; position: absolute; inset: 0 0 auto; height: 630px; z-index: -1; background: radial-gradient(ellipse at 50% -40%, rgba(37, 99, 235, .15), transparent 74%); }
a, button, input, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible { outline: 2px solid #85b7ff; outline-offset: 3px; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }
.buygames-container { width: min(100% - 40px, 1260px); margin-inline: auto; }
@media (min-width: 1024px) { .buygames-container { width: min(100% - 72px, 1260px); } }
@media (max-width: 420px) { .buygames-container { width: calc(100% - 28px); } }

/* Top announcement */
.buygames-announcement { position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 35px; padding: 7px 44px; background: #132b5f; border-bottom: 1px solid #23467f; color: #dbeafe; font-size: 12px; text-align: center; }
.buygames-announcement__inner { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 7px; line-height: 1.35; }
.buygames-announcement strong { color: white; font-weight: 700; }
.buygames-announcement a { display: inline-flex; align-items: center; gap: 4px; margin-left: 8px; color: white; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(255,255,255,.3); text-underline-offset: 3px; }
.buygames-announcement > button { position: absolute; right: 13px; top: 50%; display: grid; place-items: center; transform: translateY(-50%); width: 25px; height: 25px; border-radius: 7px; color: #dbeafe; background: rgba(255,255,255,.08); }
.buygames-announcement > button:hover { background: rgba(255,255,255,.2); }

/* Header/navigation. Existing search IDs, support dropdown and cart hooks preserved. */
.buygames-navbar { background: rgba(10,15,23,.97); border-bottom: 1px solid var(--line); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.buygames-navbar__main { display: flex; align-items: center; gap: clamp(12px, 2.2vw, 34px); min-height: 76px; }
.buygames-navbar__brand { display: flex; align-items: center; gap: 10px; min-width: 0; flex-shrink: 0; text-decoration: none; }
.buygames-navbar__logo { display: block; width: 36px; height: 36px; flex-shrink: 0; overflow: hidden; border-radius: 10px; }
.buygames-navbar__wordmark { display: block; color: #f4f7ff; font-size: 24px; font-family: 'Rajdhani', sans-serif; font-weight: 700; letter-spacing: -.035em; white-space: nowrap; }
.buygames-navbar__wordmark > span, .buygames-footer__brand > span:last-child span { color: var(--blue-light); }
.buygames-navbar__search { position: relative; width: min(100%, 440px); margin-left: clamp(0px, 2vw, 22px); flex: 1; }
.buygames-navbar__search > svg { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #96a7c1; pointer-events: none; }
.buygames-navbar__search input { width: 100%; height: 43px; padding: 0 106px 0 45px; border: 1px solid #2b3a4f; border-radius: 11px; background: #161f2d; color: white; font-family: inherit; font-size: 13px; outline: none; }
.buygames-navbar__search input::placeholder, .buygames-navbar__mobile-search input::placeholder { color: #889ab2; }
.buygames-navbar__search input:focus, .buygames-navbar__mobile-search input:focus { border-color: #5b8cff; box-shadow: 0 0 0 3px rgba(37,99,235,.15); }
.buygames-navbar__shortcut { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); padding: 4px 7px; border: 1px solid #324257; border-radius: 5px; color: #8696ac; font-size: 10px; }
.buygames-navbar__results { position: absolute; top: calc(100% + 8px); left: 0; width: 100%; max-height: min(450px, 70vh); overflow: auto; z-index: 80; border-radius: 12px; border: 1px solid #31425b; background: #121c2c; box-shadow: 0 24px 70px rgba(0,0,0,.65); }
.buygames-navbar__actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.buygames-navbar__signin { align-items: center; justify-content: center; gap: 7px; min-height: 42px; padding: 0 10px; color: #b9c8de; font-size: 13px; white-space: nowrap; border-radius: 9px; }
.buygames-navbar__signin:hover { background: #1a273b; color: white; }
.buygames-navbar__cart { min-height: 43px; display: inline-flex; align-items: center; gap: 9px; padding: 0 17px; border-radius: 10px; color: #fff; font-weight: 700; font-size: 13px; background: var(--blue); border: 1px solid #5684f3; transition: background .2s ease, transform .2s ease; }
.buygames-navbar__cart:hover { background: #3b76f4; transform: translateY(-1px); }
.buygames-navbar__icon { flex-shrink: 0; display: inline-grid; place-items: center; width: 42px; height: 42px; background: #162131; color: #e3eaf6; border-radius: 10px; border: 1px solid #2a394e; }
.buygames-navbar__icon:hover { background: #203149; }
.buygames-navbar__nav { border-top: 1px solid rgba(167,187,216,.08); }
.buygames-navbar__nav-links { display: flex; align-items: center; min-height: 43px; gap: clamp(12px, 2.7vw, 35px); overflow-x: auto; scrollbar-width: none; }
.buygames-navbar__nav-links::-webkit-scrollbar { display: none; }
.buygames-navbar__nav-links a { flex-shrink: 0; display: inline-flex; align-items: center; gap: 7px; padding-block: 10px; font-size: 12px; font-weight: 500; color: #a7b5cb; transition: color .2s ease; white-space: nowrap; }
.buygames-navbar__nav-links a:hover, .buygames-navbar__nav-links a.buygames-navbar__nav-home { color: #e7f0ff; }
.buygames-navbar__nav-links a.buygames-navbar__nav-more { margin-left: auto; color: #92bdff; }
.buygames-navbar__mobile-search { position: relative; padding: 0 0 14px; }
.buygames-navbar__mobile-search input { width: 100%; height: 46px; padding-left: 42px; border-radius: 10px; background: #162131; border: 1px solid #2b3a50; color: white; font-size: 14px; }
.buygames-navbar__mobile-search-icon { position: absolute; z-index: 1; top: 15px; left: 14px; color: #8193ad; pointer-events: none; }
.buygames-navbar__mobile-menu { border-top: 1px solid #2b3a50; box-shadow: 0 20px 30px rgba(0,0,0,.28); }
.buygames-navbar__mobile-menu .buygames-container { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding-block: 16px; }
.buygames-navbar__mobile-menu a { display: flex; align-items: center; gap: 6px; justify-content: space-between; min-height: 42px; padding: 10px; color: #d9e4f7; border-radius: 8px; font-size: 13px; background: #172132; }
.buygames-navbar__mobile-menu a:hover { background: #233551; }
#support-button { color: #b4c3d8 !important; border-radius: 10px; font-size: 13px; }
#support-button:hover { background: #172436 !important; color: white !important; }
#support-button .text-\[17px\] { font-size: 13px; }
#support-menu { background: #142033 !important; border-color: #2f4160 !important; }
@media(max-width: 1150px) { .buygames-navbar__nav-links { gap: 15px; } .buygames-navbar__main { gap: 13px; } }
@media(max-width: 767px) { .buygames-navbar__main { min-height: 66px; gap: 7px; } .buygames-navbar__logo { width: 31px; height: 31px; } .buygames-navbar__wordmark { font-size: 21px; } .buygames-navbar__brand { gap: 6px; } .buygames-navbar__actions { gap: 5px; } .buygames-navbar__cart { width: 42px; min-height: 42px; padding: 0; justify-content: center; } .buygames-navbar__cart span { display: none; } #support-button { width: 39px; height: 42px; padding: 0; justify-content: center; } #support-button > span, #support-button > svg:last-child { display: none; } .buygames-navbar__icon { width: 39px; } }
@media(max-width: 385px) { .buygames-navbar__wordmark { font-size: 19px; } .buygames-navbar__actions { gap: 3px; } .buygames-navbar__icon, .buygames-navbar__cart { width: 37px; } #support-button { width: 35px; } }

/* Homepage hero */
.buygames-home { color: #f2f6ff; background: radial-gradient(circle at 50% 10%, rgba(31,72,152,.09), transparent 39%), #090e16; }
.buygames-hero { min-height: clamp(430px, 42vw, 505px); position: relative; overflow: hidden; isolation: isolate; display: flex; align-items: center; border: 1px solid #2b3e59; background: #111c2d; border-radius: 23px; box-shadow: 0 22px 80px -60px #071124; }
.buygames-hero__art { position: absolute; z-index: -2; inset: 0; background-image: url('https://i.imgur.com/099Inxj.jpeg'); background-size: cover; background-position: 72% 48%; filter: saturate(.89); }
.buygames-hero__overlay { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(7,13,23,.98) 0%, rgba(7,13,23,.94) 28%, rgba(8,15,29,.62) 58%, rgba(8,13,25,.12) 100%), linear-gradient(0deg, rgba(6,12,22,.42), transparent 65%); }
.buygames-hero__content { position: relative; z-index: 1; width: min(100%, 710px); padding: 57px clamp(22px, 6vw, 78px); }
.buygames-eyebrow { display: inline-flex; align-items: center; gap: 10px; color: #96bdff; font-weight: 700; font-size: 11px; letter-spacing: .16em; }
.buygames-eyebrow__dot { display: block; width: 7px; height: 7px; border-radius: 50%; background: #61a0ff; box-shadow: 0 0 0 4px rgba(64,120,242,.17); }
.buygames-hero h1 { max-width: 670px; margin-top: 22px; color: #fff; font-size: clamp(39px, 4.9vw, 68px); font-weight: 700; line-height: 1.03; letter-spacing: -.055em; text-wrap: balance; }
.buygames-hero h1 span { color: #96beff; }
.buygames-hero__content > p { max-width: 455px; margin-top: 21px; color: #c0cee0; font-size: 15px; line-height: 1.75; }
.buygames-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.buygames-btn { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 47px; padding: 0 20px; border-radius: 10px; font-size: 13px; font-weight: 650; text-decoration: none; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.buygames-btn:hover { transform: translateY(-2px); }
.buygames-btn--primary { color: white; background: #2563eb; border: 1px solid #5181ed; box-shadow: 0 9px 26px rgba(37,99,235,.25); }
.buygames-btn--primary:hover { background: #3d78f5; }
.buygames-btn--secondary { color: #f0f5ff; background: rgba(24,34,50,.77); border: 1px solid #4b5b73; }
.buygames-btn--secondary:hover { background: #263953; border-color: #7185a3; }
.buygames-hero__caption { margin-top: 31px; display: flex; align-items: center; flex-wrap: wrap; gap: 9px; color: #a7b9d2; font-size: 11px; }
.buygames-hero__caption svg { color: #86b6ff; }
.buygames-hero__tag { position: absolute; bottom: 27px; right: 34px; display: flex; align-items: center; gap: 8px; color: rgba(226,237,252,.8); font-size: 10px; font-weight: 700; letter-spacing: .15em; }
.buygames-hero__tag-line { width: 26px; height: 1px; background: rgba(255,255,255,.5); }
.buygames-hero__tag-numeral { font-size: 27px; letter-spacing: -.06em; color: white; font-weight: 800; }

/* Four concise service points */
.buygames-perks { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; border: 1px solid #223148; border-radius: 15px; background: #101a28; }
.buygames-perk { min-height: 94px; display: flex; align-items: center; gap: 13px; padding: 19px 21px; }
.buygames-perk + .buygames-perk { border-left: 1px solid #28384e; }
.buygames-perk__icon { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; color: #94bdff; background: #203350; border: 1px solid #304c74; border-radius: 11px; }
.buygames-perk strong { display: block; font-size: 13px; color: #f1f5ff; font-weight: 650; }
.buygames-perk small { display: block; margin-top: 4px; color: #9aabc1; font-size: 11px; line-height: 1.35; }

/* Product and category discovery sections */
.buygames-section { margin-top: clamp(50px,6vw,78px); }
.buygames-section__header { display: flex; align-items: end; justify-content: space-between; gap: 15px; margin-bottom: 22px; }
.buygames-section__kicker { font-size: 10px; letter-spacing: .16em; font-weight: 750; color: #84b4ff; }
.buygames-section__header h2, .buygames-assurance h2, .buygames-help__intro h2 { margin-top: 7px; font-size: clamp(26px,3vw,35px); letter-spacing: -.04em; line-height: 1.15; font-weight: 700; color: #f5f8ff; }
.buygames-section__header p, .buygames-help__intro p { margin-top: 8px; font-size: 13px; color: #a2b1c6; }
.buygames-text-link { flex-shrink: 0; display: inline-flex; align-items: center; gap: 8px; min-height: 37px; padding: 0 12px; border: 1px solid #364b69; border-radius: 8px; color: #aaccff; font-size: 12px; font-weight: 650; background: #111d2d; }
.buygames-text-link:hover { border-color: #739ada; background: #1b2d49; color: white; }
.buygames-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }

/* Reusable products everywhere, including search, similar products and categories */
.buygames-product { display: flex; min-width: 0; height: 100%; flex-direction: column; overflow: hidden; border-radius: 15px; border: 1px solid #26364c; background: linear-gradient(160deg,#182335,#121b29); box-shadow: 0 8px 24px -18px rgba(0,0,0,.65); transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.buygames-product:hover { border-color: #537aaa; transform: translateY(-3px); box-shadow: 0 18px 40px -25px rgba(12,65,154,.45); }
.buygames-product__link { display: block; }
.buygames-product__media.package-thumb-frame { position: relative; width: 100%; aspect-ratio: 1.25/1; overflow: hidden; border-radius: 0; border: none; background: #1a2840; box-shadow: none; }
.buygames-product__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; transition: transform .45s ease; }
.buygames-product:hover .buygames-product__media img { transform: scale(1.045); }
.buygames-product__media:after { background: linear-gradient(180deg,rgba(5,11,24,0) 48%,rgba(6,14,28,.48)); }
.buygames-product__badge { position: absolute; z-index: 2; top: 11px; left: 11px; padding: 5px 8px; border-radius: 6px; color: #fff; background: #215cdb; border: 1px solid #86b4ff; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.buygames-product__badge--sold { color: #d4dae4; border-color: #546174; background: #253144; }
.buygames-product.is-sold-out .buygames-product__media img { filter: grayscale(1); opacity: .6; }
.buygames-product__details { display: flex; flex: 1; flex-direction: column; padding: 17px 16px 16px; }
.buygames-product__type { display: inline-flex; align-self: start; align-items: center; min-height: 23px; padding: 3px 8px; border: 1px solid #314c6c; border-radius: 5px; color: #a4c9ff; background: #1c304a; font-weight: 650; font-size: 10px; }
.buygames-product__title-link { display: block; margin-top: 11px; color: #eff4fd; text-decoration: none; }
.buygames-product__title { font-size: 14px; line-height: 1.4; font-weight: 650; letter-spacing: -.012em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 39px; }
.buygames-product__title-link:hover { color: #a5caff; }
.buygames-product__bottom { display: flex; align-items: end; justify-content: space-between; margin-top: auto; gap: 8px; padding-top: 18px; }
.buygames-product__price-wrap { min-width: 0; }
.buygames-product__price-label { display: block; color: #8496b0; font-size: 10px; }
.buygames-product__price { display: block; color: #f2f7ff; font-size: clamp(17px,1.8vw,21px); font-weight: 750; line-height: 1.3; white-space: nowrap; font-variant-numeric: tabular-nums; }
.buygames-product__action { display: inline-flex; align-items: center; justify-content: center; gap: 5px; flex-shrink: 0; min-height: 35px; padding: 0 12px; border: 1px solid #477df5; border-radius: 8px; background: #245fe1; color: white; font-size: 11px; font-weight: 700; }
.buygames-product__action:hover { background: #3d78f8; }
.buygames-product__unavailable { color: #95a4ba; font-size: 11px; }
.buygames-product.is-sold-out .buygames-product__title-link { pointer-events: none; }

.buygames-collections { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.buygames-collection { display: flex; align-items: center; gap: 13px; min-height: 99px; padding: 17px; border: 1px solid #2a3a51; border-radius: 13px; background: #141f2e; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.buygames-collection:hover { transform: translateY(-2px); border-color: #537aaa; background: #1c2b40; }
.buygames-collection__icon { display: grid; place-items: center; width: 49px; height: 49px; flex-shrink: 0; color: #97bfff; border-radius: 12px; border: 1px solid #314e75; background: #1d3350; }
.buygames-collection__copy { min-width: 0; flex: 1; }
.buygames-collection__copy strong { display: block; color: #f6f8ff; font-size: 14px; font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.buygames-collection__copy small { display: block; margin-top: 5px; color: #9caec6; font-size: 11px; }
.buygames-collection__arrow { color: #98b9e8; flex-shrink: 0; }
.catalog-category-link { background: #182537; border: 1px solid #30425e; }
.catalog-category-link:hover { background: #20324b; border-color: #5d83bd; }

/* Honest trust panel and help */
.buygames-assurance { display: flex; align-items: center; gap: 20px; padding: 29px 34px; border: 1px solid #2c4263; border-radius: 17px; background: radial-gradient(circle at right,rgba(37,99,235,.15),transparent 45%),#121f30; }
.buygames-assurance__icon { display: grid; place-items: center; flex-shrink: 0; width: 55px; height: 55px; border: 1px solid #446ba4; border-radius: 14px; color: #9dc4ff; background: #203859; }
.buygames-assurance__content { flex: 1; }
.buygames-assurance h2 { margin-top: 4px; font-size: clamp(25px,2.5vw,30px); }
.buygames-assurance p { max-width: 750px; margin-top: 9px; color: #bdcadd; font-size: 13px; line-height: 1.7; }
.buygames-assurance > .buygames-btn { flex-shrink: 0; }
.buygames-help { margin-bottom: 20px; }
.buygames-help__intro { max-width: 680px; }
.buygames-faq { margin-top: 21px; border-top: 1px solid #2b3c55; }
.buygames-faq details { border-bottom: 1px solid #2b3c55; }
.buygames-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 62px; padding: 16px 8px; color: #e8f0fc; font-size: 14px; font-weight: 600; cursor: pointer; list-style: none; }
.buygames-faq summary::-webkit-details-marker { display: none; }
.buygames-faq summary svg { flex-shrink: 0; color: #91bfff; transition: transform .2s ease; }
.buygames-faq details[open] summary svg { transform: rotate(45deg); }
.buygames-faq details p { max-width: 790px; padding: 0 8px 19px; color: #aebed2; font-size: 13px; line-height: 1.8; }
.buygames-help__contact { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 11px; padding: 19px 8px 0; color: #aabbd2; font-size: 12px; }
.buygames-help__contact span, .buygames-help__contact a { display: inline-flex; align-items: center; gap: 8px; }
.buygames-help__contact a { color: #a1c8ff; font-weight: 700; }

/* Footer: readable against dark canvas */
.buygames-footer { background: #0c1420; border-top: 1px solid #25374f; }
.buygames-footer__upper { display: grid; grid-template-columns: 2fr repeat(3,minmax(0,1fr)); gap: 40px; padding: 53px 0 42px; }
.buygames-footer__brand { display: inline-flex; align-items: center; gap: 10px; color: #f5f8ff; }
.buygames-footer__brand > span:last-child { font-family: 'Rajdhani',sans-serif; font-size: 25px; font-weight: 700; }
.buygames-footer__about p { margin-top: 16px; max-width: 330px; color: #98aabf; font-size: 13px; line-height: 1.75; }
.buygames-footer__gateway-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 19px; }
.buygames-footer__gateway-list span { padding: 5px 8px; color: #aabbd0; border: 1px solid #344359; border-radius: 6px; font-size: 10px; }
.buygames-footer__col h3 { margin-bottom: 17px; color: #f2f6ff; font-size: 13px; font-weight: 700; }
.buygames-footer__col a { display: block; width: fit-content; margin-bottom: 12px; color: #9aaec7; font-size: 12px; line-height: 1.45; }
.buygames-footer__col a:hover { color: #a1c6ff; }
.buygames-footer__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 18px 0 25px; border-top: 1px solid #27374a; color: #8e9eb5; font-size: 11px; }

/* Product page UX: make access disclosures legible and CTA card calmer. */
.package-purchase-card, .package-description-card { border-color: #293b54 !important; background: #141f2e !important; }
.package-purchase-panel #package-name { color: #f7f9ff; }
.package-purchase-panel .package-feature-list { color: #c0cde0; }
.package-purchase-panel .package-cta-card { background: #101c2b; border-color: #2e4564; }
.package-purchase-panel .package-guarantee-box { color: #bdcce1; }
.buygames-product-disclosure { display: flex; gap: 10px; margin-top: 13px; padding: 13px 14px; border-radius: 10px; border: 1px solid #31476a; background: #182b43; color: #bdcce0; font-size: 12px; line-height: 1.6; }
.buygames-product-disclosure > svg { flex-shrink: 0; margin-top: 1px; color: #90bbff; }
.buygames-product-disclosure strong { display: block; margin-bottom: 3px; color: #ebf3ff; font-size: 12px; }
.buygames-product-disclosure a { color: #9dc5ff; text-decoration: underline; text-underline-offset: 2px; }

@media(max-width: 1100px) {
  .buygames-perk { padding: 16px 12px; gap: 10px; }
  .buygames-perk__icon { width: 36px; height: 36px; }
  .buygames-perk small { font-size: 10px; }
}
@media(max-width: 900px) {
  .buygames-product-grid { gap: 12px; }
  .buygames-product__details { padding: 12px; }
  .buygames-assurance { flex-wrap: wrap; }
  .buygames-assurance__content { flex-basis: calc(100% - 85px); }
  .buygames-assurance > .buygames-btn { margin-left: 75px; }
}
@media(max-width: 767px) {
  .buygames-hero { min-height: 515px; align-items: start; border-radius: 16px; }
  .buygames-hero__art { background-position: 57% center; }
  .buygames-hero__overlay { background: linear-gradient(180deg, rgba(6,12,23,.93) 0%, rgba(7,13,26,.91) 45%, rgba(7,14,27,.54) 76%, rgba(7,14,27,.35) 100%), linear-gradient(90deg, rgba(7,13,26,.5), transparent); }
  .buygames-hero__content { padding: 37px 25px 75px; }
  .buygames-hero h1 { max-width: 460px; margin-top: 19px; font-size: clamp(36px,8vw,51px); }
  .buygames-hero__content > p { margin-top: 16px; font-size: 13px; line-height: 1.65; }
  .buygames-hero__actions { margin-top: 23px; }
  .buygames-hero__caption { margin-top: 21px; font-size: 10px; }
  .buygames-hero__tag { bottom: 15px; right: 17px; }
  .buygames-perks { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .buygames-perk { min-height: 85px; }
  .buygames-perk:nth-child(3) { border-left: none; border-top: 1px solid #28384e; }
  .buygames-perk:nth-child(4) { border-top: 1px solid #28384e; }
  .buygames-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .buygames-collections { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .buygames-collection { min-height: 83px; padding: 12px; gap: 9px; }
  .buygames-collection__icon { width: 38px; height: 38px; }
  .buygames-collection__copy strong { font-size: 12px; }
  .buygames-collection__copy small { font-size: 10px; }
  .buygames-collection__arrow { display: none; }
  .buygames-footer__upper { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 18px; }
  .buygames-footer__about { grid-column: 1/-1; }
}
@media(max-width: 480px) {
  .buygames-hero { min-height: 530px; }
  .buygames-hero__content { padding: 33px 20px 75px; }
  .buygames-eyebrow { font-size: 9px; letter-spacing: .1em; }
  .buygames-hero h1 { font-size: clamp(32px,9.8vw,44px); }
  .buygames-hero__actions { align-items: stretch; flex-direction: column; }
  .buygames-hero__actions .buygames-btn { width: 100%; }
  .buygames-hero__caption { gap: 7px; max-width: 285px; }
  .buygames-perk { align-items: start; gap: 8px; padding: 13px 10px; }
  .buygames-perk__icon { width: 31px; height: 31px; border-radius: 8px; }
  .buygames-perk__icon svg { width: 17px; }
  .buygames-perk strong { font-size: 11px; }
  .buygames-perk small { font-size: 10px; }
  .buygames-section { margin-top: 46px; }
  .buygames-section__header { align-items: start; }
  .buygames-section__header h2 { font-size: 26px; }
  .buygames-section__header p { font-size: 12px; line-height: 1.5; }
  .buygames-text-link { padding: 0 8px; min-height: 34px; gap: 5px; font-size: 10px; }
  .buygames-product-grid { gap: 9px; }
  .buygames-product__media.package-thumb-frame { aspect-ratio: 1.02/1; }
  .buygames-product__details { padding: 11px 10px 12px; }
  .buygames-product__type { max-width: 100%; font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .buygames-product__title { font-size: 12px; min-height: 34px; }
  .buygames-product__bottom { padding-top: 15px; }
  .buygames-product__price { font-size: 17px; }
  .buygames-product__action { min-height: 33px; padding-inline: 9px; }
  .buygames-product__action span { display: none; }
  .buygames-collections { gap: 9px; }
  .buygames-collection { padding: 11px; }
  .buygames-collection__icon { width: 32px; height: 32px; }
  .buygames-collection__icon svg { width: 18px; }
  .buygames-assurance { display: block; padding: 24px 20px; }
  .buygames-assurance__icon { width: 45px; height: 45px; margin-bottom: 14px; }
  .buygames-assurance > .buygames-btn { margin: 18px 0 0; width: 100%; }
  .buygames-assurance h2 { font-size: 25px; }
  .buygames-footer__upper { padding-top: 37px; }
  .buygames-help__contact { align-items: start; flex-direction: column; }
}
@media(prefers-reduced-motion: reduce) { .buygames-home *, .buygames-product, .buygames-product img, .buygames-navbar__cart { transition-duration: .01ms !important; } }

/* Collection detail pages share the same card system. */
.buygames-category-page { padding-top: 24px; padding-bottom: 80px; }
.buygames-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 17px; color: #9fb0c8; font-size: 12px; }
.buygames-breadcrumb a:hover { color: #fff; }
.buygames-breadcrumb svg { color: #6e809a; }
.buygames-category-hero { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: end; min-height: 224px; border: 1px solid #294362; border-radius: 17px; background: radial-gradient(circle at 82% 35%, rgba(37,99,235,.35), transparent 52%), #142236; }
.buygames-category-hero__image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.buygames-category-hero:before { content:''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(8,15,27,.96),rgba(8,15,27,.64) 63%,rgba(8,15,27,.26)),linear-gradient(0deg,rgba(8,15,27,.4),transparent); }
.buygames-category-hero__content { padding: 30px clamp(20px,4vw,45px); }
.buygames-category-hero h1 { margin-top: 8px; font-size: clamp(29px,4vw,46px); line-height: 1.12; font-weight: 700; letter-spacing: -.035em; }
.buygames-category-hero p { margin-top: 11px; max-width: 520px; color: #c2d0e2; font-size: 13px; line-height: 1.6; }
.buygames-category-page__heading { display: flex; justify-content: space-between; align-items: end; gap: 12px; margin: 38px 0 20px; }
.buygames-category-page__heading h2 { font-size: clamp(23px,2.7vw,29px); font-weight: 700; letter-spacing: -.035em; }
.buygames-category-page__heading p { margin-top: 5px; color: #a6b6cc; font-size: 12px; }
.buygames-category-empty { display: flex; flex-direction: column; align-items: start; gap: 12px; padding: 42px; border: 1px dashed #344d6f; border-radius: 13px; background: #151f30; }
.buygames-category-empty svg { color: #9bc5ff; }
.buygames-category-empty h3 { font-size: 19px; font-weight: 700; }
.buygames-category-empty p { color: #a8b8cc; font-size: 13px; }
.buygames-category-related { margin-top: 70px; }
@media (max-width:480px) { .buygames-category-page { padding-bottom: 50px; } .buygames-category-hero { min-height: 210px; } .buygames-category-page__heading { align-items: start; } .buygames-category-page__heading .buygames-text-link { font-size: 10px; } }

/* Drawer remains CentralCart-owned: only presentation, not checkout behavior. */
#cart-drawer > div { background: #131f2e !important; border-color: #2e4361 !important; }
#cart-drawer-wrapper { min-height: 0; flex: 1 1 auto; overflow-y: auto; }
#cart-drawer-footer { flex-shrink: 0; padding-top: 12px; border-top: 1px solid #2a3d54; }
#cart-drawer #cart-checkout-btn { min-height: 48px; background: #2563eb; border-radius: 10px; }
#cart-drawer .bg-surface { background: #192638; }
#cart-drawer input { border: 1px solid #374b65; background: #101b2b; color: #fff; }
#cart-drawer .btn-secondary { border-color: #354f70; color: #e3edfc; }
@media(max-width: 480px) { #cart-drawer > div { padding: 15px; } #cart-drawer-footer { padding-top: 9px; } }

/* Checkout visual consistency; pricing/payment logic remains unchanged. */
#checkout.checkout-v2 { color: #ecf2ff; }
#checkout .checkout-heading h1 { font-weight: 700; color: #f5f8ff; }
#checkout .checkout-heading nav { margin-top: 7px; }
#checkout .checkout-card__title, #checkout .checkout-summary > .border-b { border-bottom-color: #2b405d; }
#checkout .checkout-payment-details { border-color: #314863; background: #172538; }
#checkout .checkout-field label { letter-spacing: .055em; font-size: 11px; color: #aabbcf; }
#checkout [data-payment-method] { border-color: #374d69; background: #18273b; }
#checkout [data-payment-method][data-selected="true"] { border-color: #6497f5; background: #1a3760; }
#checkout #pay-button { background: #2563eb; color: #fff; font-weight: 750; }
#checkout #pay-button:hover:not(:disabled) { background: #3b78f3; }
/* =============================================================
   BUYGAMES ARENA / v2 - premium editorial gaming storefront
   Designed for CentralCart dynamic data and real product art.
   ============================================================= */
:root {
  --bg-canvas:#090e12; --bg-surface:#121a20; --bg-raised:#192329;
  --line:#28363b; --text:#f2f4ef; --subtext:#a6b4b8;
  --blue:#caff54; --blue-light:#d4ff83;
  --primary:80 100% 65%; --primary-rgb:202 255 84;
  --secondary:169 69% 55%; --secondary-rgb:65 205 166;
  --background:9 14 18; --card:19 27 31; --muted:20 28 33; --border:40 54 59;
  --radius:.9rem;
}
html, body { background:#090e12; color:#f2f4ef; }
body { font-family:'Plus Jakarta Sans',system-ui,sans-serif; }
body:before { background:radial-gradient(ellipse at 80% -10%,rgba(143,190,81,.07),transparent 60%); }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline:2px solid #caff54; outline-offset:3px; }
.buygames-container{width:min(calc(100% - 44px),1380px)}
@media(min-width:1024px){.buygames-container{width:min(calc(100% - 76px),1380px)}}
@media(max-width:420px){.buygames-container{width:calc(100% - 28px)}}

/* Premium dark header, refreshed without removing search/cart hooks. */
.buygames-announcement{min-height:32px;background:#ccff62;border:0;color:#15201d;font-size:11px;font-weight:600;letter-spacing:.015em}
.buygames-announcement strong{color:#09110d}
.buygames-announcement a{color:#19221a;text-underline-offset:3px;text-decoration-color:#415c32}
.buygames-announcement > button{color:#10210b;background:rgba(5,20,12,.09)}
.buygames-navbar{background:rgba(10,15,18,.97);border-bottom:1px solid #273237}
.buygames-navbar__main{min-height:76px;gap:clamp(13px,3vw,48px)}
.buygames-navbar__logo{width:39px;height:39px;border-radius:10px}
.buygames-navbar__wordmark{font:800 25px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.015em}
.buygames-navbar__wordmark>span{color:#caff54}
.buygames-navbar__search{width:min(100%,515px);margin-left:0}
.buygames-navbar__search input{height:44px;background:#1a2228;border:1px solid #303c43;border-radius:8px;color:#f4f6f1}
.buygames-navbar__search input:focus,.buygames-navbar__mobile-search input:focus{border-color:#b8eb54;box-shadow:0 0 0 3px rgba(202,255,84,.09)}
.buygames-navbar__shortcut{color:#9faea7;border-color:#3d4a46}
.buygames-navbar__nav{border-top:1px solid #232e32}
.buygames-navbar__nav-links{min-height:45px;gap:clamp(14px,2.35vw,35px)}
.buygames-navbar__nav-links a{font-size:11px;color:#c0c9c7;font-weight:700;letter-spacing:.02em}
.buygames-navbar__nav-links a:hover,.buygames-navbar__nav-links a.buygames-navbar__nav-home{color:#d5ff87}
.buygames-navbar__nav-links a.buygames-navbar__nav-more{color:#d5ff87}
.buygames-navbar__cart{border:1px solid #d9ff93;background:#caff54;color:#0a160f;border-radius:8px;font-weight:800;letter-spacing:.005em}
.buygames-navbar__cart:hover{background:#dcff99;border-color:#dcff99}
.buygames-navbar__icon{border-color:#334147;background:#192329;border-radius:8px}
.buygames-navbar__icon:hover{background:#29363a}
.buygames-navbar__signin{color:#d4dbd6}
.buygames-navbar__signin:hover{background:#1c2729}
.buygames-navbar__mobile-search input{background:#1b2528;border-color:#34413f}
.buygames-navbar__mobile-menu{border-color:#34413f}
.buygames-navbar__mobile-menu a{background:#1a272b;color:#e1e8e0}
.buygames-navbar__results,#support-menu{background:#142025!important;border-color:#34443e!important}
#support-button{color:#c8d3cd!important}
#support-button:hover{color:#d4ff86!important;background:#1d2b29!important}

/* Home canvas: visual punctuation, not card-on-card monotony. */
.buygames-home.arena-home{background:radial-gradient(circle at 50% 20%,rgba(113,148,72,.045),transparent 45%),#090e12;color:#f2f4ef;overflow:clip}
.arena-home .buygames-section{margin-top:clamp(72px,9vw,133px)}
.arena-home .buygames-section__kicker{display:flex;align-items:center;gap:11px;color:#cbff6e;font-size:10px;font-weight:800;letter-spacing:.18em}
.arena-section__line{display:inline-block;height:2px;width:22px;background:#caff54}
.arena-hero-wrap{padding-top:20px}
.arena-hero-grid{display:grid;grid-template-columns:minmax(0,1.94fr) minmax(280px,.88fr);gap:12px;min-height:572px}
.arena-hero{min-width:0;min-height:572px;position:relative;isolation:isolate;overflow:hidden;border-radius:13px;background:linear-gradient(129deg,#213b38 0%,#101e23 43%,#122028 100%);border:1px solid #3c5650;display:flex;align-items:center}
.arena-hero:before{content:"";position:absolute;inset:0;opacity:.28;background:repeating-linear-gradient(125deg,transparent 0px,transparent 88px,rgba(255,255,255,.065) 89px,transparent 90px);pointer-events:none}
.arena-hero__texture{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 65% 45%,rgba(148,214,128,.24),transparent 36%),radial-gradient(ellipse at 4% 100%,rgba(16,91,83,.5),transparent 67%);z-index:-1}
.arena-hero__floodlight{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(10,23,24,.35),transparent 70%)}
.arena-hero__words{position:absolute;bottom:-58px;left:14px;font:900 clamp(140px,17vw,300px)/1 'Barlow Condensed',sans-serif;color:rgba(186,231,181,.055);white-space:nowrap;letter-spacing:-.03em;user-select:none}
.arena-hero__copy{position:relative;z-index:4;width:69%;padding:38px 0 46px clamp(27px,4vw,62px)}
.arena-hero__eyebrow{display:flex;gap:11px;align-items:center;flex-wrap:wrap;color:#e2e9da;font-size:9px;letter-spacing:.17em;font-weight:800;line-height:1.6}
.arena-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#caff54;box-shadow:0 0 0 5px rgba(202,255,84,.13)}
.arena-hero__eyebrow-line{display:inline-block;height:1px;width:18px;background:#849d82;opacity:.8}
.arena-hero h1{font:900 clamp(57px,6.65vw,112px)/.84 'Barlow Condensed',sans-serif;letter-spacing:-.015em;color:#fbfcf8;margin:29px 0 24px;text-wrap:initial;text-transform:uppercase;text-shadow:0 5px 30px rgba(0,0,0,.10)}
.arena-hero h1>span{color:#caff54}
.arena-hero__period{color:#caff54}
.arena-hero__copy>p{font-size:13px;line-height:1.85;color:#dae3dd;max-width:360px;margin:0;text-wrap:pretty}
.arena-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:31px}
.arena-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:0 20px;text-align:center;border-radius:6px;font:800 11px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:.055em;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.arena-button:hover{transform:translateY(-2px)}
.arena-button--volt{color:#0b160d!important;background:#caff54;border:1px solid #d9ff93;box-shadow:0 12px 28px rgba(12,25,17,.23)}
.arena-button--volt:hover{background:#dfff93;box-shadow:0 15px 30px rgba(12,25,17,.29)}
.arena-hero__text-link{display:inline-flex;align-items:center;gap:10px;color:#f3f8ed;font-size:10px;font-weight:800;letter-spacing:.06em;min-height:43px}
.arena-hero__text-link:hover{color:#caff54}
.arena-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:21px;margin-top:46px;color:#b1c6bd;font-size:9px;letter-spacing:.06em;font-weight:800}
.arena-hero__meta span{display:flex;align-items:center;gap:7px}
.arena-hero__meta svg{color:#d5ff80}
.arena-hero__poster{position:absolute;z-index:2;right:-7%;top:3%;bottom:0;width:52%;border-left:1px solid rgba(191,240,141,.17);transform:skewX(-8deg);overflow:hidden;pointer-events:none}
.arena-hero__poster-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#57857988,transparent 64%),linear-gradient(135deg,#1d3834,#071419);z-index:0}
.arena-hero__poster-image{position:absolute;width:118%;height:101%;inset:0;left:-9%;object-fit:cover;object-position:center;transform:skewX(8deg) scale(1.08);filter:saturate(.95) contrast(1.05)}
.arena-hero__poster-fallback{position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(15,50,39,.12),rgba(15,50,39,.65)),url('https://i.imgur.com/099Inxj.jpeg');background-size:cover;background-position:70% center;transform:skewX(8deg) scale(1.1)}
.arena-hero__poster-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,23,.16),transparent 60%),linear-gradient(0deg,rgba(7,22,23,.94),transparent 41%),linear-gradient(180deg,rgba(11,26,25,.3),transparent 30%)}
.arena-hero__poster-heading{position:absolute;left:10%;bottom:22px;transform:skewX(8deg);font:900 clamp(82px,10vw,185px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-.035em;color:#fff;text-shadow:0 3px 24px #081213a8;white-space:nowrap}
.arena-hero__poster-heading span{color:#ceff74}
.arena-hero__poster-issue{position:absolute;right:18%;top:20px;transform:skewX(8deg);font-size:9px;font-weight:800;letter-spacing:.16em;color:#effde3;writing-mode:vertical-rl}
.arena-hero__poster-issue span{color:#caff54}
.arena-hero__corner{position:absolute;top:24px;right:20px;font-size:10px;font-weight:800;color:#c7e3d5;letter-spacing:.14em;z-index:3}
.arena-features{min-width:0;display:grid;grid-template-rows:1fr 1fr;gap:12px}
.arena-feature{position:relative;overflow:hidden;isolation:isolate;border:1px solid #334745;border-radius:12px;background:#1a292c;min-height:0;padding:24px;display:flex;align-items:end;transition:transform .2s ease,border-color .2s ease}
.arena-feature:hover{transform:translateY(-3px);border-color:#a0ca6b}
.arena-feature--fifa{background:radial-gradient(circle at 92% 15%,rgba(136,111,218,.47),transparent 53%),linear-gradient(140deg,#292846,#151a33 62%,#161d27)}
.arena-feature--more{background:radial-gradient(circle at 65% 15%,rgba(86,212,180,.36),transparent 47%),linear-gradient(138deg,#163f3a,#12282e 70%,#091b22)}
.arena-feature__art{position:absolute;inset:0;opacity:.34;z-index:-1;background-image:linear-gradient(90deg,rgba(21,20,44,.75),transparent 90%),url('https://i.imgur.com/QNPI389.jpeg');background-size:cover;background-position:73% center}
.arena-feature__orb{position:absolute;top:-135px;right:-80px;width:300px;height:300px;border:1px solid rgba(179,245,228,.24);border-radius:50%;background:repeating-radial-gradient(circle,rgba(170,232,207,.065) 0,rgba(170,232,207,.065) 1px,transparent 2px,transparent 30px);z-index:-1}
.arena-feature__number{position:absolute;top:22px;left:22px;color:#c4d9d3;font-size:9px;letter-spacing:.16em;font-weight:800}
.arena-feature__arrow{position:absolute;top:17px;right:17px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff40;border-radius:50%;color:#f9fff1;transition:background .2s ease}
.arena-feature:hover .arena-feature__arrow{background:#caff54;color:#13231c;border-color:#caff54}
.arena-feature__body{position:relative;z-index:1}
.arena-feature__body>span{display:block;color:#d0e2d6;font-size:9px;font-weight:800;letter-spacing:.14em;margin-bottom:6px}
.arena-feature__body strong{display:block;font:900 clamp(31px,3vw,48px)/.91 'Barlow Condensed',sans-serif;letter-spacing:.012em;color:white}
.arena-feature__body strong span{color:#caff54}
.arena-feature__body small{margin-top:17px;display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#e0e8db}

.arena-strip{border-bottom:1px solid #34433d;border-top:1px solid #34433d;margin-top:22px;background:#111b1d}
.arena-strip__inner{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:17px;overflow:auto;scrollbar-width:none}
.arena-strip__inner::-webkit-scrollbar{display:none}
.arena-strip__inner span:not(.arena-strip__separator){display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#d6dfd6;font-size:10px;font-weight:800;letter-spacing:.065em}
.arena-strip__inner span svg{color:#caff54}
.arena-strip__separator{color:#9ec46b;font-size:11px}

.arena-section__header{margin-bottom:28px;align-items:end}
.arena-section__header h2,.arena-faq__heading h2{font:800 clamp(39px,4.5vw,66px)/.92 'Barlow Condensed',sans-serif;letter-spacing:-.012em;margin:15px 0 0;color:#f6f8f3;text-transform:uppercase}
.arena-section__header h2 em,.arena-faq__heading h2 em{font-style:normal;color:#caff54}
.arena-section__header p,.arena-faq__heading p{font-size:13px;color:#b1bdba;margin-top:13px;line-height:1.7}
.arena-view-all{display:inline-flex;align-items:center;gap:12px;min-height:43px;color:#eff7ee;border-bottom:1px solid #61786c;font-size:10px;font-weight:800;letter-spacing:.09em;white-space:nowrap;background:transparent}
.arena-view-all:hover{color:#caff54;border-bottom-color:#caff54}

/* Premium cover-led cards retain original CentralCart hooks */
.buygames-product-grid,.arena-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.buygames-product{border-radius:10px;border:1px solid #354347;background:#141e23;box-shadow:0 12px 32px -25px #000;transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease}
.buygames-product:hover{transform:translateY(-5px);border-color:#a6cc6c;box-shadow:0 25px 60px -32px rgba(157,220,111,.26)}
.buygames-product__media.package-thumb-frame{aspect-ratio:1.12 / 1;background:radial-gradient(circle at 70% 20%,#4d6c6d,#26373b 55%,#0e1d24);border-radius:0}
.buygames-product__media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(8,17,18,.54))}
.buygames-product__media img{object-fit:cover;object-position:center}
.buygames-product__badge{top:13px;left:13px;background:#caff54;color:#0b190b;border:0;font-size:9px;font-weight:900;padding:7px 9px;letter-spacing:.05em;border-radius:3px}
.buygames-product__badge--sold{background:#2e3c40;color:#d2dad6}
.buygames-product__details{padding:16px 16px 18px}
.buygames-product__type{min-height:0;padding:0;border:0;background:transparent;color:#b4c9be;font-size:10px;font-weight:700;letter-spacing:.015em}
.buygames-product__title-link{margin-top:7px;color:#f0f6ee}
.buygames-product__title{font-size:13px;font-weight:800;line-height:1.55;min-height:40px}
.buygames-product__title-link:hover{color:#ceff73}
.buygames-product__bottom{border-top:1px solid #30403d;margin-top:15px;padding-top:15px;align-items:center}
.buygames-product__price-label{font-size:9px;color:#9caea6;text-transform:uppercase;letter-spacing:.05em}
.buygames-product__price{font:800 clamp(18px,1.65vw,24px)/1.2 'Plus Jakarta Sans',sans-serif;color:#fff;letter-spacing:-.05em}
.buygames-product__action{border:1px solid #d9ffa0;background:#caff54;color:#142117;min-height:38px;padding:0 12px;border-radius:5px;font-weight:900;letter-spacing:.015em}
.buygames-product__action:hover{background:#e2ff9e;border-color:#e2ff9e}
.buygames-product__unavailable{color:#b5bdb5}
.buygames-product.is-sold-out .buygames-product__media img{filter:grayscale(1);opacity:.55}

/* Collection bento tiles with real category imagery. */
.buygames-collections.arena-collections{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.arena-collection.buygames-collection{grid-column:span 3;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:initial;min-height:188px;padding:22px;border-radius:10px;background:#1b2929;border:1px solid #3c504c;transition:transform .24s ease,border-color .24s ease}
.arena-collection.buygames-collection:nth-child(-n+2){grid-column:span 6;min-height:244px}
.arena-collection.buygames-collection:nth-child(1){background:linear-gradient(130deg,#1a3837,#0d2529)}
.arena-collection.buygames-collection:nth-child(2){background:linear-gradient(130deg,#3a2c4b,#221d3e)}
.arena-collection.buygames-collection:nth-child(3){background:linear-gradient(130deg,#243d35,#162925)}
.arena-collection.buygames-collection:nth-child(4){background:linear-gradient(130deg,#313b3c,#1a292a)}
.arena-collection.buygames-collection:nth-child(5){background:linear-gradient(130deg,#2d3a48,#1c2635)}
.arena-collection.buygames-collection:nth-child(6){background:linear-gradient(130deg,#4a332d,#302321)}
.arena-collection.buygames-collection:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(6,17,19,.53),rgba(6,15,16,.17)),linear-gradient(0deg,rgba(5,12,14,.52),transparent 65%)}
.arena-collection.buygames-collection:hover{transform:translateY(-4px);border-color:#b1df8a;background-color:#243a35}
.arena-collection__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.48;filter:saturate(.78);transition:transform .5s ease,opacity .25s ease;z-index:0}
.arena-collection:hover .arena-collection__image{transform:scale(1.07);opacity:.62}
.arena-collection__graphic{position:absolute;right:20px;bottom:-21px;color:rgba(225,245,224,.10);transform:rotate(-14deg);z-index:1;pointer-events:none}
.arena-collection__graphic svg{width:125px;height:125px;stroke-width:1.2}
.arena-collection:nth-child(-n+2) .arena-collection__graphic svg{width:200px;height:200px}
.arena-collection__top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:start;width:100%;color:#e0eee1;font-size:9px;letter-spacing:.12em;font-weight:800}
.arena-collection__top>svg{color:#caff54;transition:transform .2s ease}
.arena-collection:hover .arena-collection__top>svg{transform:translate(3px,-3px)}
.arena-collection__name{position:absolute;z-index:2;left:22px;right:20px;bottom:21px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.arena-collection__name strong{font:800 clamp(25px,2.4vw,39px)/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.012em;color:#fff;overflow:visible;white-space:normal;text-overflow:initial}
.arena-collection:nth-child(-n+2) .arena-collection__name strong{font-size:clamp(36px,4.1vw,61px)}
.arena-collection__name small{display:inline-flex;align-items:center;gap:9px;margin:0;color:#deecd9;font-size:9px;font-weight:800;letter-spacing:.08em}

/* Horizontal editorial campaign, visually unique between sections. */
.arena-editorial-wrap{margin-top:clamp(68px,9vw,130px)}
.arena-editorial{position:relative;isolation:isolate;overflow:hidden;min-height:362px;border-radius:11px;border:1px solid #425449;background:linear-gradient(105deg,#152d2b,#0c2025 70%);display:grid;grid-template-columns:43% 57%}
.arena-editorial__image{position:relative;min-height:360px;background:linear-gradient(45deg,rgba(9,20,18,.04),rgba(11,38,32,.07)),url('https://i.imgur.com/099Inxj.jpeg');background-position:66% 41%;background-size:cover}
.arena-editorial__image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,24,24,.03),rgba(14,31,30,.43)),linear-gradient(0deg,rgba(5,15,15,.3),transparent 75%)}
.arena-editorial__image span{position:absolute;z-index:2;left:29px;bottom:22px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#f7fdf1}
.arena-editorial__copy{position:relative;z-index:2;padding:clamp(30px,5vw,65px);align-self:center}
.arena-editorial__copy h2{font:900 clamp(52px,5vw,82px)/.88 'Barlow Condensed',sans-serif;color:#fff;margin:17px 0 20px}
.arena-editorial__copy h2 em{font-style:normal;color:#caff54}
.arena-editorial__copy p{max-width:430px;color:#c4d5d0;font-size:13px;line-height:1.85;margin-bottom:22px}
.arena-button--outline{background:transparent;border:1px solid #9cbd8b;color:#e6f4df}
.arena-button--outline:hover{background:#caff54;border-color:#caff54;color:#152019}
.arena-editorial__number{position:absolute;right:-20px;bottom:-75px;font:900 310px/1 'Barlow Condensed',sans-serif;color:rgba(200,252,132,.042);pointer-events:none}

/* Buyer education: purposeful contrast instead of unverified claims. */
.arena-how-wrap{margin-top:clamp(82px,9vw,130px)}
.arena-how{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.65fr);gap:36px;padding:clamp(26px,3vw,50px);background:#172321;border:1px solid #3a4c42;border-radius:10px;position:relative;overflow:hidden}
.arena-how:before{position:absolute;top:-120px;left:-90px;width:330px;height:330px;border:1px solid #55735933;content:"";border-radius:50%;box-shadow:0 0 0 38px #47644b13,0 0 0 78px #47644b13}
.arena-how__intro{position:relative;z-index:1}
.arena-how__intro h2{font:900 clamp(46px,4vw,69px)/.88 'Barlow Condensed',sans-serif;color:#fff;margin:19px 0 16px}
.arena-how__intro h2 em{color:#caff54;font-style:normal}
.arena-how__intro p{max-width:280px;font-size:12px;line-height:1.85;color:#c5d1c7;margin-bottom:21px}
.arena-how__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.arena-how__step{min-height:237px;padding:24px 19px;border:1px solid #40564b;background:rgba(13,23,22,.62);border-radius:8px;position:relative}
.arena-how__step>svg{display:block;color:#caff54;margin-bottom:27px}
.arena-how__num{display:block;text-align:right;font:800 22px/1 'Barlow Condensed',sans-serif;color:#67816e;margin-bottom:14px}
.arena-how__step strong{display:block;font:800 23px/1 'Barlow Condensed',sans-serif;color:#fff;margin-bottom:12px}
.arena-how__step p{font-size:11px;line-height:1.7;color:#b6c7bf;margin:0}
.arena-faq{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(35px,6vw,100px);margin-bottom:70px}
.arena-faq__heading h2{font-size:clamp(43px,4vw,63px);line-height:.97}
.arena-faq__list{margin-top:0;border-top:1px solid #34483f}
.arena-faq__list details{border-bottom:1px solid #34483f}
.arena-faq__list summary{min-height:74px;padding:16px 6px;color:#eef7ed;font-size:13px;font-weight:700;line-height:1.5}
.arena-faq__list summary:hover{color:#ceff86}
.arena-faq__list summary svg{color:#caff54}
.arena-faq__list details p{font-size:12px;color:#b5c6bd}
.arena-faq__bottom{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#a8b9b2;font-size:10px;font-weight:800;letter-spacing:.06em}
.arena-faq__bottom a{display:inline-flex;align-items:center;gap:7px;color:#caff54}

/* Inner pages respect matching palette, with stronger hierarchy. */
.buygames-category-hero{background:#152723;border-color:#3b534a}
.buygames-category-hero__content .buygames-section__kicker{color:#ceff84}
.buygames-category-hero__content h1,.buygames-category-page__heading h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.01em;text-transform:uppercase}
.buygames-category-page .buygames-collections:not(.arena-collections) .buygames-collection{background:#182824;border-color:#3a4a43}
.buygames-breadcrumb a:hover{color:#caff54}
.buygames-btn--primary{background:#caff54;color:#122011;border:1px solid #d7ff90}
.buygames-btn--primary:hover{background:#e1ff9f}
.buygames-text-link{border-color:#415447;color:#d5ff8c;background:#1c2b28}
.buygames-text-link:hover{background:#283c2f;color:#fff;border-color:#b5ec65}
.buygames-assurance,.package-purchase-card,.package-description-card{border-color:#40534b!important;background:#14241f!important}
.package-purchase-panel .package-cta-card{border-color:#49634e;background:#12201e}
.package-wrapper #purchase-button,.package-wrapper #add-to-cart-button:hover{background:#caff54!important;color:#102015!important;border-color:#cefc67!important}
.package-wrapper #purchase-button:hover{background:#dcff96!important}
.package-wrapper .package-feature-list svg,.package-wrapper .package-trust-inline svg{color:#caff54}
.buygames-product-disclosure{border-color:#506949;background:#1d352c;color:#cadaff}
.buygames-product-disclosure>svg{color:#caff54}
.buygames-product-disclosure strong{color:#f1f9ee}
.buygames-product-disclosure a{color:#caff54}
.catalog-category-link{background:#1b2b28;border-color:#3c5548}
.catalog-category-link:hover{background:#283b34;border-color:#bbf078}

.buygames-footer{background:#0b1316;border-top:1px solid #394c45}
.buygames-footer__brand>span:last-child{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:29px;font-weight:800}
.buygames-footer__brand>span:last-child span{color:#caff54}
.buygames-footer__col h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.buygames-footer__col a{color:#aabdb3}
.buygames-footer__col a:hover{color:#caff54}
.buygames-footer__about p{color:#b1c1b7}
.buygames-footer__gateway-list span{border-color:#385048;color:#c9d8cb}
.buygames-footer__bottom{border-color:#33473e;color:#96aa9e}

/* Responsive: hierarchy and imagery tuned for mobile, not just scaled desktop. */
@media(max-width:1180px){
  .arena-hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr)}
  .arena-hero__copy{width:73%;padding-left:30px}
  .arena-hero h1{font-size:clamp(55px,6.2vw,86px)}
  .arena-hero__poster{width:49%}
  .arena-strip__inner{justify-content:start;gap:25px}
  .arena-strip__separator{display:none}
  .arena-hero__meta{gap:12px}
}
@media(max-width:1000px){
  .arena-hero-grid{grid-template-columns:1fr;min-height:0}
  .arena-hero{min-height:480px}
  .arena-hero__copy{width:67%}
  .arena-hero h1{font-size:clamp(60px,9vw,94px)}
  .arena-features{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
  .arena-feature{min-height:222px}
  .arena-collection.buygames-collection{grid-column:span 4}
  .arena-collection.buygames-collection:nth-child(-n+2){grid-column:span 6}
  .arena-collection.buygames-collection:last-child{grid-column:span 4}
  .arena-how{grid-template-columns:1fr;gap:24px}
  .arena-how__intro p{max-width:550px}
  .arena-how__steps{gap:13px}
}
@media(max-width:767px){
  .buygames-navbar__main{min-height:63px;gap:8px}
  .buygames-navbar__logo{width:33px;height:33px}
  .buygames-navbar__wordmark{font-size:23px}
  .buygames-navbar__cart{height:41px;min-height:41px;padding:0 11px}
  .buygames-navbar__icon{width:40px;height:41px}
  .arena-hero-wrap{padding-top:11px}
  .arena-hero{min-height:610px;display:block}
  .arena-hero__copy{width:100%;padding:34px 26px 42px}
  .arena-hero__eyebrow{font-size:9px}
  .arena-hero h1{font-size:clamp(63px,12vw,94px);margin-top:24px;margin-bottom:17px;max-width:580px}
  .arena-hero__copy>p{max-width:410px;font-size:12px;line-height:1.7}
  .arena-hero__actions{margin-top:19px;gap:17px}
  .arena-hero__meta{margin-top:20px;gap:14px}
  .arena-hero__poster{inset:auto -8% -50px 36%;height:270px;width:74%;transform:skewX(-11deg)}
  .arena-hero__poster-image{transform:skewX(11deg) scale(1.07)}
  .arena-hero__poster-heading{transform:skewX(11deg);font-size:clamp(88px,16vw,130px);bottom:62px}
  .arena-hero__poster-issue{display:none}
  .arena-hero__corner{top:auto;bottom:15px;left:20px;right:auto}
  .arena-features{gap:10px}
  .arena-feature{padding:19px;min-height:203px}
  .arena-feature__body strong{font-size:37px}
  .arena-strip{margin-top:12px}
  .arena-strip__inner{min-height:57px}
  .arena-strip__inner span:not(.arena-strip__separator){font-size:9px}
  .arena-home .buygames-section{margin-top:69px}
  .arena-section__header h2{font-size:clamp(41px,6vw,55px)}
  .buygames-product-grid,.arena-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .buygames-product__details{padding:12px}
  .buygames-product__media.package-thumb-frame{aspect-ratio:1.05/1}
  .buygames-product__price{font-size:18px}
  .buygames-collections.arena-collections{gap:10px}
  .arena-collection.buygames-collection:nth-child(-n+2){grid-column:span 6;min-height:230px}
  .arena-collection.buygames-collection:nth-child(n+3){grid-column:span 6;min-height:170px}
  .arena-collection__name strong{font-size:29px}
  .arena-collection:nth-child(-n+2) .arena-collection__name strong{font-size:39px}
  .arena-editorial-wrap{margin-top:75px}
  .arena-editorial{grid-template-columns:1fr;min-height:0}
  .arena-editorial__image{min-height:230px;background-position:center 45%}
  .arena-editorial__copy{padding:35px 28px}
  .arena-editorial__copy h2{font-size:55px}
  .arena-how-wrap{margin-top:75px}
  .arena-faq{grid-template-columns:1fr;gap:24px}
  .arena-faq__bottom{grid-column:auto}
}
@media(max-width:480px){
  .arena-hero{min-height:596px;border-radius:9px}
  .arena-hero__copy{padding:28px 20px 30px}
  .arena-hero h1{font-size:clamp(52px,13.2vw,68px);margin-top:22px;max-width:100%}
  .arena-hero__eyebrow-line,.arena-hero__eyebrow-line+*{display:none}
  .arena-hero__copy>p{font-size:12px;max-width:325px}
  .arena-hero__actions{gap:11px}
  .arena-button--volt{min-height:45px;padding:0 12px;letter-spacing:0;font-size:10px}
  .arena-hero__text-link{font-size:9px}
  .arena-hero__meta{font-size:8px;gap:11px;max-width:330px}
  .arena-hero__poster{height:244px;bottom:-41px;right:-10%;left:23%;width:93%}
  .arena-hero__poster-heading{bottom:51px;font-size:107px}
  .arena-hero__corner{font-size:8px}
  .arena-features{grid-template-columns:1fr 1fr;gap:9px}
  .arena-feature{padding:13px;min-height:179px;border-radius:8px}
  .arena-feature__number{top:13px;left:12px;font-size:7px;letter-spacing:.08em}
  .arena-feature__arrow{top:9px;right:9px;width:24px;height:24px}
  .arena-feature__arrow svg{width:14px}
  .arena-feature__body>span{font-size:7px;letter-spacing:.075em}
  .arena-feature__body strong{font-size:29px}
  .arena-feature__body small{margin-top:10px;font-size:9px}
  .arena-feature__body small svg{width:11px}
  .arena-strip__inner{min-height:52px}
  .arena-section__header{align-items:start;gap:10px}
  .arena-section__header h2{font-size:40px}
  .arena-section__header p{font-size:11px;max-width:210px}
  .arena-view-all{font-size:8px;gap:4px;min-height:29px}
  .arena-view-all svg{width:13px}
  .buygames-product__title{font-size:12px}
  .buygames-product__action{min-height:32px;padding:0 8px;font-size:10px}
  .buygames-product__action svg{width:12px}
  .buygames-product__price{font-size:16px}
  .arena-collection.buygames-collection{padding:14px}
  .arena-collection__top{font-size:7px}
  .arena-collection__top svg{width:17px}
  .arena-collection__name{left:14px;right:12px;bottom:14px;gap:8px}
  .arena-collection:nth-child(-n+2) .arena-collection__name strong{font-size:31px}
  .arena-collection__name strong{font-size:27px}
  .arena-collection__name small{font-size:7px}
  .arena-collection:nth-child(-n+2) .arena-collection__graphic svg{width:140px;height:140px}
  .arena-editorial__image{min-height:188px}
  .arena-editorial__copy h2{font-size:49px}
  .arena-editorial__copy p{font-size:12px}
  .arena-how{padding:20px}
  .arena-how__steps{grid-template-columns:1fr;gap:8px}
  .arena-how__step{display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;align-content:center;min-height:105px;padding:16px;column-gap:12px}
  .arena-how__num{position:absolute;right:13px;top:13px;font-size:15px;margin:0}
  .arena-how__step>svg{grid-row:1/3;grid-column:1;align-self:center;margin:0}
  .arena-how__step strong{font-size:21px;margin:0 0 4px}
  .arena-how__step p{grid-column:2;font-size:10px}
  .arena-faq__heading h2{font-size:47px}
}
@media(prefers-reduced-motion:reduce){.arena-home *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* v2 final responsive/checkout refinements */
body .btn-primary,body button.bg-primary,body a.bg-primary{background:#caff54;color:#112014;border-color:#d6ff8d}
body .btn-primary:hover,body button.bg-primary:hover,body a.bg-primary:hover{background:#dfff97}
@media(max-width:480px){
 .buygames-navbar__main{gap:4px}
 .buygames-navbar__brand{gap:5px}
 .buygames-navbar__wordmark{font-size:21px}
 .buygames-navbar__actions{gap:3px}
 .buygames-navbar__icon{width:35px;min-width:35px}
 .buygames-navbar__cart{width:39px;min-width:39px;padding:0;justify-content:center}
 .buygames-navbar__cart span{display:none}
 #support-button{width:35px!important;min-width:35px!important;max-width:35px!important;padding:0!important;overflow:hidden;white-space:nowrap}
 .arena-hero__poster-heading{font-size:83px;left:8%;bottom:51px}
}
.arena-hero__text-link{background:transparent!important;border:none!important;border-bottom:1px solid rgba(218,247,204,.64)!important;border-radius:0;padding:0 1px;color:#f3f8ed}
.arena-hero__text-link:hover{border-bottom-color:#caff54!important;color:#caff54}
/* Prevent low-contrast hover states from core styles. */
.arena-home .arena-button--volt,.arena-home .arena-button--volt:hover{color:#0b160d}