.marketplace-header { height: 108px; }
.marketplace-header .header-inner { height: 64px; gap: 24px; }
.marketplace-header .header-search { max-width: 530px; position: relative; }
.marketplace-nav { height: 44px; display: flex; align-items: stretch; gap: 22px; }
.marketplace-nav-trigger { display: inline-flex; align-items: center; gap: 7px; border: 0; border-bottom: 2px solid transparent; background: none; padding: 0; color: #b9c0cd; font-size: 12px; white-space: nowrap; }
.marketplace-nav-trigger > .icon { width: 15px; height: 15px; }
.marketplace-nav-trigger > .icon:last-child { width: 12px; }
.marketplace-nav-trigger:hover, .marketplace-nav-trigger[aria-expanded="true"] { color: var(--text); border-bottom-color: var(--accent); }
.mega-menu-layer { position: absolute; inset: 108px 0 auto; background: var(--surface); border-bottom: 1px solid #354039; box-shadow: 0 26px 40px #0008; }
.mega-menu-layer:not(:has(.mega-menu:not([hidden]))) { display: none; }
.mega-menu { display: grid; grid-template-columns: 1.25fr 1fr .8fr 1.05fr; gap: 36px; padding-block: 30px 34px; }
.mega-menu h2 { font: 600 12px/1.5 var(--body); letter-spacing: 0; color: var(--muted); margin-bottom: 15px; }
.mega-menu > div > a { display: flex; align-items: center; gap: 8px; min-height: 36px; font-size: 13px; }
.mega-menu a:hover { color: var(--accent-hover); }
.mega-menu p { font-size: 13px; margin-bottom: 16px; }
.mega-link-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; }
.mega-link-grid a { display: flex; align-items: center; justify-content: space-between; min-height: 36px; font-size: 13px; }
.mega-link-grid .icon { width: 13px; height: 13px; color: var(--muted); }
.mega-menu .mega-view-all { color: var(--accent-hover); margin-top: 16px; }
.mega-menu .mega-game { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 12px; margin-bottom: 12px; }
.mega-game img { width: 46px; height: 64px; border-radius: 6px; }
.mega-game strong { display: block; font-size: 12px; line-height: 1.5; font-weight: 500; }
.mega-game small { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; }
.search-suggestions { position: absolute; inset: calc(100% + 10px) 0 auto; z-index: 45; background: var(--surface); border: 1px solid #375344; border-radius: 12px; padding: 12px; box-shadow: 0 16px 32px #0007; }
.search-suggestions > a { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 10px; min-height: 64px; border-radius: 8px; }
.search-suggestions > a:hover, .search-suggestions > a.is-selected { background: #1b2b25; }
.search-suggestions img { width: 44px; height: 58px; border-radius: 6px; }
.search-suggestions strong { display: block; font-size: 13px; font-weight: 500; }
.search-suggestions small { color: var(--muted); font-size: 11px; }
.search-suggestions > p { padding: 12px; font-size: 13px; }
.search-suggestions .search-all { display: flex; align-items: center; justify-content: space-between; min-height: 44px; color: var(--accent-hover); font-size: 12px; border-top: 1px solid var(--border); border-radius: 0; margin-top: 8px; }
.cookie-banner { position: fixed; z-index: 50; left: 24px; right: 24px; bottom: 20px; margin-inline: auto; max-width: 1328px; background: #151d24; border: 1px solid #35413b; border-radius: 12px; box-shadow: 0 14px 32px #0009; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.cookie-banner p { font-size: 12px; max-width: 800px; color: #c4ced0; }
.cookie-banner p a { color: var(--accent-hover); text-decoration: underline; }
.cookie-banner > div { display: flex; gap: 10px; flex-shrink: 0; }
.cookie-banner .button { min-height: 44px; font-size: 12px; }
.newsletter-form { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.newsletter-form label { width: 100%; color: var(--muted); font-size: 12px; }
.newsletter-form input[type="email"] { min-height: 48px; padding: 12px 16px; border: 1px solid #35423d; border-radius: 8px; background: #080f0c; color: var(--text); flex: 1; min-width: 180px; }
.newsletter-form .form-status { width: 100%; }
.marketplace-mobile-links { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }
@media(max-width:1199px) { .marketplace-nav { gap: 16px; }.marketplace-nav-trigger { font-size: 11px; }.mega-menu { gap: 22px; }.marketplace-nav-trigger > .icon:last-child { display: none; } }
@media(max-width:899px) { .marketplace-nav { gap: 12px; }.marketplace-nav-trigger > .icon { display: none; }.mega-menu { gap: 20px; }.mega-menu > div { min-width: 0; } }
@media(max-width:767px) {
 .marketplace-header { height: 68px; }.marketplace-header .header-inner { height: 68px; gap: 8px; }.marketplace-nav,.mega-menu-layer { display: none; }
 .marketplace-header .account-link { display: none; }.marketplace-header .header-search { position: absolute; max-width: none; }
 .search-suggestions { max-height: 60dvh; overflow-y: auto; }
 .search-suggestions > a { grid-template-columns: 40px minmax(0,1fr); }.search-suggestions img { width: 40px; height: 54px; }.search-suggestions > a > strong { display: none; }
 .cookie-banner { left: 12px; right: 12px; bottom: 12px; padding: 20px; gap: 16px; flex-direction: column; align-items: stretch; }.cookie-banner > div { justify-content: flex-end; }
}
.catalog-page-heading { padding-block: 38px 26px; }.catalog-page-heading h1 { font-size: 36px; line-height: 1.2; }.catalog-page-heading p { margin-top: 12px; font-size: 14px; }
.catalog-body { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 24px; align-items: start; }.catalog-sidebar { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 20px; }
.sidebar-filters { display: flex; flex-direction: column; gap: 18px; }.sidebar-filter-heading { display: flex; justify-content: space-between; align-items: center; }.sidebar-filter-heading h2 { display: flex; gap: 8px; font-size: 18px; }.sidebar-filter-heading h2 span { display: inline-grid; place-items: center; background: #15372b; color: #4ae1a4; font-size: 11px; border-radius: 8px; padding: 3px 8px; }.sidebar-filter-heading a { color: var(--muted); font-size: 12px; min-height: 44px; display: grid; place-items: center; }
.sidebar-filters .catalog-search { min-width: 0; width: 100%; }.sidebar-filters .catalog-search input { width: 100%; min-width: 0; font-size: 12px; }.filter-group { border-top: 1px solid var(--border); padding-top: 12px; }.filter-group summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; font-size: 14px; cursor: pointer; list-style: none; }.filter-group summary::-webkit-details-marker { display: none; }.filter-group summary .icon { width: 16px; transition: transform .18s; }.filter-group[open] summary .icon { transform: rotate(180deg); }.filter-group > label { display: flex; gap: 10px; align-items: center; min-height: 44px; font-size: 12px; cursor: pointer; }.filter-group input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--accent); }.filter-group label span { flex: 1; }.filter-group small,.filter-group p { font-size: 11px; color: var(--muted); }.filter-group p { line-height: 1.6; margin-top: 8px; }.filter-group select { width: 100%; min-height: 44px; background: #19212c; border: 1px solid #36413e; color: var(--text); border-radius: 8px; padding: 8px; font-size: 12px; }.price-range-inputs { display: flex; gap: 12px; }.price-range-inputs label { font-size: 11px; color: var(--muted); width: calc(50% - 6px); }.price-range-inputs input { width: 100%; min-height: 44px; margin-top: 8px; background: #19212c; border: 1px solid #36413e; color: var(--text); border-radius: 8px; padding: 8px; font-size: 12px; }.filter-category-link { display: flex; gap: 8px; align-items: center; min-height: 44px; font-size: 12px; color: var(--accent-hover); }.sidebar-filters .button { font-size: 12px; }.sidebar-filters .text-button { align-self: center; min-height: 44px; }
.catalog-listing { min-width: 0; }.catalog-listing .catalog-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px 18px; }.catalog-listing .game-card h3 { font-size: 14px; min-height: 40px; }.catalog-listing .game-card__meta { font-size: 10px; }.catalog-listing .game-card__bottom strong { font-size: 18px; }.catalog-listing .game-card__bottom .prices { gap: 4px; flex-wrap: wrap; }.catalog-listing .game-card__bottom del { font-size: 11px; }
.catalog-sort { display: flex; align-items: center; gap: 8px; }.catalog-sort label { font-size: 12px; color: var(--muted); }.catalog-sort select { max-width: 200px; min-height: 44px; background: #11151d; border: 1px solid var(--border); color: var(--text); border-radius: 8px; padding: 8px; font-size: 12px; }.catalog-sort .icon-button { background: var(--surface); }.catalog-results { margin-bottom: 22px; min-height: 44px; }.filter-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }.filter-chips a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border-radius: 8px; background: #172b24; font-size: 12px; }.filter-chips .icon { width: 14px; }.filter-chips .clear-chips { background: none; color: var(--muted); }.mobile-filter-trigger { display: none; }
.filter-dialog { padding: 0; max-height: 92dvh; width: min(480px,100%); margin: auto 0 0 auto; background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: 16px 16px 0 0; }.filter-dialog::backdrop { background: #000b; }.filter-sheet-body { padding: 20px 24px 32px; overflow-y: auto; max-height: calc(92dvh - 76px); }
@media(max-width:1199px) { .catalog-body { grid-template-columns: 244px minmax(0,1fr); }.catalog-listing .catalog-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px 14px; }.catalog-sidebar { padding: 16px; } }
@media(max-width:999px) { .catalog-body { display: block; }.catalog-sidebar { display: none; }.mobile-filter-trigger { display: inline-flex; min-height: 44px; font-size: 12px; padding: 8px 14px; }.catalog-listing .catalog-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.catalog-sort label { display: none; }.catalog-results { flex-wrap: wrap; gap: 12px; }.catalog-results > span { margin-right: auto; } }
@media(max-width:599px) { .catalog-page-heading h1 { font-size: 30px; }.catalog-page-heading p { font-size: 13px; }.catalog-listing .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 14px; }.catalog-listing .game-card__meta > span:last-child { display: none; }.catalog-sort { width: 100%; justify-content: flex-end; }.catalog-sort label { display: block; margin-right: auto; }.catalog-sort select { flex: 1; max-width: none; }.catalog-sort .icon-button { flex-shrink: 0; }.catalog-listing .catalog-pagination { flex-direction: column; align-items: center; } }.shopping-heading { padding-block: 38px 30px; }.shopping-heading h1 { font-size: 36px; }.shopping-heading p { font-size: 14px; }.checkout-panel h2 { font-size: 22px; }.summary-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 14px; font-size: 13px; }.summary-row span { color: var(--muted); }.checkout-panel > .button,.checkout-panel > .text-button { width: 100%; margin-top: 14px; }.checkout-panel > .text-button { display: flex; justify-content: center; align-items: center; min-height: 44px; font-size: 12px; }.checkout-panel > p { font-size: 12px; line-height: 1.7; }.promo-form { margin-block: 24px; }.promo-form label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 8px; }.promo-form > div { display: flex; gap: 8px; }.promo-form input { min-height: 44px; width: 100%; min-width: 0; background: #0a1018; color: var(--text); border: 1px solid var(--border); border-radius: 8px; padding: 12px; font-size: 12px; }.promo-form .button { font-size: 12px; padding-inline: 18px; }.promo-form .form-status { font-size: 12px; }
.checkout-assurances { border-top: 1px solid var(--border); display: flex; flex-wrap: wrap; gap: 16px; padding-top: 20px; font-size: 11px; }.checkout-assurances a { display: flex; align-items: center; gap: 8px; min-height: 44px; }.checkout-assurances .icon { color: var(--accent); width: 16px; }.cart-support-note { display: flex; gap: 14px; align-items: start; padding: 24px 0; border-top: 1px solid var(--border); margin-top: 20px; }.cart-support-note > .icon { flex-shrink: 0; color: var(--accent); }.cart-support-note strong { font-size: 13px; }.cart-support-note p { font-size: 12px; margin-top: 6px; }.cart-support-note a { flex-shrink: 0; display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--accent-hover); }.cart-discovery { padding-bottom: 96px; margin-top: 40px; }.cart-discovery h2 { font-size: 26px; }
.wishlist-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 24px; }.wishlist-heading h1 { font-size: 32px; }.wishlist-heading p { margin-top: 10px; font-size: 13px; }.wishlist-heading .button { min-height: 44px; font-size: 12px; }.wishlist-account-page .catalog-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px 18px; }.wishlist-account-page .game-card h3 { font-size: 14px; }.wishlist-account-page .game-card__meta { font-size: 10px; }.wishlist-tools { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }.wishlist-tools p { font-size: 12px; flex: 1; }.wishlist-tools label { font-size: 12px; color: var(--muted); }.wishlist-tools select { min-height: 44px; background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: 8px; padding: 10px; font-size: 12px; }
.checkout-header { height: 80px; border-bottom: 1px solid var(--border); }.checkout-header .container { display: flex; align-items: center; justify-content: space-between; height: 100%; }.checkout-header > div > span { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; }.checkout-header > div > span .icon { color: var(--accent); }.checkout-page { max-width: 1232px; padding-block: 32px; }.checkout-progress { display: flex; gap: 16px; align-items: center; margin-bottom: 32px; font-size: 13px; color: var(--muted); }.checkout-progress .icon { width: 14px; }.checkout-progress [aria-current] { color: var(--accent-hover); }.checkout-page h1 { font-size: 36px; }.checkout-intro { margin-block: 12px 32px; font-size: 14px; }.checkout-layout { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: 32px; align-items: start; }.checkout-details { display: flex; flex-direction: column; gap: 24px; }.checkout-details section { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 28px; }.checkout-details h2 { font-size: 20px; margin-bottom: 20px; }.checkout-details section > p { font-size: 12px; line-height: 1.7; margin-bottom: 20px; }.checkout-details p a,.checkout-checkbox a { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 3px; }.checkout-details section > label { display: block; font-size: 13px; margin-bottom: 8px; }.checkout-details label > span { color: var(--muted); }.checkout-details section > input,.checkout-details section > select { display: block; width: 100%; min-height: 48px; padding: 12px; background: #19212b; border: 1px solid #35413e; border-radius: 8px; color: var(--text); margin-bottom: 12px; font-size: 13px; }.checkout-details .field-help { color: var(--muted); font-size: 11px; }.payment-methods { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.payment-methods label { display: flex; align-items: flex-start; gap: 10px; border: 1px solid var(--border); border-radius: 12px; padding: 18px; cursor: pointer; }.payment-methods label:has(:checked) { border-color: var(--accent); background: #10251d; }.payment-methods input { margin-top: 3px; accent-color: var(--accent); }.payment-methods span { display: grid; gap: 8px; }.payment-methods strong { font-size: 12px; font-weight: 500; }.payment-methods small { font-size: 11px; color: var(--muted); }.checkout-payment-state { display: flex; align-items: start; gap: 12px; background: #101f1b; border-radius: 8px; padding: 16px; margin-top: 18px; }.checkout-payment-state p { font-size: 12px; }.checkout-payment-state .icon { color: var(--accent); flex-shrink: 0; }.checkout-details section > .checkout-checkbox { display: flex; align-items: start; gap: 12px; line-height: 1.8; font-size: 12px; margin-bottom: 20px; }.checkout-checkbox input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--accent); flex-shrink: 0; }.checkout-details .button { width: 100%; min-height: 48px; font-size: 13px; }.checkout-details .form-status { font-size: 13px; margin-top: 16px; }
.checkout-order-summary { position: sticky; top: 24px; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 24px; }.checkout-order-summary h2 { font-size: 20px; margin-bottom: 18px; }.checkout-order-summary h2 span { font-size: 12px; color: var(--muted); }.order-summary-item { display: grid; grid-template-columns: 56px minmax(0,1fr); gap: 14px; padding-bottom: 20px; }.order-summary-item img { width: 56px; height: 76px; border-radius: 6px; }.order-summary-item a { font-size: 12px; font-weight: 500; display: block; }.order-summary-item p { font-size: 10px; margin-block: 6px; }.order-summary-item strong { font-size: 13px; color: var(--accent-hover); }.checkout-summary-total { display: flex; justify-content: space-between; align-items: center; gap: 16px; border-top: 1px solid var(--border); padding-top: 20px; margin-block: 10px 14px; font-size: 14px; }.checkout-summary-total strong { font-size: 26px; }.checkout-order-summary > p { font-size: 11px; line-height: 1.7; }.checkout-order-summary > .text-link { margin-top: 18px; font-size: 12px; }.checkout-mini-footer { display: flex; align-items: center; gap: 24px; border-top: 1px solid var(--border); margin-top: 48px; padding-top: 24px; font-size: 11px; color: var(--muted); }.checkout-mini-footer span { margin-left: auto; }
@media(max-width:1199px) { .wishlist-account-page .catalog-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:899px) { .checkout-layout { grid-template-columns: minmax(0,1fr) 300px; gap: 20px; }.checkout-details section { padding: 22px; }.payment-methods { grid-template-columns: 1fr; }.cart-support-note { flex-wrap: wrap; }.cart-support-note a { margin-left: 34px; } }
@media(max-width:767px) { .checkout-layout { display: flex; flex-direction: column; }.checkout-details { width: 100%; }.checkout-order-summary { position: static; width: 100%; order: -1; }.checkout-progress { font-size: 12px; gap: 10px; }.checkout-header > div > span { display: none; }.checkout-header .text-link { font-size: 11px; }.checkout-mini-footer { gap: 18px; flex-wrap: wrap; }.checkout-mini-footer span { margin-left: 0; width: 100%; }.wishlist-heading { flex-direction: column; align-items: start; }.wishlist-tools { flex-wrap: wrap; }.wishlist-tools p { flex-basis: 100%; }.wishlist-tools label { margin-right: auto; }.wishlist-account-page .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 14px; }.wishlist-account-page .game-card__meta span:last-child { display: none; } }.newsletter-form .newsletter-consent { display: flex; align-items: start; gap: 8px; color: #bac7c0; font-size: 11px; line-height: 1.8; }.newsletter-consent input { accent-color: var(--accent); width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; }.newsletter-consent a { color: var(--accent-hover); text-decoration: underline; }.newsletter-form .form-status { font-size: 12px; margin: 0; }
.extras-page { padding-bottom: 100px; }.extras-category-nav { display: flex; gap: 8px; overflow-x: auto; margin-bottom: 28px; }.extras-category-nav a { white-space: nowrap; min-height: 44px; padding: 12px 18px; border-radius: 8px; background: var(--surface); font-size: 12px; }.extras-category-nav [aria-current] { color: var(--accent-hover); background: #142c23; }.extras-layout { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 32px; align-items: start; }.extras-sidebar { padding: 24px; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; }.extras-sidebar h2 { font-size: 18px; margin-bottom: 20px; }.extras-sidebar form { display: flex; flex-direction: column; gap: 10px; }.extras-sidebar label { font-size: 12px; margin-top: 12px; }.extras-sidebar select { min-height: 44px; background: #19212b; color: var(--text); border: 1px solid var(--border); border-radius: 8px; padding: 10px; font-size: 12px; width: 100%; }.extras-sidebar .button { margin-top: 14px; font-size: 12px; }.extras-sidebar .text-button { min-height: 44px; font-size: 12px; }.extras-sidebar > p { font-size: 12px; margin-block: 18px; }.extras-sidebar > .text-link { font-size: 12px; }.extras-main { min-width: 0; }.extras-preview-banner { display: flex; gap: 24px; padding: 36px; background: #10231c; border-radius: 16px; margin-bottom: 28px; }.extras-preview-banner > .icon { width: 36px; height: 36px; flex-shrink: 0; color: var(--accent-hover); }.extras-preview-banner h2 { font-size: 26px; line-height: 1.3; }.extras-preview-banner p { font-size: 13px; margin-block: 14px; color: #b0c5bc; max-width: 60ch; }.extras-preview-banner .text-link { font-size: 12px; }.extras-help { margin-top: 42px; }.extras-help h2 { font-size: 24px; margin-bottom: 20px; }.extras-help details { border-bottom: 1px solid var(--border); }.extras-help summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 60px; font-size: 14px; cursor: pointer; }.extras-help details p { font-size: 13px; padding-bottom: 20px; max-width: 70ch; }.extras-help p a { color: var(--accent-hover); text-decoration: underline; }.supplier-category-list { display: flex; flex-wrap: wrap; gap: 8px; }.supplier-category-list button { background: var(--surface); border: 1px solid var(--border); color: var(--text); border-radius: 8px; padding: 12px 16px; min-height: 44px; font-size: 12px; }.supplier-category-list button[aria-pressed="true"] { color: var(--accent-hover); border-color: var(--accent); }.giftcard-offers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 24px; }.giftcard-offer { border: 1px solid var(--border); border-radius: 12px; padding: 24px; }.giftcard-offer h3 { font-size: 18px; }.giftcard-offer strong { display: block; color: var(--accent-hover); font-size: 24px; margin-block: 18px; }.giftcard-offer p { font-size: 12px; }.extras-main > .form-status { font-size: 13px; }
.order-status-page { max-width: 1040px; padding-block: 48px 96px; }.order-status-state { padding: 56px 40px; text-align: center; }.order-status-state .empty-icon { margin-inline: auto; }.order-status-state h1 { font-size: 36px; margin-block: 24px 18px; }.order-status-state p { max-width: 60ch; margin-inline: auto; font-size: 14px; }.order-status-state > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 28px; }.order-next-steps { padding: 32px; background: var(--surface); border-radius: 16px; }.order-next-steps h2 { font-size: 22px; }.order-next-steps ol { padding-left: 20px; margin-block: 24px; color: var(--muted); font-size: 13px; line-height: 2; }
@media(max-width:899px) { .extras-layout { grid-template-columns: 224px minmax(0,1fr); gap: 24px; }.extras-sidebar { padding: 20px; }.giftcard-offers { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .extras-layout { display: flex; flex-direction: column; }.extras-sidebar,.extras-main { width: 100%; }.extras-sidebar form { display: grid; grid-template-columns: 1fr 1fr; }.extras-sidebar label { align-self: center; }.extras-sidebar .button,.extras-sidebar .text-button { grid-column: 1 / -1; }.extras-preview-banner { padding: 24px; gap: 16px; }.extras-preview-banner h2 { font-size: 22px; }.extras-preview-banner > .icon { width: 24px; height: 24px; }.order-status-state { padding: 48px 0; }.order-status-state h1 { font-size: 30px; }.newsletter-form .newsletter-consent { flex-wrap: wrap; } }.wishlist-account-page .account-layout:not(:has(.account-sidebar)) { grid-template-columns: minmax(0,1fr); }.platform-hub { padding-block: 32px 88px; }.platform-hub h2 { font-size: 32px; }.platform-hub-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 18px; }.platform-hub-tile { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; border-radius: 12px; min-height: 190px; padding: 28px 16px; background: var(--surface); text-align: center; }.platform-hub-tile::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,#080a0f66,#080a0fdd); }.platform-scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .35s ease-out; }.platform-hub-tile:hover .platform-scene { transform: scale(1.05); }.platform-mark { width: 36px; height: 36px; object-fit: contain; }.platform-hub-tile strong { font-size: 14px; }.platform-hub-tile small { font-size: 10px; color: #c1cbc7; line-height: 1.6; }.platform-hub-tile > .icon { position: absolute; right: 12px; top: 12px; width: 14px; color: #c1cbc7; }
.steam-teaser-world { overflow: hidden; }.steam-world-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.steam-teaser-world::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#10241d00,#10241d44 65%,#10241d); }.steam-teaser-world .steam-emblem { z-index: 2; background: #10241dcc; backdrop-filter: blur(8px); }
@media(max-width:1023px) { .platform-hub-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.platform-hub-tile { min-height: 160px; } }
@media(max-width:599px) { .platform-hub { padding-block: 24px 56px; }.platform-hub h2 { font-size: 28px; }.platform-hub-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }.platform-hub-tile { min-height: 170px; }.platform-hub .section-heading { align-items: start; gap: 18px; flex-direction: column; } }
@media(prefers-reduced-motion:reduce) { .platform-hub-tile:hover .platform-scene { transform: none; } }.home-deals { padding-top: 56px; }.home-deals h2 { font-size: 32px; }.deals-bento { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }.deal-lead { min-height: 460px; position: relative; isolation: isolate; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; }.deal-lead-scene { position: absolute; inset: 0; z-index: -2; }.deal-lead-scene img { width: 100%; height: 100%; object-fit: cover; }.deal-lead::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,#080a0f11,#080a0f55 30%,#080a0fea); z-index: -1; pointer-events: none; }.deal-top { display: flex; align-items: center; justify-content: space-between; pointer-events: none; }.deal-top button { pointer-events: auto; background: #080a0faa; }.deal-saving { display: inline-flex; padding: 7px 10px; background: var(--accent); color: #051710; font-size: 11px; font-weight: 700; border-radius: 6px; width: max-content; }.deal-lead-copy > span { display: flex; align-items: center; gap: 8px; color: #c8d3ce; font-size: 11px; }.deal-lead-copy h3 { font-size: 30px; margin-top: 16px; }.deal-lead-copy p { font-size: 12px; color: #becbc4; line-height: 1.7; margin-top: 12px; max-width: 52ch; }.deal-lead-copy > div { display: flex; align-items: center; gap: 12px; margin-top: 22px; }.deal-lead-copy strong { color: var(--accent-hover); font-size: 26px; }.deal-lead-copy del { color: #acb8b1; font-size: 13px; }.deal-lead-copy .button { margin-left: auto; min-height: 44px; font-size: 12px; padding-inline: 18px; }
.deal-mini-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.deal-mini { overflow: hidden; border-radius: 12px; background: var(--surface); }.deal-mini-art { position: relative; height: 142px; }.deal-mini-art > a { display: block; height: 100%; }.deal-mini-art img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease-out; }.deal-mini:hover .deal-mini-art img { transform: scale(1.04); }.deal-mini-art .deal-saving { position: absolute; top: 10px; left: 10px; }.deal-mini-art > button { position: absolute; top: 8px; right: 8px; background: #080a0faa; }.deal-mini-copy { padding: 12px 16px 8px; }.deal-mini-copy h3 { font-size: 13px; line-height: 1.5; min-height: 40px; }.deal-mini-copy > div { display: flex; align-items: center; gap: 8px; }.deal-mini-copy strong { color: var(--accent-hover); font-size: 16px; }.deal-mini-copy del { color: var(--muted); font-size: 11px; }.deal-mini-copy button { margin-left: auto; flex-shrink: 0; color: var(--accent-hover); }.competitive-feature > img { inset: 0; }
@media(max-width:1023px) { .deals-bento { grid-template-columns: 1fr; }.deal-lead { min-height: 440px; }.deal-mini-art { height: 190px; } }
@media(max-width:767px) {
 .newsletter-form .newsletter-consent { display: block; flex-wrap: nowrap; }.newsletter-consent input { margin: 3px 8px 0 0; vertical-align: top; }.newsletter-form .form-status { margin: 0; }
 .home-deals { padding-top: 36px; }.home-deals h2 { font-size: 28px; }.home-deals .section-heading { gap: 20px; align-items: start; flex-direction: column; }.deal-lead { min-height: 410px; padding: 24px; }.deal-mini-grid { gap: 14px; }.deal-mini-art { height: 120px; }.deal-mini-copy { padding: 12px 12px 8px; }.deal-mini-copy > div { flex-wrap: wrap; gap: 4px; }.deal-mini-copy > div button { margin-left: auto; }.deal-mini-copy del { font-size: 10px; }.deal-lead-copy h3 { font-size: 28px; }.deal-lead-copy > div { flex-wrap: wrap; }.deal-lead-copy .button { margin-left: auto; }.deal-mini-copy h3 { font-size: 12px; }
}
@media(max-width:359px) { .deal-lead-copy .button { width: 100%; margin: 8px 0 0; }.deal-mini-copy strong { font-size: 14px; }.deal-mini-copy del { display: none; } }
@media(prefers-reduced-motion:reduce) { .deal-mini:hover .deal-mini-art img { transform: none; } }
.steam-scene > .steam-scene-background { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 58% center; }
.steam-scene::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #07110db3, #07110d22 45%, #07110dcc); }