/* ALEF 4.9 mobile layout. One source of viewport rules, loaded after Core. Artwork and copy stay in flow. Icons, flags and product artwork have separate geometry. Do not conceal overflow on the document or rebuild product nodes on resize. */ .ags-phone-menu,.ags-mobile-nav{display:none} .ags-header-cart svg,.ags-phone-menu svg,.ags-mobile-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none} .ags-skip-link{position:fixed;top:8px;inset-inline-start:12px;z-index:110000;padding:10px 16px;background:#def9ff;color:#06202a;border-radius:10px;transform:translateY(-160%)} .ags-skip-link:focus{transform:none} .ags-mobile-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;scrollbar-width:thin} .ags-home-banner-status{font-size:12px;color:#b1d1db;align-self:center;font-variant-numeric:tabular-nums} .ags-art-unavailable{position:relative!important;background:#102733!important} .ags-art-unavailable:after{content:"تصویر این محصول در دسترس نیست";position:absolute;inset:0;display:grid;place-items:center;padding:18px;color:#b8d2dc;font-size:12px;line-height:1.9;text-align:center;pointer-events:none} .ags-art-unavailable>img{visibility:hidden!important} @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html,html body.ags-mobile-ui{width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important} html body.ags-mobile-ui :is(#page,.site,#content,#primary,#main,main,.site-content,.site-main,.ags-page-content,.ags-site-footer){width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important} html body.ags-mobile-ui {--ags-touch-header:124px;--ags-touch-nav:76px;overflow-x:clip;padding-bottom:calc(var(--ags-touch-nav) + 14px)!important} html body.ags-mobile-ui :is(.ags-site-header,.ags-page-content,.ags-site-footer), html body.ags-mobile-ui :is(.ags-site-header,.ags-page-content,.ags-site-footer) *{box-sizing:border-box} html body.ags-mobile-ui [hidden]{display:none!important} html body.ags-mobile-ui :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #7fe9fb;outline-offset:3px} /* Header and safe-area navigation */ html body.ags-mobile-ui .ags-site-header, html body.ags-mobile-ui .ags-site-header.ags-header-hidden{position:sticky!important;top:0;inset-inline:0;width:100%;padding:10px 12px!important;margin:0!important;z-index:99990;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;border-radius:0!important;background:#071923!important;backdrop-filter:none!important;border-bottom:1px solid #25414e!important} html body.ags-mobile-ui .ags-site-header:before{display:none!important} html body.ags-mobile-ui.admin-bar .ags-site-header{top:var(--wp-admin--admin-bar--height,32px)} html body.ags-mobile-ui .ags-header-inner{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,44px);gap:10px 8px;width:100%;max-width:100%;min-height:0!important;margin:0;padding:0!important;align-items:center} html body.ags-mobile-ui.logged-in .ags-header-inner{grid-template-columns:minmax(0,1fr) repeat(4,44px)} html body.ags-mobile-ui .ags-header-inner>.ags-brand{grid-row:1;grid-column:1;min-width:0!important;gap:6px} html body.ags-mobile-ui .ags-site-header .ags-brand-mark{width:36px!important;height:40px!important;flex:0 0 36px} html body.ags-mobile-ui .ags-site-header .ags-brand-mark img{width:36px!important;height:40px!important;object-fit:contain} html body.ags-mobile-ui .ags-site-header .ags-brand-text{display:flex!important;min-width:0} html body.ags-mobile-ui .ags-site-header .ags-brand-text b{font-size:15px!important;letter-spacing:1px} html body.ags-mobile-ui .ags-site-header .ags-brand-text small{font-size:6px;letter-spacing:.8px} html body.ags-mobile-ui .ags-main-nav, html body.ags-mobile-ui .ags-site-header .ags-wishlist-header{display:none!important} html body.ags-mobile-ui .ags-header-actions{display:contents!important} html body.ags-mobile-ui .ags-site-header .ags-header-cart{grid-column:-4/-3;grid-row:1;display:grid!important} html body.ags-mobile-ui .ags-site-header .ags-account-avatar{grid-column:-3/-2;grid-row:1} html body.ags-mobile-ui .ags-header-actions>.ags-exp3-notifications{grid-column:-5/-4;grid-row:1;position:static} html body.ags-mobile-ui .ags-site-header :is(.ags-header-cart,.ags-account-avatar,.ags-exp3-notification-button){width:44px!important;height:44px!important;min-width:44px;margin:0!important;border-radius:12px!important} html body.ags-mobile-ui .ags-header-actions :is(.ags-exp3-search,.ags-header-search){display:block!important;grid-column:1/-1;grid-row:2;position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;height:auto} html body.ags-mobile-ui .ags-header-actions .ags-header-search, html body.ags-mobile-ui .ags-header-actions .ags-exp3-search form{display:flex!important;align-items:center;width:100%!important;height:46px!important;margin:0;border:1px solid #274450;border-radius:12px;background:#0b222e} html body.ags-mobile-ui .ags-header-actions :is(.ags-exp3-search,.ags-header-search) input{width:0;min-width:0!important;max-width:100%;flex:1;font-size:16px!important;height:44px!important;padding:0 12px!important} html body.ags-mobile-ui .ags-header-actions :is(.ags-exp3-search,.ags-header-search) input::placeholder{font-size:12px} html body.ags-mobile-ui .ags-header-actions :is(.ags-exp3-search,.ags-header-search) button{width:46px!important;min-width:46px;height:44px!important;flex:0 0 46px} html body.ags-mobile-ui .ags-exp3-search-results{width:100%!important;inset-inline:0!important;max-height:55dvh;overflow:auto;overscroll-behavior:contain} html body.ags-mobile-ui .ags-exp3-notification-panel{position:absolute!important;inset-inline:0!important;top:54px!important;width:100%!important;max-width:100%!important;max-height:60dvh;overflow:auto} html body.ags-mobile-ui .ags-phone-menu{display:block!important;position:relative;grid-column:-2/-1;grid-row:1;min-width:0} html body.ags-mobile-ui .ags-phone-menu summary{display:grid;place-items:center;width:44px;height:44px;padding:0;color:#d6f4fa;background:#102936;border:1px solid #2b4d59;border-radius:12px;cursor:pointer;list-style:none} html body.ags-mobile-ui .ags-phone-menu summary::-webkit-details-marker{display:none} html body.ags-mobile-ui .ags-phone-menu[open] summary{background:#164151;border-color:#5bd9eb} html body.ags-mobile-ui .ags-phone-menu>nav{position:absolute;inset-inline:auto 0;top:calc(100% + 10px);width:min(420px,calc(100vw - 24px));max-height:60dvh;overflow:auto;overscroll-behavior:contain;padding:16px;background:#0a202b;border:1px solid #2a4b58;border-radius:16px;box-shadow:0 18px 48px #0009;z-index:2} html body.ags-mobile-ui .ags-phone-menu>nav>strong{display:block;margin-bottom:12px;font-size:14px} html body.ags-mobile-ui .ags-phone-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} html body.ags-mobile-ui .ags-phone-menu-grid a{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:48px;padding:10px;color:#c1d9e3;font-size:12px;border-radius:10px;background:#102d3a;border:1px solid #214553;overflow-wrap:anywhere} html body.ags-mobile-ui .ags-phone-menu-grid a[aria-current=page]{background:#17475a;color:#92edfa;border-color:#46bdd0} html body.ags-mobile-ui .ags-mobile-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;position:fixed;inset-inline:0;bottom:0;margin:0;gap:3px;z-index:100000;padding:6px max(6px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px));border:0;border-top:1px solid #254551;border-radius:18px 18px 0 0;background:#071923;box-shadow:0 -6px 24px #0003;backdrop-filter:none} html body.ags-mobile-ui .ags-mobile-nav a{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-width:48px;min-height:54px;padding:4px 0;font-size:11px;line-height:1.5;color:#acc5d0;border-radius:10px;text-align:center;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation} html body.ags-mobile-ui .ags-mobile-nav a.is-active{color:#7ceaff;background:#143643} html body.ags-mobile-ui.ags-phone-keyboard .ags-mobile-nav{display:none!important} /* Page contract: local scrolling for tables, no page clipping. */ html body.ags-mobile-ui .ags-page-content{width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;padding:16px 12px 32px!important;min-height:55vh;overflow:visible!important} html body.ags-mobile-ui .ags-page-content>*, html body.ags-mobile-ui .ags-page-content :is(.ags-homepage-template-shell,.ags-games-page-shell,.ags-marketplace-page,.ags-game-single,.ags-gift-single,.ags-gift-page,.ags-sub-page,.ags-sub-single,.ags-tf2-page,.ags-wishlist-page,.ags-cart-page,.ags-account-dashboard-shell,.ags-search-route,.ags-exp-page){width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important;padding-inline:0!important} html body.ags-mobile-ui .ags-page-content :is(h1,h2,h3,h4,p,dt,dd,label){overflow-wrap:anywhere;word-break:normal;white-space:normal} html body.ags-mobile-ui .ags-page-content :is(input,select,textarea){max-width:100%;min-width:0;scroll-margin-block:calc(var(--ags-touch-header) + 16px) 100px} html body.ags-mobile-ui .ags-page-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px!important;min-height:46px} html body.ags-mobile-ui .ags-page-content :is(button,.ags-btn,.ags-home-btn,.ags-v4-btn,.button){touch-action:manipulation;white-space:normal;overflow-wrap:anywhere} html body.ags-mobile-ui .ags-page-content :is(.ags-products-table-wrap,.ags-ac-tablewrap,.ags-mobile-table-scroll){width:100%!important;max-width:100%!important;overflow:auto!important} html body.ags-mobile-ui .ags-page-content :is(.ags-game-single-hero,.ags-game-single-layout,.ags-dlc-results-layout,.ags-m2-sell-layout,.ags-m2-account-grid,.ags-item2-layout,.ags-item2-hero,.ags-gift-selector-grid,.ags-gift-single-card,.ags-sub-product-head,.ags-account-lower-grid,.ags-exp-grid-2,.ags-exp-wallet,.ags-tf2-actions,.ags-tf2-market-grid,.ags-tf2-flow-grid,.ags-co-grid,.ags-co-form-grid,.ags-cart-layout){display:grid;grid-template-columns:minmax(0,1fr)!important;min-width:0!important;gap:18px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-m2-listing-panel,.ags-dlc-sidebar,.ags-cart-side,.ags-item2-pricebox){position:static!important;min-width:0!important;max-width:100%!important;width:100%!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-grid,.ags-wishlist-grid,.ags-wishlist-grid-v2,.ags-home-game-preview-grid,.ags-shared-preview-grid,.ags-gift-product-grid,.ags-sub-v3-grid,.ags-exp3-result-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content :is(.ags-game-card,.ags-wish-card,.ags-gift-product,.ags-sub-v3-service-card){min-width:0!important;max-width:100%!important} html body.ags-mobile-ui .ags-page-content .ags-game-card .ags-game-image{width:100%!important;height:auto!important;aspect-ratio:16/10;min-height:0!important;position:relative!important;overflow:hidden} html body.ags-mobile-ui .ags-page-content .ags-game-card .ags-game-image>img{position:absolute!important;display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;inset:0!important} html body.ags-mobile-ui .ags-page-content .ags-game-card :is(.ags-game-body,.ags-game-title,.ags-game-meta,.ags-game-buy){min-width:0!important;max-width:100%!important;white-space:normal;overflow-wrap:anywhere} html body.ags-mobile-ui .ags-page-content :is(.ags-games-filter-primary,.ags-games-filter-grid,.ags-gift-toolbar form,.ags-m2-form-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-filter-primary,.ags-games-filter-grid,.ags-m2-form-grid)>*{min-width:0!important;max-width:100%!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-filter-actions,.ags-games-filter-footer,.ags-m2-sell-toolbar,.ags-tf2-inventory-refresh){display:flex;flex-wrap:wrap!important;gap:10px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-filter-actions,.ags-games-filter-footer) button{min-height:46px;flex:1} html body.ags-mobile-ui .ags-page-content :is(.ags-m2-tabs,.ags-market-category-tabs,.ags-dlc-filter-nav){display:flex!important;overflow:auto!important;gap:8px!important;max-width:100%;min-width:0;padding-bottom:8px;scrollbar-width:thin;overscroll-behavior-inline:contain} html body.ags-mobile-ui .ags-page-content :is(.ags-m2-tabs,.ags-market-category-tabs,.ags-dlc-filter-nav)>*{flex:0 0 auto!important;min-height:46px;white-space:nowrap} html body.ags-mobile-ui .ags-page-content :is(.ags-games-catalog-head,.ags-wishlist-hero,.ags-cart-hero,.ags-m2-hero,.ags-m2-sell-hero,.ags-gift-hero-3d,.ags-gift-platform-hero,.ags-sub-v3-hero,.ags-tf2-hero,.ags-tf2-hero-v2){display:block!important;padding:24px 18px!important;min-height:0!important;height:auto!important;border-radius:20px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-catalog-head,.ags-wishlist-hero,.ags-cart-hero,.ags-m2-hero,.ags-gift-hero-3d,.ags-sub-v3-hero,.ags-tf2-hero-v2) h1{font-size:clamp(26px,6vw,38px)!important;line-height:1.55!important} html body.ags-mobile-ui .ags-page-content :is(.ags-tf2-panel,.ags-tf2-rules,.ags-tf2-action-card,.ags-m2-listing-panel,.ags-m2-inventory-panel,.ags-co-card){padding:18px!important;border-radius:18px;min-width:0;max-width:100%} html body.ags-mobile-ui .ags-page-content :is(.ags-m2-hero-orbit,.ags-tf2-hero-visual){display:none!important} /* Active Core homepage: v2, not the dormant v4 fallback. */ html body.ags-mobile-ui .ags-page-content .ags-home-v2{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:radial-gradient(ellipse at 90% 10%,#10334355,transparent 55%)!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2:before, html body.ags-mobile-ui .ags-page-content .ags-home-v2:after{display:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero{display:block!important;position:relative;width:100%!important;min-height:0!important;height:auto!important;margin:0 0 28px!important;padding:32px 22px!important;border-radius:22px!important;overflow:hidden!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-bg{inset:0!important;width:100%!important;height:100%!important;background-position:center!important;background-size:cover!important;transform:none!important;opacity:.3!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content{display:flex!important;flex-direction:column;position:relative!important;inset:auto!important;align-items:flex-start!important;text-align:start!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-hero-visual,.ags-home-hero-signature-visual,.ags-home-noise){display:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero h1{position:relative!important;inset:auto!important;display:block!important;transform:none!important;font-size:clamp(28px,6.6vw,46px)!important;line-height:1.65!important;letter-spacing:0!important;margin:16px 0!important;width:100%!important;max-width:100%!important;min-width:0!important;direction:rtl!important;text-align:right!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero h1 :is(em,strong,span){display:inline!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero p{font-size:14px!important;line-height:2!important;max-width:100%!important;margin:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-kicker{font-size:10px!important;letter-spacing:1px!important;max-width:100%;overflow-wrap:anywhere} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:24px 0 0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-width:0!important;max-width:100%!important;min-height:48px!important;height:auto!important;padding:12px 16px!important;font-size:14px!important;line-height:1.9!important;white-space:normal!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-actions>a{width:100%!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-trust{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:10px 16px!important;margin-top:22px!important;font-size:11px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-trust>span{white-space:normal!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-section,.ags-home-banner-stage,.ags-home-custom,.ags-home-market-banner,.ags-home-final,.ags-home-support-grid){width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;margin:0 0 32px!important;padding:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 16px!important;min-width:0} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-section-head>*{min-width:0;max-width:100%} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-section-head h2,.ags-home-custom h2,.ags-home-market-banner h2,.ags-home-final h2){font-size:clamp(22px,4.8vw,30px)!important;line-height:1.6!important;letter-spacing:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-products-grid,.ags-home-discount-grid,.ags-home-sub-grid,.ags-home-live-market-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product,.ags-home-discount-card,.ags-home-sub-card,.ags-home-live-market-card){width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;transform:none!important;border-radius:18px!important;overflow:hidden} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-product-link{display:flex!important;flex-direction:column!important;height:100%;min-width:0} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product-media,.ags-home-discount-media){display:grid!important;place-items:center;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;padding:0!important;margin:0!important;overflow:hidden!important;border-radius:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product-media,.ags-home-discount-media)>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;transform:none!important;filter:none!important;border-radius:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-product-ags_gift .ags-home-product-media>img{object-fit:contain!important;padding:18px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product-body,.ags-home-discount-body){position:relative!important;inset:auto!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:16px!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-product-body{display:flex!important;flex:1;flex-direction:column;gap:10px} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product-body h3,.ags-home-discount-body h3,.ags-home-live-market-info h3){font-size:16px!important;line-height:1.8!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere;display:block!important;-webkit-line-clamp:unset!important;max-height:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product-meta,.ags-home-product-foot){display:flex!important;align-items:center;flex-wrap:wrap!important;gap:8px!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-product-foot{margin-top:auto!important;justify-content:space-between} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-product-foot strong{font-size:15px!important;white-space:normal;overflow-wrap:anywhere} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-product-media>span{position:absolute!important;inset:auto 12px 12px auto!important;max-width:calc(100% - 24px);font-size:11px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-category-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-category{display:flex!important;flex-direction:column;align-items:flex-start;position:relative;min-width:0!important;min-height:0!important;padding:16px!important;gap:10px!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-category h3{font-size:16px!important;line-height:1.7!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-category p{font-size:12px!important;line-height:1.8!important;max-width:100%!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-cat-art{position:relative!important;inset:auto!important;width:52px!important;height:52px!important;flex:none;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-sub-card{display:flex!important;flex-direction:column!important;padding:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-sub-art{display:grid!important;place-items:center!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10;padding:22px!important;transform:none!important;overflow:hidden} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-sub-art>img{position:absolute!important;inset:20px!important;display:block;width:calc(100% - 40px)!important;height:calc(100% - 40px)!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:none!important;filter:none!important;margin:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-sub-copy{position:relative!important;inset:auto!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:18px!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-sub-copy h3{font-size:22px!important;line-height:1.6!important;margin:8px 0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-sub-copy p{font-size:13px!important;line-height:1.9!important;max-height:none!important;white-space:normal!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-sub-copy>div{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-live-market-card{display:grid!important;grid-template-columns:80px minmax(0,1fr) 20px!important;gap:12px!important;padding:14px!important;align-items:center} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-live-market-art{position:relative!important;inset:auto!important;width:80px!important;height:80px!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-live-market-art>img{position:static!important;display:block;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;max-width:100%!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-live-market-info{min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-custom,.ags-home-market-banner,.ags-home-final){display:block!important;padding:24px 20px!important;border-radius:20px!important;overflow:hidden} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-custom-copy{width:100%!important;max-width:100%!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-custom-steps,.ags-home-support-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-custom-steps{margin-top:22px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-market-orbit{display:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-final>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} /* Tallest slide defines the stage height; inactive slides are inert, not removed. */ html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-slider{display:grid!important;grid-template-columns:minmax(0,1fr)!important;position:relative!important;min-height:0!important;height:auto!important;overflow:hidden;border-radius:20px} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-slide{display:flex!important;flex-direction:column!important;grid-area:1/1!important;position:relative!important;inset:auto!important;width:100%!important;min-height:0!important;height:auto!important;opacity:0!important;visibility:hidden;pointer-events:none;transform:none!important;background:#0a202b!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-slide.is-active{opacity:1!important;visibility:visible;pointer-events:auto} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-image{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;flex:none;background-size:cover!important;background-position:center!important;opacity:1!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-banner-shade,.ags-home-banner-grid,.ags-home-banner-glass){display:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-copy{position:relative!important;inset:auto!important;display:flex!important;flex:1;flex-direction:column;align-items:flex-start;width:100%!important;max-width:100%!important;min-width:0!important;padding:22px!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-copy h2{font-size:clamp(23px,5vw,32px)!important;line-height:1.7!important;letter-spacing:0!important;margin:10px 0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-copy p{font-size:14px!important;line-height:2!important;max-width:100%!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-copy .ags-home-btn{margin-top:auto!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-controls{position:static!important;display:flex!important;justify-content:flex-end;align-items:center;gap:10px;padding:12px 0!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-controls button{min-width:46px!important;min-height:46px!important;width:auto!important;height:auto!important;padding:8px 12px!important;border:1px solid #295060;border-radius:12px;background:#102d3a;color:#cbebf5} /* Region containers are not buttons. Native selects keep the original change events. */ html body.ags-mobile-ui .ags-page-content :is(.ags-game-single-main,.ags-game-buybox,.ags-gift-single-info,.ags-gift-selector-shell,.ags-gift-selector-stepbox,.ags-variant-details,.ags-variant-summary,.ags-selected-buy,.ags-variant-list){min-width:0!important;max-width:100%!important;width:100%!important} html body.ags-mobile-ui .ags-page-content :is(.ags-choice-grid,.ags-region-choice,.ags-edition-choice,.ags-delivery-choice){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important;overflow:visible!important} html body.ags-mobile-ui .ags-page-content :is(.ags-choice-button,.ags-platform-choice-button,.ags-region-choice-button,.ags-edition-choice-button,.ags-delivery-choice-button,.ags-variant-option,.ags-alt-variant){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:54px!important;height:auto!important;text-align:start!important;white-space:normal!important;overflow-wrap:anywhere;padding:12px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-choice-copy,.ags-choice-button>span){min-width:0!important;flex:1;white-space:normal!important;overflow-wrap:anywhere} html body.ags-mobile-ui .ags-page-content :is(.ags-choice-logo,.ags-region-choice-logo){display:grid!important;place-items:center;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;flex:0 0 32px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-choice-logo,.ags-region-choice-logo) img{width:28px!important;height:28px!important;max-width:28px!important;object-fit:contain!important} html body.ags-mobile-ui .ags-page-content .ags-game-single-art{width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important} html body.ags-mobile-ui .ags-page-content :is(.ags-game-single-art .ags-game-media-stage,.ags-gift-single-media){position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10;overflow:hidden} html body.ags-mobile-ui .ags-page-content :is(.ags-game-single-art .ags-game-media-stage,.ags-gift-single-media)>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important} html body.ags-mobile-ui .ags-sort-enhanced{display:block!important;position:relative!important;padding:0!important;max-width:100%!important} html body.ags-mobile-ui .ags-sort-enhanced :is(.ags-sort-title,.ags-sort-arrow,.ags-sort-menu), html body.ags-mobile-ui .ags-custom-select__trigger, html body.ags-mobile-ui [data-ags-select-menu]{display:none!important} html body.ags-mobile-ui .ags-sort-native, html body.ags-mobile-ui .ags-custom-select>select{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;clip:auto!important;clip-path:none!important;pointer-events:auto!important;width:100%!important;height:auto!important;min-height:46px!important;padding:10px 12px!important;color:#e3f3f9!important;background:#0c2633!important;border:1px solid #2b4b59!important;border-radius:12px!important;appearance:auto!important;transform:none!important} html body.ags-mobile-ui .select2-container{max-width:100%!important} html body.ags-mobile-ui .select2-dropdown{max-width:calc(100vw - 24px)!important;box-sizing:border-box} html body.ags-mobile-ui .select2-results__option{white-space:normal!important;overflow-wrap:anywhere;min-height:44px} /* Marketplace artwork stays in its own stage, including Dota items. */ html body.ags-mobile-ui .ags-page-content .ags-m2{width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;overflow:visible!important} html body.ags-mobile-ui .ags-page-content :is(.ags-m2-hero-copy,.ags-m2-marketbar,.ags-m2-catalog-head,.ags-m2-toolbar,.ags-m2-filters,.ags-m2-grid){min-width:0!important;max-width:100%!important;width:100%!important} html body.ags-mobile-ui .ags-page-content .ags-m2-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px;width:100%!important;margin-top:20px} html body.ags-mobile-ui .ags-page-content .ags-m2-hero-actions a{min-height:48px;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere} html body.ags-mobile-ui .ags-page-content .ags-m2-proof{display:flex!important;flex-wrap:wrap!important;gap:10px!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-m2-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,180px)!important;gap:12px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-filters{display:flex!important;flex-wrap:wrap!important;gap:10px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-card{min-width:0!important;max-width:100%!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-m2-card .ags-m2-art{display:grid!important;place-items:center;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3;overflow:hidden} html body.ags-mobile-ui .ags-page-content .ags-m2-card .ags-m2-art>img{position:absolute!important;inset:8%!important;width:84%!important;height:84%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;margin:0!important} html body.ags-mobile-ui .ags-page-content .ags-m2-card-body{min-width:0!important;padding:16px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-card-body :is(h3,strong){white-space:normal!important;overflow-wrap:anywhere} html body.ags-mobile-ui .ags-page-content .ags-market-inv-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px} /* Cart, checkout and account */ html body.ags-mobile-ui .ags-page-content .ags-cart-item{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:14px;padding:16px!important;min-width:0} html body.ags-mobile-ui .ags-page-content .ags-cart-thumb{width:96px!important;height:96px!important;aspect-ratio:1;overflow:hidden;border-radius:12px} html body.ags-mobile-ui .ags-page-content .ags-cart-thumb img{width:100%!important;height:100%!important;object-fit:cover!important} html body.ags-mobile-ui .ags-page-content .ags-cart-item-info{min-width:0!important;width:100%!important} html body.ags-mobile-ui .ags-page-content .ags-cart-item-top{align-items:flex-start;gap:10px;min-width:0} html body.ags-mobile-ui .ags-page-content .ags-cart-item-top h3{font-size:16px!important;line-height:1.8;white-space:normal!important} html body.ags-mobile-ui .ags-page-content :is(.ags-cart-item-bottom,.ags-cart-meta,.ags-checkout-coupon-row,.ags-cart-update-row){display:flex!important;flex-wrap:wrap!important;gap:12px;min-width:0;max-width:100%;justify-content:space-between} html body.ags-mobile-ui .ags-page-content .ags-cart-qty-control{display:flex;direction:ltr;max-width:180px;min-width:144px} html body.ags-mobile-ui .ags-page-content .ags-cart-qty-control button{width:44px!important;min-width:44px;min-height:44px!important} html body.ags-mobile-ui .ags-page-content .ags-cart-qty-control input{width:56px!important;min-width:0!important;flex:1} html body.ags-mobile-ui .ags-page-content .ags-cart-remove{min-width:44px;min-height:44px} html body.ags-mobile-ui .ags-checkout-coupon-row :is(input,button){flex:1 1 140px;width:auto!important} html body.ags-mobile-ui form.checkout{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important;max-width:100%!important;padding:0!important} html body.ags-mobile-ui form.checkout>*, html body.ags-mobile-ui #customer_details :is(.col-1,.col-2){width:100%!important;min-width:0!important;max-width:100%!important;float:none!important;margin:0!important;flex:auto} html body.ags-mobile-ui :is(#customer_details,#order_review){padding:18px!important;position:static!important} html body.ags-mobile-ui .woocommerce-billing-fields__field-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px} html body.ags-mobile-ui form.checkout .form-row{width:100%!important;float:none!important;min-width:0;margin-inline:0!important} html body.ags-mobile-ui #order_review table.shop_table tbody tr.cart_item{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:14px!important} html body.ags-mobile-ui #order_review .product-name{display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;width:100%!important;padding:0!important;min-width:0!important;gap:12px} html body.ags-mobile-ui #order_review .ags-checkout-item-copy{flex:1 1 140px!important;min-width:0!important;width:auto!important} html body.ags-mobile-ui #order_review dl.variation{display:grid!important;grid-template-columns:minmax(70px,.65fr) minmax(0,1fr)!important;width:100%!important;gap:6px!important;margin:8px 0!important} html body.ags-mobile-ui #order_review dl.variation :is(dt,dd){font-size:12px!important;line-height:1.8!important;word-break:normal!important;overflow-wrap:anywhere!important;margin:0!important} html body.ags-mobile-ui #order_review .product-total{width:100%!important;padding:8px 0 0!important;text-align:end!important;font-size:15px!important;border-top:1px solid #1a3b48!important} html body.ags-mobile-ui #payment{padding:0!important} html body.ags-mobile-ui #payment .wc_payment_method>label{font-size:13px!important;line-height:1.9!important;min-height:48px;overflow-wrap:anywhere} html body.ags-mobile-ui #place_order{width:100%!important;min-height:52px!important;font-size:15px!important} html body.ags-mobile-ui .ags-checkout-hero{display:block!important;padding:22px 18px!important} html body.ags-mobile-ui .ags-checkout-trust{min-width:0!important;margin-top:16px} html body.ags-mobile-ui .woocommerce-order-details table.order_details tbody tr{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:14px!important} html body.ags-mobile-ui .woocommerce-order-details table.order_details tfoot tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important} html body.ags-mobile-ui .woocommerce-order-overview{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:0!important} html body.ags-mobile-ui .woocommerce-order-overview li{width:100%!important;min-width:0!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere} html body.ags-mobile-ui .ags-order-confirmation-link{margin-inline-start:0!important;width:100%;text-align:center;min-height:44px} html body.ags-mobile-ui #ags-account-center .ags-ac-wrap{grid-template-columns:minmax(0,1fr)!important;padding:0!important;gap:16px!important;min-width:0} html body.ags-mobile-ui #ags-account-center .ags-ac-sidebar{position:static!important;min-height:0!important;padding:14px!important} html body.ags-mobile-ui #ags-account-center .ags-ac-sidebar nav{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow:auto!important;max-width:100%;padding-bottom:8px;scrollbar-width:thin} html body.ags-mobile-ui #ags-account-center .ags-ac-sidebar nav a{flex:0 0 auto;min-height:44px;padding:10px 14px!important;white-space:nowrap} html body.ags-mobile-ui #ags-account-center :is(.ags-ac-main,.ags-ac-panel,.ags-ac-card){min-width:0!important;max-width:100%!important} html body.ags-mobile-ui #ags-account-center :is(.ags-ac-stats,.ags-ac-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} html body.ags-mobile-ui :is(.ags-auth-card,.ags-auth-panel,.ags-auth-shell){max-width:100%!important;min-width:0!important} html body.ags-mobile-ui :is(.ags-modal-dialog,.ags-modal-card,.ags-tf2-modal-box){width:calc(100% - 24px)!important;max-width:560px!important;max-height:calc(100dvh - 32px)!important;overflow:auto;overscroll-behavior:contain;margin:16px auto!important} /* Footer and alerts */ html body.ags-mobile-ui .ags-site-footer{margin:0!important;width:100%;max-width:none} html body.ags-mobile-ui .ags-footer-top{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:28px 18px!important} html body.ags-mobile-ui .ags-footer-top>*{min-width:0} html body.ags-mobile-ui .ags-footer-brand{grid-column:1/-1;padding:0!important} html body.ags-mobile-ui .ags-footer-top a{font-size:12px;min-height:40px;display:flex;align-items:center;line-height:1.8} html body.ags-mobile-ui .ags-site-footer>.ags-enamad-wrap{position:static!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0 auto!important;padding:16px 18px!important} html body.ags-mobile-ui .ags-site-footer>.ags-enamad-wrap a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:100%!important;margin:0 auto!important} html body.ags-mobile-ui .ags-site-footer>.ags-enamad-wrap img{width:auto!important;height:auto!important;max-width:min(125px,calc(100vw - 36px))!important;max-height:none!important;opacity:1!important} html body.ags-mobile-ui .ags-footer-bottom{gap:12px;flex-wrap:wrap;padding:16px 18px!important;line-height:1.8} html body.ags-mobile-ui :is(#ags-global-toast-stack,.ags-toast-container){position:fixed!important;inset-inline:auto!important;left:50%!important;right:auto!important;top:calc(var(--ags-touch-header,67px) + env(safe-area-inset-top,0px) + 10px)!important;bottom:auto!important;transform:translateX(-50%)!important;width:min(560px,calc(100vw - 24px))!important;max-width:none!important;max-height:calc(100dvh - var(--ags-touch-header,67px) - var(--ags-touch-nav,67px) - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:2147483647!important} html body.ags-mobile-ui .ags-global-toast{max-width:100%;min-width:0;overflow-wrap:anywhere} html body.ags-mobile-ui .ags-global-toast-close{width:44px!important;height:44px!important;flex:0 0 44px} } @media(max-width:782px),(max-device-width:782px){html body.ags-mobile-ui.admin-bar #wpadminbar{position:fixed}html body.ags-mobile-ui.admin-bar .ags-site-header{top:46px!important}} @media(max-width:782px),(max-device-width:782px){html body.ags-mobile-ui.admin-bar :is(#ags-global-toast-stack,.ags-toast-container){top:calc(var(--ags-touch-header,67px) + 46px + env(safe-area-inset-top,0px) + 8px)!important}} @media(max-width:599px),(max-device-width:599px){ html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-products-grid,.ags-home-discount-grid,.ags-home-sub-grid,.ags-home-live-market-grid,.ags-home-custom-steps,.ags-home-support-grid,.ags-home-hero-actions){grid-template-columns:minmax(0,1fr)!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero{padding:28px 20px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-grid,.ags-wishlist-grid,.ags-wishlist-grid-v2,.ags-home-game-preview-grid,.ags-shared-preview-grid,.ags-gift-product-grid,.ags-sub-v3-grid,.ags-exp3-result-grid,.ags-choice-grid,.ags-region-choice,.ags-edition-choice,.ags-delivery-choice,.ags-m2-grid,.ags-m2-toolbar,.ags-games-filter-primary,.ags-games-filter-grid,.ags-gift-toolbar form,.ags-m2-form-grid,.ags-tf2-stats,.ags-sub-v3-featured-grid,.ags-gift-platform-buybar,.ags-co-form-grid,.ags-exp-form-grid,.ags-ac-form-grid){grid-template-columns:minmax(0,1fr)!important} html body.ags-mobile-ui .ags-page-content .ags-m2-toolbar .ags-m2-search{grid-column:1!important} html body.ags-mobile-ui .ags-page-content .ags-m2-hero-actions a{width:100%!important;justify-content:space-between} html body.ags-mobile-ui .ags-page-content .ags-market-inv-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} html body.ags-mobile-ui .ags-page-content .ags-cart-item, html body.ags-mobile-ui .woocommerce-order-overview{grid-template-columns:minmax(0,1fr)!important} } @media(max-width:380px),(max-device-width:380px){html body.ags-mobile-ui.logged-in .ags-site-header .ags-brand-text{display:none!important} html body.ags-mobile-ui .ags-mobile-nav a{font-size:10px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-category{padding:12px!important} html body.ags-mobile-ui #ags-account-center :is(.ags-ac-stats,.ags-ac-grid){grid-template-columns:minmax(0,1fr)!important} } @media(prefers-reduced-motion:reduce){.ags-home-banner-slide,.ags-site-header,.ags-home-product,.ags-home-category{transition:none!important;animation:none!important}} /* Mobile surface has no decorative layer that is allowed to expand the layout. The old layers were the source of the 240px category/card overflow. */ @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-home-v2, html body.ags-mobile-ui .ags-home-v2 *{min-width:0} html body.ags-mobile-ui .ags-home-v2:before, html body.ags-mobile-ui .ags-home-v2:after, html body.ags-mobile-ui .ags-home-v2 :is(.ags-home-category,.ags-home-product,.ags-home-product-media,.ags-home-btn,.ags-home-sub-art,.ags-home-live-market-art,.ags-home-banner-slide,.ags-home-banner-copy):before, html body.ags-mobile-ui .ags-home-v2 :is(.ags-home-category,.ags-home-product,.ags-home-product-media,.ags-home-btn,.ags-home-sub-art,.ags-home-live-market-art,.ags-home-banner-slide,.ags-home-banner-copy):after{content:none!important;display:none!important} } /* Compact the whole mobile storefront without shrinking tap targets or page zoom. */ @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content{font-size:14px!important;padding:12px 10px 28px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-game-single-main,.ags-game-buybox,.ags-gift-single-info,.ags-gift-selector-shell,.ags-gift-selector-stepbox,.ags-variant-details,.ags-variant-summary,.ags-selected-buy,.ags-variant-list,.ags-tf2-panel,.ags-tf2-rules,.ags-tf2-action-card,.ags-m2-listing-panel,.ags-m2-inventory-panel,.ags-co-card,.ags-m2-card-body,.ags-cart-item,#customer_details,#order_review,.ags-ac-sidebar){padding:14px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-game-single-layout,.ags-dlc-results-layout,.ags-m2-sell-layout,.ags-m2-account-grid,.ags-item2-layout,.ags-gift-selector-grid,.ags-gift-single-card,.ags-sub-product-head,.ags-account-lower-grid,.ags-exp-grid-2,.ags-exp-wallet,.ags-tf2-actions,.ags-tf2-market-grid,.ags-tf2-flow-grid,.ags-co-grid,.ags-co-form-grid,.ags-cart-layout,.ags-games-grid,.ags-wishlist-grid,.ags-gift-product-grid,.ags-sub-v3-grid,.ags-m2-grid,.ags-choice-grid,.ags-region-choice,.ags-edition-choice,.ags-delivery-choice){gap:12px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-catalog-head,.ags-wishlist-hero,.ags-cart-hero,.ags-m2-hero,.ags-m2-sell-hero,.ags-gift-hero-3d,.ags-gift-platform-hero,.ags-sub-v3-hero,.ags-tf2-hero,.ags-tf2-hero-v2,.ags-checkout-hero){padding:18px 14px!important;border-radius:16px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-catalog-head,.ags-wishlist-hero,.ags-cart-hero,.ags-m2-hero,.ags-gift-hero-3d,.ags-sub-v3-hero,.ags-tf2-hero-v2) h1{font-size:clamp(23px,5.6vw,32px)!important;line-height:1.5!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-grid,.ags-wishlist-grid,.ags-wishlist-grid-v2,.ags-home-game-preview-grid,.ags-shared-preview-grid,.ags-gift-product-grid,.ags-sub-v3-grid,.ags-exp3-result-grid,.ags-m2-grid,.ags-home-products-grid,.ags-home-discount-grid,.ags-home-sub-grid,.ags-home-live-market-grid){gap:12px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-game-card,.ags-wish-card,.ags-gift-product,.ags-sub-v3-service-card,.ags-m2-card){border-radius:14px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-choice-button,.ags-platform-choice-button,.ags-region-choice-button,.ags-edition-choice-button,.ags-delivery-choice-button,.ags-variant-option,.ags-alt-variant,.ags-m2-hero-actions a){min-height:46px!important;padding:10px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-modal-dialog,.ags-modal-card,.ags-tf2-modal-box){width:calc(100% - 20px)!important;margin:10px auto!important} html body.ags-mobile-ui .ags-footer-top{gap:16px!important;padding:20px 14px!important} html body.ags-mobile-ui .ags-footer-bottom{padding:14px!important} } /* Portrait phones use shorter sections and calmer type while preserving 44px controls. */ @media(max-width:599px),(max-device-width:599px){ html body.ags-mobile-ui .ags-page-content :is(h1,h2,h3,h4){line-height:1.5!important} html body.ags-mobile-ui .ags-page-content :is(p,li,dd,.description,.woocommerce-info,.woocommerce-message){font-size:13px!important;line-height:1.8!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero{padding:22px 16px!important;margin-bottom:22px!important;border-radius:18px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero h1{font-size:clamp(23px,7vw,32px)!important;line-height:1.55!important;margin:12px 0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero p{font-size:13px!important;line-height:1.8!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-actions{gap:8px!important;margin-top:16px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-btn{min-height:44px!important;padding:10px 12px!important;font-size:13px!important;line-height:1.7!important;gap:8px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-trust{gap:8px 12px!important;margin-top:14px!important;font-size:10px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-section,.ags-home-banner-stage,.ags-home-custom,.ags-home-market-banner,.ags-home-final,.ags-home-support-grid){margin-bottom:24px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-section-head{gap:8px!important;margin-bottom:12px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-section-head h2,.ags-home-custom h2,.ags-home-market-banner h2,.ags-home-final h2){font-size:clamp(19px,5.6vw,25px)!important;line-height:1.5!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-products-grid,.ags-home-discount-grid,.ags-home-sub-grid,.ags-home-live-market-grid,.ags-home-custom-steps,.ags-home-support-grid){gap:10px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product,.ags-home-discount-card,.ags-home-sub-card,.ags-home-live-market-card,.ags-home-category){border-radius:14px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product-body,.ags-home-discount-body,.ags-home-sub-copy,.ags-home-banner-copy){padding:12px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product-body h3,.ags-home-discount-body h3,.ags-home-live-market-info h3,.ags-home-category h3){font-size:14px!important;line-height:1.65!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-product-body{gap:7px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-product-foot strong{font-size:13px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-category{padding:11px!important;gap:7px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-cat-art{width:42px!important;height:42px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-sub-copy h3{font-size:18px!important;margin:4px 0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-live-market-card{grid-template-columns:56px minmax(0,1fr) 16px!important;gap:9px!important;padding:10px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-live-market-art{width:56px!important;height:56px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-custom,.ags-home-market-banner,.ags-home-final){padding:16px 14px!important;border-radius:16px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-custom-steps{margin-top:14px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-slider{border-radius:16px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-image{aspect-ratio:16/10!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-copy h2{font-size:clamp(19px,5.6vw,25px)!important;margin:6px 0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-controls button{min-width:44px!important;min-height:44px!important} html body.ags-mobile-ui .ags-page-content .ags-cart-item{grid-template-columns:72px minmax(0,1fr)!important;gap:10px!important;padding:12px!important} html body.ags-mobile-ui .ags-page-content .ags-cart-thumb{width:72px!important;height:72px!important} html body.ags-mobile-ui form.checkout{gap:12px!important} html body.ags-mobile-ui :is(#customer_details,#order_review){padding:14px!important} html body.ags-mobile-ui .ags-page-content .ags-ac-wrap{gap:12px!important} html body.ags-mobile-ui #ags-account-center .ags-ac-sidebar{padding:10px!important} html body.ags-mobile-ui #ags-account-center .ags-ac-sidebar nav a{min-height:44px!important;padding:8px 10px!important} } /* Primary touch devices keep a compact full-width layout even when browser zoom changes the CSS viewport and would otherwise select desktop width rules. */ @media(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content{font-size:13px!important;padding:12px 10px 28px!important} html body.ags-mobile-ui .ags-page-content :is(h1,h2,h3,h4){line-height:1.5!important} html body.ags-mobile-ui .ags-page-content h1{font-size:clamp(21px,5.2vw,30px)!important} html body.ags-mobile-ui .ags-page-content h2{font-size:clamp(18px,4.8vw,24px)!important} html body.ags-mobile-ui .ags-page-content h3{font-size:15px!important} html body.ags-mobile-ui .ags-page-content :is(p,li,dd,label){font-size:13px!important;line-height:1.8!important} html body.ags-mobile-ui .ags-page-content :is(.ags-card,.ags-panel,.ags-market-card,.ags-exp-panel,.ags-co-card,.ags-product-card,.ags-game-card,.ags-m2-card,.ags-tf2-panel,.ags-gift-product,.ags-sub-v3-service-card){border-radius:14px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-co-submit,.ags-co-card,.ags-tf2-panel,.ags-tf2-rules,.ags-tf2-action-card,.ags-m2-listing-panel,.ags-m2-inventory-panel,.ags-m2-card-body,.ags-cart-item,#customer_details,#order_review,.ags-ac-sidebar){padding:12px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero{padding:20px 14px!important;margin-bottom:20px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero h1{font-size:clamp(20px,5.2vw,29px)!important;line-height:1.5!important;margin:10px 0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-section,.ags-home-banner-stage,.ags-home-custom,.ags-home-market-banner,.ags-home-final,.ags-home-support-grid){margin-bottom:20px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-section-head h2,.ags-home-custom h2,.ags-home-market-banner h2,.ags-home-final h2){font-size:clamp(18px,4.8vw,23px)!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product-body h3,.ags-home-discount-body h3,.ags-home-live-market-info h3,.ags-home-category h3){font-size:13px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product-body,.ags-home-discount-body,.ags-home-sub-copy,.ags-home-banner-copy){padding:10px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-catalog-head,.ags-wishlist-hero,.ags-cart-hero,.ags-m2-hero,.ags-gift-hero-3d,.ags-gift-platform-hero,.ags-sub-v3-hero,.ags-tf2-hero,.ags-tf2-hero-v2,.ags-checkout-hero){padding:16px 12px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-catalog-head,.ags-wishlist-hero,.ags-cart-hero,.ags-m2-hero,.ags-gift-hero-3d,.ags-sub-v3-hero,.ags-tf2-hero-v2) h1{font-size:clamp(21px,5.2vw,29px)!important} html body.ags-mobile-ui .ags-page-content .ags-co-submit{min-height:0!important} html body.ags-mobile-ui .ags-page-content .ags-co-submit>button{min-width:0!important;min-height:44px!important;width:100%!important} } /* ALEF 4.9.1 — mobile width, zoom and density correction. The previous homepage shell used an 800px centered pseudo element. It created real document overflow, which made zoom-out appear as a blank side. */ html body.ags-mobile-ui .ags-homepage-template-shell:before, html body.ags-mobile-ui .ags-homepage-template-shell:after{content:none!important;display:none!important} html body.ags-mobile-ui .ags-homepage-template-shell{background-image:none!important} html body.ags-mobile-ui .ags-site-footer:before{content:none!important;display:none!important} @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html,html body.ags-mobile-ui{width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important;overflow-x:clip!important} html body.ags-mobile-ui :is(#page,.site,#content,#primary,#main,main,.site-content,.site-main,.ags-page-content,.ags-site-footer,.ags-homepage-template-shell,.ags-home-v2,.ags-home-v4,.ags-marketplace-page,#ags-account-center){width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important;box-sizing:border-box!important} html body.ags-mobile-ui .ags-page-content, html body.ags-mobile-ui .ags-page-content *{box-sizing:border-box!important;min-width:0} html body.ags-mobile-ui .ags-page-content :is(img,video,canvas,svg,iframe){max-width:100%!important} html body.ags-mobile-ui .ags-page-content :is(h1,h2,h3,h4,p,li,dt,dd,label,legend,button,a,th,td){max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal} html body.ags-mobile-ui .ags-page-content h1{font-size:clamp(20px,5.2vw,28px)!important;line-height:1.5!important;letter-spacing:0!important} html body.ags-mobile-ui .ags-page-content h2{font-size:clamp(18px,4.6vw,24px)!important;line-height:1.55!important;letter-spacing:0!important} html body.ags-mobile-ui .ags-page-content h3{font-size:14px!important;line-height:1.65!important} html body.ags-mobile-ui .ags-page-content :is(p,li,dt,dd,label,legend){font-size:13px!important;line-height:1.8!important} /* Keep the two main actions and product tiles compact on usable phone widths. */ html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero{padding:20px 14px!important;margin-bottom:18px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero h1{font-size:clamp(21px,5.6vw,29px)!important;line-height:1.5!important;margin:10px 0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:16px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-btn{min-height:44px!important;padding:9px 10px!important;font-size:12px!important;line-height:1.65!important;gap:6px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-products-grid,.ags-home-discount-grid,.ags-home-sub-grid,.ags-home-custom-steps,.ags-home-support-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product-body,.ags-home-discount-body,.ags-home-sub-copy,.ags-home-banner-copy){padding:10px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-product-body h3,.ags-home-discount-body h3,.ags-home-sub-copy h3,.ags-home-live-market-info h3,.ags-home-category h3){font-size:13px!important;line-height:1.65!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-section-head{gap:8px!important;margin-bottom:10px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-section,.ags-home-banner-stage,.ags-home-custom,.ags-home-market-banner,.ags-home-final,.ags-home-support-grid){margin-bottom:18px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-grid,.ags-wishlist-grid,.ags-wishlist-grid-v2,.ags-home-game-preview-grid,.ags-shared-preview-grid,.ags-gift-product-grid,.ags-sub-v3-grid,.ags-exp3-result-grid,.ags-m2-grid,.ags-market-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-game-card,.ags-wish-card,.ags-gift-product,.ags-sub-v3-service-card,.ags-m2-card){min-width:0!important;max-width:100%!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-m2-card-body{padding:10px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-m2-card h3,.ags-game-card h3,.ags-wish-card h3,.ags-gift-product h3){font-size:13px!important;line-height:1.6!important;overflow-wrap:anywhere} html body.ags-mobile-ui .ags-page-content :is(.ags-m2-card strong,.ags-game-card strong,.ags-wish-card strong,.ags-gift-product strong){font-size:12px!important;overflow-wrap:anywhere} html body.ags-mobile-ui .ags-page-content :is(.ags-choice-grid,.ags-region-choice,.ags-edition-choice,.ags-delivery-choice,.ags-games-filter-primary,.ags-games-filter-grid,.ags-m2-form-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-choice-button,.ags-platform-choice-button,.ags-region-choice-button,.ags-edition-choice-button,.ags-delivery-choice-button,.ags-variant-option,.ags-alt-variant){min-height:44px!important;padding:8px!important;font-size:12px!important;line-height:1.6!important} html body.ags-mobile-ui #ags-account-center :is(.ags-ac-stats,.ags-ac-grid,.ags-ac-stat-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} html body.ags-mobile-ui #ags-account-center .ags-ac-wrap{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:0!important} html body.ags-mobile-ui #ags-account-center :is(.ags-ac-main,.ags-ac-panel,.ags-ac-card,.ags-ac-sidebar){min-width:0!important;max-width:100%!important;padding:12px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-modal-dialog,.ags-modal-card,.ags-tf2-modal-box,.ags-phone-menu>nav){width:calc(100% - 20px)!important;max-width:560px!important;box-sizing:border-box!important} } @media(max-width:359px),(max-device-width:359px){ html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-products-grid,.ags-home-discount-grid,.ags-home-sub-grid,.ags-home-custom-steps,.ags-home-support-grid,.ags-home-hero-actions), html body.ags-mobile-ui .ags-page-content :is(.ags-games-grid,.ags-wishlist-grid,.ags-wishlist-grid-v2,.ags-gift-product-grid,.ags-sub-v3-grid,.ags-exp3-result-grid,.ags-m2-grid,.ags-choice-grid,.ags-region-choice,.ags-edition-choice,.ags-delivery-choice), html body.ags-mobile-ui #ags-account-center :is(.ags-ac-stats,.ags-ac-grid,.ags-ac-stat-grid){grid-template-columns:minmax(0,1fr)!important} } /* Marketplace phone layout: show filters instead of clipping the category names. */ @media(max-width:599px),(max-device-width:599px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-tabs, html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-market-category-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:8px!important;padding:0!important;margin:12px 0!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-tabs>* , html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-market-category-tabs>*{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:44px!important;padding:8px!important;white-space:normal!important;text-align:center!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-tabs>:nth-child(5):last-child{grid-column:1/-1!important;justify-self:center!important;width:calc(50% - 4px)!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-hero-copy>h1{margin:0 0 7px!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-hero-copy>p{margin:0!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:14px 0 0!important;width:100%!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-hero-actions>a{width:auto!important;min-width:0!important;min-height:44px!important;padding:9px!important;font-size:12px!important;line-height:1.6!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-proof{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:12px 0 0!important;min-height:0!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-card .ags-m2-art{aspect-ratio:4/3!important;height:auto!important;min-height:0!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-card-body{padding:10px!important} } /* ALEF 4.9.2 — final phone polish for the home page and marketplace controls. */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content{width:100%!important;max-width:100%!important;min-width:0!important;text-align:center!important;margin-inline:auto!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-kicker{display:block!important;width:100%!important;text-align:center!important;margin-inline:auto!important;overflow-wrap:anywhere!important;letter-spacing:.1em!important;font-size:clamp(9px,2.8vw,12px)!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content h1{max-width:100%!important;font-size:clamp(24px,7vw,36px)!important;line-height:1.55!important;overflow-wrap:anywhere!important;word-break:normal!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content p{max-width:100%!important;font-size:13px!important;line-height:1.9!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-category{display:grid!important;grid-template-columns:46px minmax(0,1fr) 20px!important;align-items:center!important;gap:9px!important;min-width:0!important;padding:11px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-category>.ags-home-cat-art{grid-column:1!important;grid-row:1!important;width:42px!important;height:42px!important;min-width:42px!important;margin:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-category>div{grid-column:2!important;grid-row:1!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-category>b{grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:center!important;margin:0!important;font-size:18px!important;line-height:1!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-category p{margin-bottom:0!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-custom{min-width:0!important;overflow:hidden!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-custom :is(h2,p,a){max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-custom a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;line-height:1.6!important;padding:10px 12px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-cta-row{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:9px!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-controls{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;min-width:0!important;margin:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-banner-controls :is(button,.ags-home-banner-status){position:static!important;min-width:34px!important;min-height:34px!important;margin:0!important;padding:5px 8px!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"account cs2" "dota2 rust"!important;gap:8px!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-tabs>[data-filter="account"]{grid-area:account!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-tabs>[data-filter="cs2"]{grid-area:cs2!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-tabs>[data-filter="dota2"]{grid-area:dota2!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-tabs>[data-filter="rust"]{grid-area:rust!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-tabs>[data-filter="account"]:after{content:"خرید و فروش اکانت";display:block!important;width:100%!important;margin-top:3px!important;font-size:10px!important;line-height:1.5!important;color:#94adba!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(105px,.7fr)!important;gap:8px!important;align-items:stretch!important;padding:10px!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-toolbar .ags-m2-search{grid-column:1/-1!important;width:100%!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-toolbar .ags-m2-select{min-width:0!important;width:100%!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-filter-toggle{grid-column:1/-1!important;width:100%!important;min-height:42px!important;margin:0!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:10px!important;margin-top:8px!important;border:1px solid rgba(111,183,208,.18)!important;border-radius:14px!important;background:rgba(6,18,27,.96)!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-filters>label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;min-width:0!important;margin:0!important;font-size:11px!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-filters select{width:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;padding-inline:9px!important;font-size:11px!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-dota-filters{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-marketplace-page .ags-m2 .ags-m2-dota-filters[hidden]{display:none!important} } /* Customer dashboard tables become readable cards on phones. */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui #ags-account-center .ags-ac-tablewrap{width:100%!important;max-width:100%!important;overflow:visible!important} html body.ags-mobile-ui #ags-account-center .ags-custom-select>select{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;clip:auto!important;clip-path:none!important;pointer-events:auto!important;width:100%!important;height:auto!important;min-height:46px!important;padding:10px 12px!important;color:#e3f3f9!important;background:#0c2633!important;border:1px solid #2b4b59!important;border-radius:12px!important;appearance:auto!important;transform:none!important} html body.ags-mobile-ui #ags-account-center .ags-ac-table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;border-collapse:separate!important;border-spacing:0!important} html body.ags-mobile-ui #ags-account-center .ags-ac-table thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important} html body.ags-mobile-ui #ags-account-center .ags-ac-table tbody{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;width:100%!important} html body.ags-mobile-ui #ags-account-center .ags-ac-table tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-width:0!important;width:100%!important;margin:0!important;padding:7px 10px!important;border:1px solid rgba(101,210,243,.10)!important;border-radius:13px!important;background:linear-gradient(145deg,#0a1823,#061019)!important} html body.ags-mobile-ui #ags-account-center .ags-ac-table tbody td{display:grid!important;grid-template-columns:minmax(64px,.42fr) minmax(0,1fr)!important;align-items:start!important;gap:8px!important;width:100%!important;min-width:0!important;padding:8px 2px!important;border:0!important;text-align:right!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.75!important} html body.ags-mobile-ui #ags-account-center .ags-ac-table tbody td:before{content:attr(data-ags-mobile-label);min-width:0!important;color:#6f93a2!important;font:800 10px/1.8 Tahoma,Arial,sans-serif!important} html body.ags-mobile-ui #ags-account-center .ags-ac-table tbody td:empty{display:none!important} html body.ags-mobile-ui #ags-account-center .ags-ac-table tbody td :is(a,small,strong,span){max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important} } /* Anchor the expandable mobile menu to the viewport so it never hangs past the right edge when the browser zoom or scrollbar changes the CSS width. */ @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-phone-menu>nav{position:fixed!important;top:calc(var(--ags-touch-header,110px) + env(safe-area-inset-top) + 8px)!important;inset-inline:12px!important;width:auto!important;max-width:min(420px,calc(100vw - 24px))!important;margin-inline:auto!important} html body.ags-mobile-ui #ags-account-center .ags-custom-select>select{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;clip:auto!important;clip-path:none!important;pointer-events:auto!important;width:100%!important;height:auto!important;min-height:46px!important;padding:10px 12px!important;appearance:auto!important;transform:none!important} } /* ALEF mobile zoom-safe homepage typography: 2026-10-04 */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui :is(.ags-homepage-template-shell,.ags-page-content .ags-home-v2,.ags-page-content .ags-home-v4){width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important;box-sizing:border-box!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content{width:100%!important;max-width:100%!important;min-width:0!important;padding-inline:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content h1, html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content h1 :is(em,strong,span,b){max-width:100%!important;font-size:clamp(22px,6.2vw,31px)!important;line-height:1.42!important;letter-spacing:normal!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important} html body.ags-mobile-ui .ags-page-content .ags-home-v4 .ags-v4-hero{grid-template-columns:minmax(0,1fr)!important;min-height:0!important;padding:clamp(22px,6vw,34px) clamp(14px,4vw,22px)!important} html body.ags-mobile-ui .ags-page-content .ags-home-v4 .ags-v4-hero-visual{display:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v4 .ags-v4-hero-copy{width:100%!important;max-width:100%!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-home-v4 .ags-v4-hero h1, html body.ags-mobile-ui .ags-page-content .ags-home-v4 .ags-v4-hero h1 :is(em,strong,span,b){max-width:100%!important;font-size:clamp(22px,6.2vw,31px)!important;line-height:1.42!important;letter-spacing:normal!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important} html body.ags-mobile-ui .ags-page-content .ags-home-v4 :is(.ags-v4-category-grid,.ags-v4-game-grid,.ags-v4-market-grid,.ags-v4-feature-grid,.ags-v4-trust-grid){grid-template-columns:minmax(0,1fr)!important;min-width:0!important} } @media(max-width:380px),(max-device-width:380px){ html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content h1, html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content h1 :is(em,strong,span,b), html body.ags-mobile-ui .ags-page-content .ags-home-v4 .ags-v4-hero h1, html body.ags-mobile-ui .ags-page-content .ags-home-v4 .ags-v4-hero h1 :is(em,strong,span,b){font-size:clamp(21px,6.4vw,25px)!important} } /* ALEF mobile dashboard-first and wrapper-safe typography: 2026-10-04 */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui #ags-account-center .ags-ac-wrap{ grid-template-columns:minmax(0,1fr)!important; min-width:0!important; } html body.ags-mobile-ui #ags-account-center .ags-ac-main{ order:-1!important; width:100%!important; max-width:100%!important; min-width:0!important; } html body.ags-mobile-ui #ags-account-center .ags-ac-sidebar{ order:1!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:0!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell,.ags-home-v2,.ags-marketplace-page,#ags-account-center){ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } html body.ags-mobile-ui .ags-homepage-template-shell .ags-home-v2 .ags-home-hero{ width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; box-sizing:border-box!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) .ags-home-hero-content{ width:100%!important; max-width:100%!important; min-width:0!important; margin-inline:0!important; padding-inline:0!important; text-align:center!important; box-sizing:border-box!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) .ags-home-hero-content h1{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; font-size:clamp(23px,6.4vw,31px)!important; line-height:1.48!important; letter-spacing:normal!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; text-align:center!important; box-sizing:border-box!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) .ags-home-hero-content h1 :is(em,strong,span,b){ display:inline!important; max-width:100%!important; font-size:inherit!important; line-height:inherit!important; letter-spacing:inherit!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) .ags-home-hero-content p{ width:100%!important; max-width:100%!important; min-width:0!important; font-size:13px!important; line-height:1.85!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; text-align:center!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) :is(.ags-home-hero-actions,.ags-home-category-grid,.ags-home-categories){ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) img{ max-width:100%!important; height:auto; } html body.ags-mobile-ui .ags-m2.ags-marketplace-page .ags-m2-filters{ display:grid!important; width:100%!important; max-width:100%!important; min-width:0!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; padding:10px!important; box-sizing:border-box!important; } html body.ags-mobile-ui .ags-m2.ags-marketplace-page .ags-m2-dota-filters{ display:grid!important; grid-column:1/-1!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; min-width:0!important; } html body.ags-mobile-ui .ags-m2.ags-marketplace-page .ags-m2-filters>label, html body.ags-mobile-ui .ags-m2.ags-marketplace-page .ags-m2-dota-filters>label{ display:flex!important; flex-direction:column!important; min-width:0!important; max-width:100%!important; gap:6px!important; padding:10px!important; box-sizing:border-box!important; } html body.ags-mobile-ui .ags-m2.ags-marketplace-page .ags-m2-filters select, html body.ags-mobile-ui .ags-m2.ags-marketplace-page .ags-m2-dota-filters select{ width:100%!important; min-width:0!important; max-width:100%!important; min-height:42px!important; font-size:12px!important; box-sizing:border-box!important; } } @media(max-width:380px),(max-device-width:380px){ html body.ags-mobile-ui .ags-m2.ags-marketplace-page .ags-m2-filters, html body.ags-mobile-ui .ags-m2.ags-marketplace-page .ags-m2-dota-filters{ grid-template-columns:minmax(0,1fr)!important; } } /* ALEF mobile collapsed marketplace filter safeguard: 2026-10-04 */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-m2.ags-marketplace-page .ags-m2-filters[hidden], html body.ags-mobile-ui .ags-m2.ags-marketplace-page .ags-m2-dota-filters[hidden]{ display:none!important; } } /* ALEF mobile category card text fit: 2026-10-04 */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) .ags-home-category{ display:grid!important; grid-template-columns:42px minmax(0,1fr) 18px!important; align-items:center!important; gap:8px!important; min-width:0!important; padding:10px!important; box-sizing:border-box!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) .ags-home-category>.ags-home-cat-art{ grid-column:1!important; grid-row:1!important; width:40px!important; height:40px!important; min-width:40px!important; margin:0!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) .ags-home-category>div{ grid-column:2!important; grid-row:1!important; min-width:0!important; text-align:right!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) .ags-home-category :is(h3,strong,p,small){ max-width:100%!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; line-height:1.65!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) .ags-home-category h3{ font-size:13px!important; margin:2px 0!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) .ags-home-category p{ font-size:11px!important; margin:2px 0!important; } html body.ags-mobile-ui :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) .ags-home-category>b{ grid-column:3!important; grid-row:1!important; justify-self:center!important; align-self:center!important; margin:0!important; font-size:16px!important; line-height:1!important; } } /* ALEF mobile layout refinements: compact search, readable storefront, usable account navigation. */ .ags-header-search-panel,.ags-mobile-nav-links{display:contents} .ags-header-search-toggle,.ags-mobile-nav-toggle{display:none} @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-header-inner{grid-template-columns:minmax(0,1fr) repeat(4,40px)!important;gap:6px!important} html body.ags-mobile-ui.logged-in .ags-header-inner{grid-template-columns:minmax(0,1fr) repeat(5,40px)!important} html body.ags-mobile-ui .ags-site-header .ags-header-cart{grid-column:-5/-4!important;grid-row:1!important} html body.ags-mobile-ui .ags-site-header .ags-account-avatar{grid-column:-4/-3!important;grid-row:1!important} html body.ags-mobile-ui .ags-header-actions>.ags-exp3-notifications{grid-column:-6/-5!important;grid-row:1!important} html body.ags-mobile-ui .ags-header-actions>.ags-header-search-toggle{display:grid!important;grid-column:-3/-2;grid-row:1;place-items:center;width:40px!important;height:40px!important;min-width:40px;margin:0!important;padding:0!important;border:1px solid #294b58;border-radius:12px;background:#102936;color:#d9f5fb;cursor:pointer} html body.ags-mobile-ui .ags-header-search-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} html body.ags-mobile-ui .ags-header-search-toggle[aria-expanded=true]{background:#164151;border-color:#5bd9eb;color:#79eaff} html body.ags-mobile-ui .ags-header-search-panel{display:none!important;grid-column:1/-1;grid-row:2;width:100%;max-width:100%;min-width:0} html body.ags-mobile-ui .ags-site-header.ags-search-open .ags-header-search-panel{display:block!important} html body.ags-mobile-ui .ags-header-search-panel :is(.ags-exp3-search,.ags-header-search){display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important} html body.ags-mobile-ui .ags-header-search-panel .ags-header-search, html body.ags-mobile-ui .ags-header-search-panel .ags-exp3-search form{display:flex!important;align-items:center;width:100%!important;height:44px!important;margin:0;border:1px solid #274450;border-radius:12px;background:#0b222e} html body.ags-mobile-ui .ags-header-search-panel :is(.ags-exp3-search,.ags-header-search) input{width:0;min-width:0!important;max-width:100%;flex:1;font-size:16px!important;height:42px!important;padding:0 12px!important} html body.ags-mobile-ui .ags-header-search-panel :is(.ags-exp3-search,.ags-header-search) input::placeholder{font-size:12px} html body.ags-mobile-ui .ags-header-search-panel :is(.ags-exp3-search,.ags-header-search) button{width:44px!important;min-width:44px;height:42px!important;flex:0 0 44px} html body.ags-mobile-ui .ags-mobile-nav{grid-template-rows:48px auto!important;padding:3px max(6px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))!important} html body.ags-mobile-ui .ags-mobile-nav-toggle{display:grid!important;grid-column:1/-1;grid-row:1;place-items:center;justify-self:center;width:64px;height:48px;min-height:48px;margin:0;padding:0;border:0;border-radius:0 0 9px 9px;background:transparent;color:#9fc5d1;cursor:pointer;touch-action:manipulation} html body.ags-mobile-ui .ags-mobile-nav-toggle svg{width:17px;height:17px;transition:transform .18s ease} html body.ags-mobile-ui .ags-mobile-nav-links{display:contents} html body.ags-mobile-ui .ags-mobile-nav-links>a{grid-row:2;min-height:48px;padding:2px 0;font-size:10px!important} html body.ags-mobile-ui .ags-mobile-nav.is-collapsed{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px!important;padding:3px max(6px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))!important} html body.ags-mobile-ui .ags-mobile-nav.is-collapsed .ags-mobile-nav-links{display:none!important} html body.ags-mobile-ui .ags-mobile-nav.is-collapsed .ags-mobile-nav-toggle{grid-column:1;grid-row:1;width:64px;height:48px;min-height:48px} html body.ags-mobile-ui .ags-mobile-nav.is-collapsed .ags-mobile-nav-toggle svg{transform:rotate(180deg)} } @media(max-width:390px),(max-device-width:390px){ html body.ags-mobile-ui .ags-header-inner{grid-template-columns:minmax(0,1fr) repeat(4,44px)!important;gap:4px!important} html body.ags-mobile-ui.logged-in .ags-header-inner{grid-template-columns:minmax(0,1fr) repeat(5,44px)!important} html body.ags-mobile-ui .ags-site-header :is(.ags-header-cart,.ags-account-avatar,.ags-exp3-notification-button,.ags-header-search-toggle){width:44px!important;height:44px!important;min-width:44px!important} html body.ags-mobile-ui .ags-site-header .ags-brand-text small{display:none!important} } @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ /* Home hero: remove the forced line break and reset nested emphasis sizes. */ html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero{min-height:0!important;padding:22px 15px!important;overflow:hidden!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content{display:flex!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;text-align:center!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content h1, html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content h1 *{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;font-size:clamp(20px,5.4vw,29px)!important;line-height:1.55!important;letter-spacing:normal!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:center!important;box-sizing:border-box!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content h1 br{display:none!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content p{width:100%!important;max-width:100%!important;font-size:13px!important;line-height:1.8!important;text-align:center!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-btn{min-width:0!important;padding:10px 9px!important;font-size:12px!important;line-height:1.6!important} html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-trust{justify-content:center!important;gap:6px 10px!important;font-size:10px!important;line-height:1.7!important} /* Games and digital products: compact headings, cards, labels, and filter controls. */ html body.ags-mobile-ui .ags-page-content .ags-games-page-shell{padding-top:16px!important} html body.ags-mobile-ui .ags-page-content .ags-games-catalog-head{align-items:flex-start!important;gap:8px!important;padding:16px 13px!important} html body.ags-mobile-ui .ags-page-content .ags-games-catalog-head h1{font-size:clamp(22px,6vw,29px)!important;line-height:1.45!important;letter-spacing:normal!important;white-space:normal!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content .ags-games-catalog-head p{font-size:12px!important;line-height:1.8!important;white-space:normal!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content .ags-games-catalog :is(.ags-games-count,.ags-games-filter-state,.ags-filter-hint){font-size:10px!important;line-height:1.7!important;white-space:normal!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content .ags-games-filter-primary{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:12px!important} html body.ags-mobile-ui .ags-page-content .ags-games-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 12px 12px!important} html body.ags-mobile-ui .ags-page-content .ags-games-filters :is(label,.ags-filter-label){min-width:0!important;font-size:11px!important;line-height:1.55!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content .ags-games-filters :is(input,select){width:100%!important;min-width:0!important;max-width:100%!important;min-height:42px!important;font-size:14px!important;line-height:1.5!important;padding:8px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-games-grid,.ags-shared-preview-grid,.ags-gift-product-grid,.ags-sub-v3-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-game-card,.ags-gift-product,.ags-sub-v3-service-card,.ags-m2-card){min-width:0!important;max-width:100%!important;height:auto!important;overflow:hidden!important} html body.ags-mobile-ui .ags-page-content .ags-game-card .ags-game-image{aspect-ratio:16/10!important;height:auto!important;min-height:0!important} html body.ags-mobile-ui .ags-page-content :is(.ags-game-card,.ags-gift-product,.ags-sub-v3-service-card,.ags-m2-card) :is(h3,h4){font-size:clamp(12px,3.5vw,14px)!important;line-height:1.6!important;white-space:normal!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content :is(.ags-game-card,.ags-gift-product,.ags-sub-v3-service-card,.ags-m2-card) :is(p,small,.ags-game-meta,.ags-game-platforms,.ags-game-regions){font-size:10px!important;line-height:1.65!important;white-space:normal!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content :is(.ags-game-card,.ags-gift-product,.ags-sub-v3-service-card,.ags-m2-card) :is(.ags-game-buy,strong,.ags-price){font-size:11px!important;line-height:1.6!important;white-space:normal!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content :is(.ags-game-card,.ags-gift-product,.ags-sub-v3-service-card,.ags-m2-card) :is(.ags-game-details-cta,.ags-btn,.button){min-width:0!important;min-height:38px!important;padding:7px!important;font-size:10px!important;line-height:1.55!important;white-space:normal!important;overflow-wrap:anywhere!important} /* Keep dashboard sections reachable from a compact navigation strip at the top. */ html body.ags-mobile-ui #ags-account-center .ags-ac-wrap{display:flex!important;flex-direction:column!important;gap:12px!important;min-width:0!important} html body.ags-mobile-ui #ags-account-center .ags-ac-sidebar{order:-1!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;padding:10px!important} html body.ags-mobile-ui #ags-account-center .ags-ac-main{order:1!important;width:100%!important;max-width:100%!important;min-width:0!important} html body.ags-mobile-ui #ags-account-center .ags-ac-side-brand{display:flex!important;align-items:center!important;min-height:58px!important;margin:0 0 8px!important;padding:8px 10px!important} html body.ags-mobile-ui #ags-account-center .ags-ac-sidebar nav{display:grid!important;flex-direction:row!important;grid-template-columns:none!important;grid-template-rows:minmax(42px,auto)!important;grid-auto-flow:column!important;grid-auto-columns:max-content!important;justify-content:start!important;align-items:stretch!important;gap:6px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;direction:rtl!important;padding:2px!important} html body.ags-mobile-ui #ags-account-center .ags-ac-sidebar nav a{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;min-width:max-content!important;min-height:42px!important;padding:7px 11px!important;font-size:11px!important;line-height:1.5!important;white-space:nowrap!important;transform:none!important} } @media(max-width:340px),(max-device-width:340px){ html body.ags-mobile-ui .ags-page-content :is(.ags-games-grid,.ags-shared-preview-grid,.ags-gift-product-grid,.ags-sub-v3-grid){grid-template-columns:minmax(0,1fr)!important} html body.ags-mobile-ui .ags-page-content .ags-games-filter-grid{grid-template-columns:minmax(0,1fr)!important} } /* ALEF focused homepage hero fix: mobile text flow, button sizing, and no fixed empty height. */ @media (max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero{ min-height:0!important; height:auto!important; align-items:start!important; } html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-content{ width:100%!important; max-width:none!important; min-width:0!important; margin:0 auto!important; padding:clamp(30px,7vw,42px) clamp(16px,5vw,22px) 24px!important; text-align:center!important; } html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-kicker{ display:block!important; max-width:100%!important; font-size:clamp(9px,2.8vw,11px)!important; line-height:1.65!important; letter-spacing:.04em!important; overflow-wrap:anywhere!important; } html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero h1, html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero h1 :is(em,strong,span,b){ display:block; width:100%!important; max-width:100%!important; min-width:0!important; margin:14px auto 16px!important; font-size:clamp(23px,6vw,28px)!important; line-height:1.4!important; letter-spacing:normal!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; } html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero h1 br{display:none!important} html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero p{ width:100%!important; max-width:100%!important; min-width:0!important; margin:0 auto!important; padding:0!important; font-size:clamp(13px,3.7vw,15px)!important; line-height:1.9!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; text-align:center!important; } html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-actions{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; width:100%!important; max-width:100%!important; margin:20px auto!important; } html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-actions .ags-home-btn{ display:flex!important; width:100%!important; min-width:0!important; min-height:48px!important; padding:10px 8px!important; gap:6px!important; font-size:12px!important; line-height:1.45!important; white-space:normal!important; text-align:center!important; overflow-wrap:anywhere!important; } html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-trust{ display:flex!important; width:100%!important; max-width:100%!important; justify-content:center!important; gap:8px 12px!important; margin:16px auto 0!important; font-size:10px!important; line-height:1.6!important; white-space:normal!important; } } @media (max-width:380px),(max-device-width:380px){ html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-actions{grid-template-columns:minmax(0,1fr)!important} }@media (max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero h1 :is(em,strong,span,b){display:inline!important;width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important} } /* V2 homepage hero mobile containment. Keep this after the legacy wrapper rules. */ @media (max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero, html body.ags-mobile-ui .ags-home-v2 .ags-home-hero{ display:block!important; box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:0!important; height:auto!important; margin:0 0 22px!important; padding:20px clamp(14px,4vw,22px)!important; overflow:hidden!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content, html body.ags-mobile-ui .ags-home-v2 .ags-home-hero-content{ display:flex!important; box-sizing:border-box!important; flex-direction:column!important; align-items:stretch!important; justify-content:center!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:0!important; height:auto!important; margin:0!important; padding:8px 0 6px!important; text-align:center!important; overflow:visible!important; transform:none!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v2 :is(.ags-home-hero-visual,.ags-home-hero-signature-visual,.ags-home-hero-noise), html body.ags-mobile-ui .ags-home-v2 :is(.ags-home-hero-visual,.ags-home-hero-signature-visual,.ags-home-hero-noise){ display:none!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content>.ags-home-kicker, html body.ags-mobile-ui .ags-home-v2 .ags-home-hero-content>.ags-home-kicker{ display:block!important; box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0 auto 10px!important; font-size:clamp(9px,2.6vw,11px)!important; line-height:1.7!important; letter-spacing:.04em!important; text-align:center!important; white-space:normal!important; overflow-wrap:anywhere!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content>h1, html body.ags-mobile-ui .ags-home-v2 .ags-home-hero-content>h1{ display:block!important; box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:8px auto 12px!important; padding:0!important; font-size:clamp(22px,5.4vw,30px)!important; line-height:1.48!important; letter-spacing:normal!important; direction:rtl!important; text-align:center!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; text-wrap:balance; } html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content>h1 :is(em,strong,span,b), html body.ags-mobile-ui .ags-home-v2 .ags-home-hero-content>h1 :is(em,strong,span,b){ display:inline!important; box-sizing:border-box!important; width:auto!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; font-size:inherit!important; line-height:inherit!important; letter-spacing:inherit!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content>p, html body.ags-mobile-ui .ags-home-v2 .ags-home-hero-content>p{ display:block!important; box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:8px auto 0!important; padding:0!important; font-size:clamp(13px,3.6vw,15px)!important; line-height:1.85!important; direction:rtl!important; text-align:center!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; text-indent:0!important; transform:none!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-actions, html body.ags-mobile-ui .ags-home-v2 .ags-home-hero-actions{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:18px auto 0!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-actions>.ags-home-btn, html body.ags-mobile-ui .ags-home-v2 .ags-home-hero-actions>.ags-home-btn{ display:flex!important; box-sizing:border-box!important; justify-content:center!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:48px!important; height:auto!important; padding:10px 8px!important; font-size:12px!important; line-height:1.55!important; text-align:center!important; white-space:normal!important; overflow-wrap:anywhere!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-trust, html body.ags-mobile-ui .ags-home-v2 .ags-home-trust{ display:flex!important; box-sizing:border-box!important; flex-wrap:wrap!important; justify-content:center!important; gap:8px 12px!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:14px auto 0!important; font-size:10px!important; line-height:1.7!important; text-align:center!important; white-space:normal!important; } } /* Hide the redundant home hero description on phones. */ @media(max-width:599px),(max-device-width:599px){ html body.ags-mobile-ui .ags-page-content .ags-home-v2 .ags-home-hero-content>p{display:none!important} } /* 2026-10-04: Keep the home headline readable on narrow screens and prevent mid-word wrapping. */ @media (max-width:760px),(max-device-width:760px) { html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-content>h1 { box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:12px auto 16px!important; padding:0!important; font-size:clamp(24px,6vw,30px)!important; line-height:1.48!important; letter-spacing:normal!important; direction:rtl!important; text-align:center!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; hyphens:none!important; text-wrap:balance; } html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-content>h1 :is(em,strong,span,b) { display:inline!important; width:auto!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; font-size:inherit!important; line-height:inherit!important; letter-spacing:inherit!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; } html body.ags-mobile-ui .ags-page-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-content>h1 br { display:none!important; } }\n @media(max-width:760px){ html body.ags-mobile-ui .ags-page-content :is(.ags-homepage-template-shell .ags-home-v2,.ags-home-v2) .ags-home-hero-content>.ags-home-kicker{ display:block!important;position:static!important;inset:auto!important;float:none!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto 10px!important;padding:0!important;text-align:center!important;text-indent:0!important;direction:rtl!important;transform:none!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important; } } /* Gift-card selector: keep the delivery note informational and make the two real steps easy to scan. */ html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-delivery-method, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-gift-delivery-method, .ags-gift-page .ags-gift-delivery-method, .ags-gift-single .ags-gift-delivery-method{ display:flex!important; align-items:center!important; gap:11px!important; width:min(100%,460px)!important; max-width:100%!important; min-height:52px!important; margin:0 0 18px auto!important; padding:10px 14px!important; border:1px solid rgba(73,202,255,.20)!important; border-radius:14px!important; background:linear-gradient(105deg,rgba(19,84,112,.24),rgba(8,28,42,.64))!important; box-shadow:inset 0 1px rgba(255,255,255,.035)!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-delivery-method .ags-gift-delivery-icon, .ags-gift-delivery-method .ags-gift-delivery-icon{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border:1px solid rgba(73,202,255,.17)!important;border-radius:10px!important;background:rgba(12,71,94,.52)!important;color:#72d7ff!important;font-size:14px!important} html body.ags-mobile-ui .ags-page-content .ags-gift-delivery-method>span:nth-child(2), .ags-gift-delivery-method>span:nth-child(2){display:grid!important;gap:3px!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-gift-delivery-method strong, .ags-gift-delivery-method strong{color:#eaf8ff!important;font-size:11px!important;line-height:1.5!important} html body.ags-mobile-ui .ags-page-content .ags-gift-delivery-method small, .ags-gift-delivery-method small{color:#91adbd!important;font-size:10px!important;line-height:1.5!important} html body.ags-mobile-ui .ags-page-content .ags-gift-delivery-method>b, .ags-gift-delivery-method>b{display:grid!important;place-items:center!important;flex:0 0 25px!important;width:25px!important;height:25px!important;margin-inline-start:auto!important;border-radius:50%!important;background:rgba(40,190,149,.16)!important;color:#5ce0bd!important;font-size:12px!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-selector-head h2, .ags-gift-page .ags-gift-selector-head h2{margin-bottom:6px!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-selector-stepbox, .ags-gift-page .ags-gift-selector-stepbox{ min-width:0!important; padding:clamp(16px,2vw,22px)!important; border:1px solid rgba(94,190,230,.13)!important; border-radius:18px!important; background:linear-gradient(145deg,rgba(11,29,43,.78),rgba(5,17,27,.70))!important; box-shadow:inset 0 1px rgba(255,255,255,.025)!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-step-title, .ags-gift-page .ags-gift-step-title{display:flex!important;align-items:center!important;gap:11px!important;margin:0 0 14px!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-step-title>b, .ags-gift-page .ags-gift-step-title>b{flex:0 0 32px!important;width:32px!important;height:32px!important;border:1px solid rgba(83,197,243,.15)!important;border-radius:10px!important;background:linear-gradient(145deg,#104766,#0b2b40)!important;color:#88dcff!important;font-size:12px!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-step-title strong, .ags-gift-page .ags-gift-step-title strong{color:#eff9ff!important;font-size:13px!important;line-height:1.5!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-step-title small, .ags-gift-page .ags-gift-step-title small{margin-top:2px!important;color:#8da8b7!important;font-size:10px!important;line-height:1.7!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-selector-stepbox .ags-choice-grid, .ags-gift-page .ags-gift-selector-stepbox .ags-choice-grid{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important; align-items:stretch!important; justify-content:start!important; width:100%!important; max-width:100%!important; gap:11px!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-selector-stepbox .ags-choice-grid:has(>.ags-choice-button:only-child), .ags-gift-page .ags-gift-selector-stepbox .ags-choice-grid:has(>.ags-choice-button:only-child){ grid-template-columns:minmax(0,min(100%,560px))!important; justify-content:start!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-choice-button, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button, .ags-gift-page .ags-choice-button, .ags-gift-single .ags-choice-button{ position:relative!important; min-width:0!important; min-height:72px!important; padding:13px 48px 13px 16px!important; border:1px solid rgba(95,187,227,.17)!important; border-radius:14px!important; background:linear-gradient(145deg,rgba(14,35,51,.96),rgba(9,24,37,.96))!important; color:#eff9ff!important; text-align:right!important; transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-choice-button strong, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button strong, .ags-gift-page .ags-choice-button strong, .ags-gift-single .ags-choice-button strong{max-width:100%!important;color:#f0f9ff!important;font-size:13px!important;line-height:1.55!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-choice-button small, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button small, .ags-gift-page .ags-choice-button small, .ags-gift-single .ags-choice-button small{max-width:100%!important;margin-top:3px!important;color:#8eaabb!important;font-size:10px!important;line-height:1.6!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-choice-button:hover, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button:hover, .ags-gift-page .ags-choice-button:hover, .ags-gift-single .ags-choice-button:hover{border-color:rgba(83,207,255,.55)!important;background:linear-gradient(145deg,rgba(15,54,75,.98),rgba(9,31,46,.98))!important;transform:translateY(-1px)!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-choice-button.is-selected, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button.is-selected, .ags-gift-page .ags-choice-button.is-selected, .ags-gift-single .ags-choice-button.is-selected{border-color:#36c4f2!important;background:linear-gradient(145deg,rgba(14,62,85,.98),rgba(9,34,51,.98))!important;box-shadow:0 0 0 2px rgba(47,187,232,.10),inset 0 1px rgba(255,255,255,.045)!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-choice-button.is-selected:after, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button.is-selected:after, .ags-gift-page .ags-choice-button.is-selected:after, .ags-gift-single .ags-choice-button.is-selected:after{top:50%!important;right:13px!important;left:auto!important;bottom:auto!important;transform:translateY(-50%)!important;width:22px!important;height:22px!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-choice-button:focus-visible, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button:focus-visible, .ags-gift-page .ags-choice-button:focus-visible, .ags-gift-single .ags-choice-button:focus-visible{outline:2px solid #62d5ff!important;outline-offset:2px!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-choice-button:disabled, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button:disabled, .ags-gift-page .ags-choice-button:disabled, .ags-gift-single .ags-choice-button:disabled{opacity:.48!important;cursor:not-allowed!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-amount-choice-placeholder, .ags-gift-page .ags-amount-choice-placeholder{padding:15px 17px!important;border:1px dashed rgba(95,187,227,.22)!important;border-radius:13px!important;background:rgba(5,18,28,.42)!important;color:#91aabb!important;font-size:11px!important;line-height:1.8!important} /* Touch layout uses one column by default; on a wide viewport the two steps sit side by side. */ @media(min-width:1100px){ html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-selector-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:16px!important} } @media(max-width:520px){ html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-selector-stepbox .ags-choice-grid{grid-template-columns:minmax(0,1fr)!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-selector-stepbox .ags-choice-grid:has(>.ags-choice-button:only-child){grid-template-columns:minmax(0,1fr)!important} } /* Game preview cards are links; keep the buying instruction as plain helper text, not a second button. */ .ags-game-card[data-game-preview] .ags-game-buy>.ags-game-buy-hint{ display:block!important; width:auto!important; min-width:0!important; min-height:0!important; height:auto!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#81cfe8!important; font-size:9px!important; font-weight:700!important; line-height:1.6!important; text-align:left!important; white-space:normal!important; transition:none!important; } .ags-game-card[data-game-preview] .ags-game-buy>.ags-game-buy-hint::before, .ags-game-card[data-game-preview] .ags-game-buy>.ags-game-buy-hint::after{display:none!important;content:none!important} .ags-game-card[data-game-preview] .ags-game-buy>.ags-game-buy-hint:hover{transform:none!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#81cfe8!important} /* ALEF HOME v6 — final, homepage-scoped visual layer. This file loads after the home bundle and saved visual styles. */ #ags-main-content .ags-homepage-template-shell .ags-home-v2{ --c:#59e5ff;--c2:#398dff;--c3:#8580ff;--line:rgba(112,210,242,.2);--text:#eff8ff;--muted:#9cb1c0; position:relative!important;width:100%!important;max-width:none!important;overflow:hidden!important;isolation:isolate; color:var(--text)!important;background:radial-gradient(ellipse at 50% 0%,rgba(28,100,150,.23),transparent 42%),#030912!important; } #ags-main-content .ags-homepage-template-shell .ags-home-v2:before{ content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.28; background-image:linear-gradient(rgba(105,201,242,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(105,201,242,.04) 1px,transparent 1px); background-size:56px 56px;mask-image:linear-gradient(#000,transparent 82%); } #ags-main-content .ags-homepage-template-shell .ags-home-v2>section{position:relative;z-index:1;width:100%;max-width:1640px;margin-inline:auto;padding-inline:clamp(18px,3.5vw,50px);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 a{cursor:pointer;-webkit-tap-highlight-color:transparent;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 a:focus-visible, #ags-main-content .ags-homepage-template-shell .ags-home-v2 button:focus-visible{outline:2px solid #65e8ff!important;outline-offset:4px!important;} /* Cinematic hero with a tilted image plate and readable copy. */ #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero{ display:flex!important;flex-direction:row!important;align-items:center!important;position:relative!important;isolation:isolate;overflow:hidden!important; width:calc(100% - 40px)!important;max-width:1640px!important;min-height:clamp(570px,48vw,700px)!important;height:auto!important; margin:26px auto 32px!important;padding:0!important;border:1px solid rgba(91,211,250,.26)!important;border-radius:32px!important; background:radial-gradient(ellipse at 72% 52%,rgba(24,119,176,.2),transparent 50%),linear-gradient(130deg,#071724,#050b15 65%,#090e1a)!important; box-shadow:0 32px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.05)!important; } #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero:before{ content:"";position:absolute;z-index:0;left:-3%;top:6%;width:58%;height:88%;border:1px solid rgba(66,198,246,.22);border-radius:50%; transform:rotateX(66deg) rotateZ(-16deg);box-shadow:0 0 85px rgba(37,178,230,.09),inset 0 0 60px rgba(44,173,225,.06);pointer-events:none; } #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero:after{ content:"";position:absolute;z-index:1;inset:0;pointer-events:none; background:linear-gradient(90deg,rgba(3,9,18,0) 27%,rgba(3,9,18,.12) 48%,rgba(3,9,18,.91) 100%),linear-gradient(0deg,rgba(3,9,18,.36),transparent 48%); } #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-bg{ z-index:0!important;left:4%!important;right:auto!important;top:7%!important;bottom:7%!important;width:54%!important;height:auto!important;inset-block:auto!important; border:1px solid rgba(133,225,255,.32);border-radius:25px;background-position:center!important;background-size:cover!important;opacity:.97!important; transform:perspective(1300px) rotateY(9deg) rotateX(2deg) rotateZ(-1deg)!important; box-shadow:22px 34px 70px rgba(0,0,0,.5),0 0 55px rgba(37,173,255,.14),inset 0 1px rgba(255,255,255,.16);filter:saturate(1.08) contrast(1.02)!important; transition:transform .55s cubic-bezier(.2,.75,.25,1); } #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero:hover .ags-home-hero-bg{transform:perspective(1300px) rotateY(5deg) rotateX(1deg) translateY(-4px)!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-bg:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.14);border-radius:18px;pointer-events:none;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-bg:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent 42%,rgba(3,9,18,.82) 100%),linear-gradient(0deg,rgba(3,9,18,.33),transparent 50%);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-noise{z-index:1;opacity:.08!important;pointer-events:none;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-content{ position:relative!important;z-index:2!important;width:52%!important;max-width:680px!important;margin:0 0 0 auto!important;padding:70px 5.5% 76px 2%!important; text-align:right!important;justify-self:auto!important;grid-column:auto!important;grid-row:auto!important;transform:none!important; } #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-kicker{ display:inline-flex!important;align-items:center;gap:9px;width:auto!important;padding:9px 13px!important;border:1px solid rgba(80,211,247,.26);border-radius:999px; background:rgba(5,19,31,.78);color:#8ceaff!important;font-size:11px!important;line-height:1.5!important;letter-spacing:0!important;text-align:right!important;backdrop-filter:blur(10px); } #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#59e5ff;box-shadow:0 0 12px #3fcfff;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-content>h1{ width:auto!important;max-width:100%!important;margin:20px 0 15px!important;padding:0!important;font-size:clamp(38px,4.2vw,66px)!important; line-height:1.28!important;letter-spacing:-.045em!important;text-align:right!important;white-space:normal!important;text-wrap:balance; } #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-content>h1 em{ display:inline!important;width:auto!important;margin:0!important;padding:0!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important; color:#75dcff!important;text-shadow:0 7px 28px rgba(61,193,239,.17)!important; } #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-content>p{ width:auto!important;max-width:590px!important;margin:0 0 22px!important;padding:0!important;color:#b2c3cf!important;font-size:14px!important;line-height:1.95!important;text-align:right!important; } #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-actions{justify-content:flex-start!important;gap:10px;margin:22px 0 17px!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-btn{min-height:48px;padding:12px 19px;border:1px solid rgba(120,212,245,.22);border-radius:13px;transition:transform .22s,border-color .22s,box-shadow .22s;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-btn:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(0,0,0,.27);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-btn.primary{background:linear-gradient(115deg,#45ddf5,#388bff 62%,#716df5);color:#03101a;box-shadow:0 10px 28px rgba(39,166,232,.2);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-btn.ghost{background:rgba(6,17,29,.84);backdrop-filter:blur(12px);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-trust{justify-content:flex-start!important;gap:8px;color:#b0c2d0;font-size:11px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-trust span{padding:8px 10px;border:1px solid rgba(125,207,234,.16);border-radius:9px;background:rgba(5,18,29,.7);} /* Section rhythm and shared headings. */ #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-section{padding-top:34px;padding-bottom:48px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-section-head{align-items:end;margin-bottom:22px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-section-head>div>span, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-copy>span, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-market-banner>div>span, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-final>span{display:inline-flex;color:#68e4ff;font-size:10px;letter-spacing:.12em;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-section-head h2{margin:8px 0 0;font-size:clamp(25px,2.8vw,36px);line-height:1.35;letter-spacing:-.025em;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-section-head p{color:#9cb1c0;font-size:13px;line-height:1.8;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-section-head>a{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(98,203,237,.21);border-radius:11px;background:rgba(7,22,34,.78);color:#8deaff;font-size:11px;transition:.2s;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-section-head>a:hover{border-color:rgba(91,221,255,.55);background:rgba(7,35,50,.92);} /* 3D category tiles. */ #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category{ position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:185px;padding:21px;overflow:hidden; border:1px solid rgba(102,206,238,.19);border-radius:21px;background:linear-gradient(145deg,rgba(11,30,45,.96),rgba(5,13,23,.98)); box-shadow:inset 0 1px rgba(255,255,255,.045),0 12px 28px rgba(0,0,0,.2);transition:border-color .22s,box-shadow .22s; } #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 18%,rgba(49,192,239,.13),transparent 42%),linear-gradient(130deg,transparent 45%,rgba(115,139,255,.045));} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category:hover{border-color:rgba(90,219,255,.52);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 22px rgba(39,177,224,.08);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-cat-art{position:absolute;top:12px;left:16px;width:90px;height:86px;display:grid;place-items:center;transform:perspective(500px) rotateY(-12deg) rotateX(7deg);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-cat-art:before{content:"";position:absolute;inset:5px;border:1px solid rgba(91,216,255,.2);border-radius:23px;background:linear-gradient(145deg,rgba(28,105,133,.3),rgba(9,23,39,.55));box-shadow:0 12px 28px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.1);transform:rotate(-7deg);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-cat-icon{position:relative;z-index:2;display:grid;place-items:center;color:#70eaff;filter:drop-shadow(0 5px 12px rgba(34,191,244,.28));transition:transform .3s;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-cat-icon svg{width:46px;height:46px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category:hover .ags-home-cat-icon{transform:translateY(-4px) translateZ(14px) rotate(-5deg);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category>div{position:relative;z-index:2;margin-top:48px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category small{color:#6dddf6;font-size:10px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category h3{margin:4px 0;font-size:19px;line-height:1.4;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category p{margin:0;color:#92a8b8;font-size:11px;line-height:1.65;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category>b{position:absolute;z-index:2;left:16px;bottom:16px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(105,213,245,.2);border-radius:10px;background:rgba(5,17,28,.78);color:#75e6ff;font-size:15px;} /* Product and special-offer cards use compact, image-led surfaces. */ #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-products-grid, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product{position:relative;min-width:0;min-height:0;border:1px solid rgba(105,205,235,.18);border-radius:21px;overflow:hidden;background:linear-gradient(145deg,#0a1c2a,#050d17 72%);box-shadow:0 12px 28px rgba(0,0,0,.22);transition:border-color .22s,box-shadow .22s;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product:hover{border-color:rgba(96,220,255,.48);box-shadow:0 20px 42px rgba(0,0,0,.34),0 0 20px rgba(60,184,227,.07);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-link{display:flex;flex-direction:column;min-height:100%;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product:not(.ags-home-product-ags_gift) .ags-home-product-media{height:220px;min-height:0;background:#07131f;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product:not(.ags-home-product-ags_gift) .ags-home-product-media img{object-fit:cover;transform:none;filter:none;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product:not(.ags-home-product-ags_gift):hover .ags-home-product-media img{transform:scale(1.035);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product:not(.ags-home-product-ags_gift) .ags-home-product-body{min-height:0;flex:1;padding:16px 17px 15px;background:linear-gradient(155deg,rgba(10,28,42,.98),rgba(5,13,22,.98));} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product:not(.ags-home-product-ags_gift) .ags-home-product-body h3{min-height:0;margin:0 0 8px;font-size:16px;line-height:1.5;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product:not(.ags-home-product-ags_gift) .ags-home-product-meta{min-height:27px;max-height:30px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product:not(.ags-home-product-ags_gift) .ags-home-product-foot{margin-top:8px;padding-top:10px;border-top-color:rgba(105,205,235,.15);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-type{top:12px;right:12px;padding:7px 10px;border:1px solid rgba(115,218,248,.24);border-radius:9px;background:rgba(3,13,23,.8);color:#d9f6ff;font-size:10px;letter-spacing:0;backdrop-filter:blur(10px);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-ags_gift{aspect-ratio:1.48/1;min-height:270px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-ags_gift .ags-home-product-link{position:absolute;inset:0;display:block;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-ags_gift .ags-home-product-media{position:absolute;inset:0;height:100%;min-height:0;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-ags_gift .ags-home-product-media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;transform:none;filter:none;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-ags_gift .ags-home-product-media:after{inset:35% 0 0;height:auto;background:linear-gradient(180deg,transparent,rgba(2,8,14,.22) 30%,rgba(2,8,14,.93) 100%);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-ags_gift .ags-home-product-body{position:absolute;z-index:5;inset:auto 0 0;min-height:0;padding:48px 17px 14px;background:linear-gradient(180deg,transparent,rgba(2,8,14,.14) 24%,rgba(2,8,14,.42) 100%);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-ags_gift .ags-home-product-body h3{min-height:0;font-size:16px;line-height:1.45;text-shadow:0 2px 12px rgba(0,0,0,.8);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-ags_gift .ags-home-product-meta{min-height:0;max-height:27px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-ags_gift .ags-home-product-foot{margin-top:5px;padding-top:8px;border-top-color:rgba(220,245,255,.18);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-card, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(100,204,237,.18);border-radius:19px;background:linear-gradient(145deg,#0b1c29,#050d17);box-shadow:0 14px 30px rgba(0,0,0,.23);transition:transform .22s,border-color .22s,box-shadow .22s;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-card:hover, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-card:hover{transform:translateY(-4px);border-color:rgba(88,221,255,.48);box-shadow:0 20px 40px rgba(0,0,0,.34);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-media{height:210px;overflow:hidden;background:#081522;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-card:hover .ags-home-discount-media img{transform:scale(1.04);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-body{padding:15px 17px 17px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-body small{color:#71e2f8;font-size:10px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-body h3{margin:5px 0 11px;font-size:16px;min-height:0;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-body strong{color:#77e7ff;font-size:14px;} /* Fresh listings and marketplace panels. */ #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-card{grid-template-columns:112px minmax(0,1fr);min-height:124px;gap:0;padding:0;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-art{height:100%;min-height:124px;border-radius:0;background:#071522;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-art img{width:100%;height:100%;object-fit:cover;padding:0;transition:transform .35s;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-card:hover .ags-home-live-market-art img{transform:scale(1.05);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-info{min-width:0;padding:13px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-info small{color:#71e1f5;font-size:10px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-info h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 9px;font-size:13px;line-height:1.55;white-space:normal;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-info strong{color:#76e8ff;font-size:13px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-arrow{top:9px;left:9px;bottom:auto;width:27px;height:27px;border:1px solid rgba(114,214,244,.2);border-radius:8px;background:rgba(4,15,26,.82);color:#83eaff;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-market-banner{position:relative;overflow:hidden;border:1px solid rgba(93,211,247,.23);border-radius:28px;background:radial-gradient(ellipse at 15% 48%,rgba(26,150,194,.17),transparent 42%),linear-gradient(130deg,#091a29,#050c17 72%);box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.045);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom{grid-template-columns:minmax(0,1.15fr) minmax(250px,.75fr);gap:34px;align-items:center;min-height:340px;margin:30px auto 45px!important;padding:clamp(28px,5vw,64px)!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom:before{content:"";position:absolute;left:4%;top:50%;width:300px;height:175px;border:1px solid rgba(82,210,249,.18);border-radius:50%;transform:translateY(-50%) rotateX(65deg) rotateZ(-15deg);box-shadow:0 0 50px rgba(47,177,231,.1);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-orb{position:absolute;left:11%;top:50%;width:120px;height:120px;border:1px solid rgba(107,221,255,.3);border-radius:30px;background:linear-gradient(145deg,rgba(37,130,163,.24),rgba(4,14,25,.9));box-shadow:0 22px 50px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.12),0 0 50px rgba(56,199,244,.1);transform:translateY(-50%) perspective(700px) rotateY(-18deg) rotateX(8deg);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-copy{position:relative;z-index:2;max-width:690px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-copy h2, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-market-banner h2{font-size:clamp(31px,3.5vw,48px);line-height:1.34;margin:11px 0;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-copy p, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-market-banner p{color:#a9bdca;font-size:13px;line-height:1.9;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-steps{position:relative;z-index:2;gap:9px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-steps>div{padding:14px 16px;border:1px solid rgba(107,207,239,.2);border-radius:13px;background:rgba(5,18,29,.8);backdrop-filter:blur(12px);box-shadow:0 10px 24px rgba(0,0,0,.2);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-steps b{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(90,220,255,.22);border-radius:10px;background:rgba(38,144,178,.14);color:#69e4ff;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-market-banner{min-height:370px;margin:25px auto 48px!important;padding:clamp(32px,5vw,66px)!important;gap:20px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-market-banner>div:first-child{position:relative;z-index:2;max-width:680px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-market-orbit{width:min(390px,40%);height:300px;flex:0 0 40%;perspective:900px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-market-orbit:before, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-market-orbit:after{border-color:rgba(82,211,248,.22);box-shadow:0 0 35px rgba(34,174,222,.09);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-orbit-core{top:50%;left:50%;width:116px;height:94px;border:1px solid rgba(170,238,255,.4);border-radius:23px;background:linear-gradient(145deg,#1a91b8,#0b2941 62%,#111a37);color:#e2faff;font-size:19px;box-shadow:0 22px 42px rgba(0,0,0,.4),0 0 42px rgba(48,197,243,.24),inset 0 1px rgba(255,255,255,.24);transform:translate(-50%,-50%) rotateY(-14deg) rotateX(8deg);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-orbit-card{padding:10px 14px;border:1px solid rgba(105,216,248,.22);border-radius:12px;background:rgba(5,18,30,.92);color:#d6f0f7;box-shadow:0 15px 30px rgba(0,0,0,.34);} /* Subscription, help, and final call to action. */ #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-card, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-card.is-featured{min-height:330px;border:1px solid rgba(98,204,235,.2);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#0b1b28,#050d17);box-shadow:0 13px 28px rgba(0,0,0,.23);transition:transform .25s,border-color .25s,box-shadow .25s;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-card:hover{transform:translateY(-5px);border-color:rgba(92,221,255,.48);box-shadow:0 21px 42px rgba(0,0,0,.35);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-art{height:185px;min-height:185px;background:radial-gradient(circle at 50% 45%,rgba(46,174,225,.15),transparent 60%),#071421;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-art img{width:78%;height:82%;object-fit:contain;transform:perspective(800px) rotateY(-7deg) rotateX(3deg);filter:drop-shadow(0 17px 18px rgba(0,0,0,.4));transition:transform .35s;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-card:hover .ags-home-sub-art img{transform:perspective(800px) rotateY(-2deg) rotateX(1deg) translateY(-5px) scale(1.04);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-copy{min-height:0;padding:15px 16px 16px;background:linear-gradient(180deg,rgba(9,25,38,.97),rgba(5,12,21,.99));} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-copy small{color:#75e4fa;font-size:10px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-copy h3{font-size:16px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-copy p{font-size:11px;line-height:1.7;color:#9bafbf;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:48px!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-support-grid a{min-height:96px;padding:17px;border:1px solid rgba(102,203,235,.18);border-radius:16px;background:linear-gradient(145deg,rgba(10,28,42,.97),rgba(5,13,22,.99));box-shadow:0 11px 25px rgba(0,0,0,.2);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-support-grid a:hover{transform:translateY(-3px);border-color:rgba(91,220,255,.44);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-support-grid b{font-size:13px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-support-grid small{color:#91a9b9;font-size:10px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-final{position:relative;z-index:1;margin-top:12px;padding:68px 20px 78px!important;border-top:1px solid rgba(101,204,237,.17);background:radial-gradient(ellipse at 50% 0%,rgba(30,131,181,.17),transparent 58%);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-final h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-final p{color:#a9bdcb;font-size:13px;} @media(max-width:1100px){ #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category-grid, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-products-grid, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-grid{grid-template-columns:repeat(2,minmax(0,1fr));} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-grid{grid-template-columns:repeat(2,minmax(0,1fr));} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:760px){ #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:calc(100% - 28px)!important;min-height:700px!important;margin:14px auto 25px!important;padding:0!important;border-radius:23px!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero:before{left:-10%;top:-5%;width:110%;height:58%;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero:after{background:linear-gradient(0deg,rgba(3,9,18,.98) 32%,rgba(3,9,18,.15) 68%,transparent);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-bg{left:4%!important;right:4%!important;top:4%!important;bottom:auto!important;width:92%!important;height:45%!important;min-height:0!important;transform:perspective(1000px) rotateY(0) rotateX(2deg)!important;border-radius:19px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero:hover .ags-home-hero-bg{transform:perspective(1000px) rotateY(0) rotateX(1deg) translateY(-3px)!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-bg:after{background:linear-gradient(0deg,rgba(3,9,18,.72),transparent 65%);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-content{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-end!important;width:100%!important;max-width:none!important;min-height:700px;padding:0 24px 26px!important;margin:0!important;text-align:right!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-content>h1{font-size:clamp(34px,7vw,48px)!important;line-height:1.3!important;margin:16px 0 11px!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-content>p{font-size:13px!important;line-height:1.8!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-banner-stage{height:350px;margin-bottom:25px!important;border-radius:20px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-banner-copy{inset:0 6% 0 auto;width:74%;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-banner-copy h2{font-size:clamp(24px,5vw,34px);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-banner-copy p{font-size:12px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-banner-glass{display:none;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category-grid, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-products-grid, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-grid{grid-template-columns:repeat(2,minmax(0,1fr));} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category{min-height:170px;padding:16px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category h3{font-size:16px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product:not(.ags-home-product-ags_gift) .ags-home-product-media{height:175px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-ags_gift{aspect-ratio:1.18/1;min-height:245px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom{grid-template-columns:1fr;gap:18px;margin:20px auto 30px!important;padding:26px!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-orb{left:auto;right:8%;top:21%;width:78px;height:78px;transform:translateY(-50%) perspective(700px) rotateY(-18deg) rotateX(8deg);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-copy{padding-top:36px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-steps{grid-template-columns:repeat(3,minmax(0,1fr));} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-steps>div{padding:10px 8px;flex-direction:column;align-items:flex-start;gap:7px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-steps span{font-size:10px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-market-banner{min-height:0;flex-direction:column;align-items:stretch;margin:18px auto 30px!important;padding:28px!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-market-orbit{width:100%;height:230px;flex:0 0 230px;transform:scale(.9);transform-origin:center;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-support-grid{grid-template-columns:1fr;} } @media(max-width:520px){ #ags-main-content .ags-homepage-template-shell .ags-home-v2>section{padding-inline:16px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero{min-height:680px!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-bg{height:42%!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-content{min-height:680px;padding-inline:20px!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-actions{gap:8px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-btn{min-height:46px;padding:11px 14px;font-size:12px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-trust{gap:6px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-trust span{padding:7px 8px;font-size:10px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-banner-stage{height:315px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-banner-copy{inset:0 5% 0 auto;width:83%;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-banner-copy h2{font-size:25px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-banner-copy p{font-size:11px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-banner-controls{left:5%;bottom:5%;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-section-head{display:flex;align-items:flex-start;flex-direction:column;gap:10px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-section-head h2{font-size:24px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category-grid, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-products-grid, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-grid, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-grid, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-grid{grid-template-columns:1fr;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-category{min-height:145px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product-ags_gift{aspect-ratio:1.45/1;min-height:230px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-product:not(.ags-home-product-ags_gift) .ags-home-product-media, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-discount-media{height:205px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-grid{grid-template-columns:1fr;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-card, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-card.is-featured{min-height:0;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom{padding:23px!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-steps{grid-template-columns:1fr;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-custom-steps>div{flex-direction:row;align-items:center;padding:10px 12px;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-market-banner{padding:23px!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-live-market-card{grid-template-columns:100px minmax(0,1fr);} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-final{padding:55px 16px 66px!important;} } @media(prefers-reduced-motion:reduce){ #ags-main-content .ags-homepage-template-shell .ags-home-v2 *, #ags-main-content .ags-homepage-template-shell .ags-home-v2 *:before, #ags-main-content .ags-homepage-template-shell .ags-home-v2 *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;} #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-hero-bg, #ags-main-content .ags-homepage-template-shell .ags-home-v2 .ags-home-sub-art img{transform:none!important;} } /* ALEF HOME V7 — full-bleed cinematic storefront */ #ags-main-content:has(.ags-home-v7), #ags-main-content .ags-homepage-template-shell:has(.ags-home-v7), .ags-homepage-template-shell:has(.ags-home-v7){ width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow-x:clip!important; } .ags-home-v7{ --v7-bg:#050811;--v7-line:rgba(132,180,221,.19);--v7-text:#edf5ff;--v7-muted:#a5b4c5; --v7-blue:#5d7bff;--v7-cyan:#5ce1f5;--v7-violet:#a275ff; position:relative;isolation:isolate;width:100%;overflow:clip;background:var(--v7-bg);color:var(--v7-text);font-family:inherit;line-height:1.65 } .ags-home-v7 *{box-sizing:border-box}.ags-home-v7 a{color:inherit;text-decoration:none;cursor:pointer}.ags-home-v7 img{display:block;max-width:100%} .ags-home-v7 a:focus-visible{outline:2px solid var(--v7-cyan);outline-offset:4px} .ags-v7-hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:clamp(700px,calc(100svh - 88px),1040px);width:100%;padding:clamp(50px,7vh,90px) clamp(22px,6vw,110px) 88px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 25% 50%,#101d3d 0,transparent 42%),linear-gradient(110deg,#07101c 0%,#080d18 58%,#0a1020 100%)} .ags-v7-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(rgba(116,179,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(116,179,255,.065) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)} .ags-v7-backdrop{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;opacity:.22;filter:blur(36px) saturate(1.25);transform:scale(1.12)} .ags-v7-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 54%,rgba(36,130,255,.22),transparent 32%),radial-gradient(ellipse at 80% 14%,rgba(121,80,255,.16),transparent 28%)} .ags-v7-hero-inner{width:min(100%,1720px);margin:auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:clamp(36px,7vw,120px)} .ags-v7-copy{position:relative;z-index:2;max-width:760px}.ags-v7-live{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(92,225,245,.3);border-radius:999px;background:rgba(7,17,33,.55);color:#c7f5ff;font-size:12px;font-weight:700} .ags-v7-live i{width:7px;height:7px;border-radius:50%;background:#55edc3;box-shadow:0 0 14px #55edc3} .ags-v7-copy h1{margin:25px 0 18px!important;color:#f4f7ff;font-size:clamp(42px,6.2vw,92px)!important;line-height:1.16!important;letter-spacing:-.045em;font-weight:900!important} .ags-v7-copy h1 em,.ags-v7-custom h2 em,.ags-v7-market-cta h2 em{color:transparent;font-style:normal;background:linear-gradient(90deg,#61e5f3,#90a2ff 54%,#bc84ff);background-clip:text;-webkit-background-clip:text} .ags-v7-copy>p{max-width:620px;margin:0;color:#b5c2d3;font-size:clamp(15px,1.25vw,19px);line-height:1.95} .ags-v7-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.ags-v7-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 20px;border:1px solid transparent;border-radius:12px;font-weight:800;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s} .ags-v7-button:hover{transform:translateY(-3px)}.ags-v7-button.primary{color:#060b13!important;background:linear-gradient(115deg,#5de4ef,#7587ff 72%,#a978ff);box-shadow:0 12px 34px rgba(89,123,255,.24)} .ags-v7-button.primary:hover{box-shadow:0 18px 44px rgba(89,123,255,.4)}.ags-v7-button.secondary{color:#e8f5ff!important;border-color:rgba(156,197,235,.26);background:rgba(9,18,32,.56)} .ags-v7-button.secondary:hover{border-color:rgba(92,225,245,.65);background:rgba(21,40,66,.78)} .ags-v7-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:35px;color:#aab8cb;font-size:12px}.ags-v7-proof span{display:inline-flex;align-items:center;gap:8px}.ags-v7-proof b{color:#64dbef;font-variant-numeric:tabular-nums} .ags-v7-object{--tilt-x:0deg;--tilt-y:0deg;--tilt-z:0deg;position:relative;display:block;justify-self:center;width:min(100%,640px);aspect-ratio:1.18/1;perspective:1300px;transform-style:preserve-3d;transform:perspective(1300px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-z));transition:transform .38s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 42px 48px rgba(0,0,0,.5))} .ags-v7-object:before{content:"";position:absolute;inset:11% 9% 9%;z-index:-1;border-radius:40%;background:radial-gradient(ellipse,rgba(66,196,255,.28),rgba(91,89,255,.14) 42%,transparent 70%);filter:blur(26px);transform:translateZ(-50px)} .ags-v7-object>img{position:absolute;inset:7% 5%;width:90%;height:82%;object-fit:cover;border:1px solid rgba(194,226,255,.48);border-radius:25px;box-shadow:0 18px 55px rgba(2,8,19,.66);transform:translateZ(34px) rotateY(-8deg) rotateX(3deg);mask-image:linear-gradient(180deg,#000 66%,rgba(0,0,0,.74))} .ags-v7-object:after{content:"";position:absolute;inset:7% 5%;border:1px solid rgba(114,218,255,.46);border-radius:25px;transform:translateZ(38px) rotateY(-8deg) rotateX(3deg);pointer-events:none;box-shadow:inset 0 0 45px rgba(94,183,255,.12)} .ags-v7-fallback{position:absolute;inset:10%;display:grid;place-items:center;border:1px solid rgba(123,207,255,.34);border-radius:28px;background:radial-gradient(circle at 40% 30%,#224b82,#091524 65%);color:#d9f8ff;font-size:clamp(90px,14vw,190px);text-shadow:0 0 45px rgba(89,214,255,.6);transform:translateZ(34px) rotateY(-8deg)} .ags-v7-orbit{position:absolute;inset:10% 2%;z-index:-1;border:1px solid rgba(86,214,245,.26);border-radius:50%;transform:rotate(-22deg) rotateY(24deg) translateZ(-30px)} .ags-v7-orbit.orbit-b{inset:3% 12%;border-color:rgba(139,113,255,.29);transform:rotate(27deg) rotateX(63deg) translateZ(-70px)} .ags-v7-float{position:absolute;z-index:3;padding:10px 14px;border:1px solid rgba(142,206,243,.34);border-radius:10px;background:rgba(8,17,31,.78);box-shadow:0 14px 30px rgba(0,0,0,.34);color:#c3d6e7;font-size:11px;letter-spacing:.12em;transform:translateZ(76px)} .ags-v7-float b{color:#6ee5f5}.ags-v7-float.top{top:3%;left:0;transform:translateZ(76px) rotate(-8deg)}.ags-v7-float.bottom{right:0;bottom:17%;transform:translateZ(76px) rotate(7deg)} .ags-v7-plaque{position:absolute;z-index:4;right:8%;bottom:3%;width:min(76%,430px);display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:16px 18px;border:1px solid rgba(202,231,255,.36);border-radius:15px;background:linear-gradient(120deg,rgba(8,17,30,.91),rgba(17,28,48,.78));box-shadow:0 22px 48px rgba(0,0,0,.42);backdrop-filter:blur(14px);transform:translateZ(86px)} .ags-v7-plaque small{grid-column:1/-1;color:#8de9f5;font-size:10px}.ags-v7-plaque>b{align-self:center;overflow:hidden;color:#fff;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.ags-v7-plaque>i{align-self:center;color:#7fe7f4;font-size:22px;font-style:normal} .ags-v7-scroll{position:absolute;right:clamp(22px,6vw,110px);bottom:27px;display:flex;align-items:center;gap:10px;color:#a8b7c8;font-size:11px} .ags-v7-scroll span{position:relative;width:22px;height:34px;border:1px solid rgba(157,193,222,.5);border-radius:99px}.ags-v7-scroll span:after{content:"";position:absolute;top:6px;left:50%;width:3px;height:6px;border-radius:5px;background:#66e2f2;transform:translateX(-50%);animation:ags-v7-scroll 1.5s ease-in-out infinite} @keyframes ags-v7-scroll{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,10px)}} .ags-v7-content{width:100%;max-width:1840px;margin:0 auto;padding:clamp(45px,7vw,92px) clamp(22px,5.6vw,104px) 90px} .ags-v7-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 clamp(64px,8vw,116px)} .ags-v7-categories>a{position:relative;min-height:138px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;padding:17px;border:1px solid var(--v7-line);border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#0f1b2d,#070d18);box-shadow:inset 0 1px rgba(255,255,255,.04);transition:transform .25s,border-color .25s} .ags-v7-categories>a:before{content:"";position:absolute;inset:auto -20% -80% 20%;height:120px;background:radial-gradient(ellipse,rgba(82,152,255,.18),transparent 68%);transition:transform .3s} .ags-v7-categories>a:hover{transform:translateY(-5px);border-color:rgba(91,218,243,.54)}.ags-v7-categories>a:hover:before{transform:translateY(-25px)} .ags-v7-categories>a>small{position:absolute;top:12px;right:14px;color:#6de2f2;font-size:10px}.ags-v7-categories>a>span{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;margin-bottom:5px;border:1px solid rgba(101,203,237,.27);border-radius:10px;background:rgba(31,101,143,.2);color:#72dff1} .ags-v7-categories svg{width:22px;height:22px}.ags-v7-categories>a>b,.ags-v7-categories>a>i{position:relative;z-index:1}.ags-v7-categories>a>b{font-size:14px}.ags-v7-categories>a>i{color:#9aacbe;font-size:10px;font-style:normal}.ags-v7-categories>a>strong{position:absolute;top:13px;left:14px;color:#83deef} .ags-home-v7 .ags-home-section{margin:0 auto clamp(68px,8vw,120px)} .ags-home-v7 .ags-home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px} .ags-home-v7 .ags-home-section-head>div>span{color:#77dff2;font-size:11px;font-weight:800;letter-spacing:.08em} .ags-home-v7 .ags-home-section-head h2{margin:6px 0 0!important;color:var(--v7-text);font-size:clamp(25px,3vw,40px)!important;line-height:1.3!important;letter-spacing:-.035em} .ags-home-v7 .ags-home-section-head>a{display:inline-flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid var(--v7-line);border-radius:10px;color:#cfdae7;font-size:12px;font-weight:700;white-space:nowrap} .ags-home-v7 .ags-home-products-grid,.ags-home-v7 .ags-home-discount-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .ags-home-v7 .ags-home-product{min-width:0;overflow:hidden;border:1px solid rgba(134,183,222,.2);border-radius:16px;background:#0a111d;box-shadow:0 14px 34px rgba(0,0,0,.2);transition:transform .28s,border-color .28s,box-shadow .28s} .ags-home-v7 .ags-home-product:hover{transform:translateY(-6px);border-color:rgba(92,219,244,.58);box-shadow:0 24px 46px rgba(0,0,0,.38),0 0 26px rgba(53,133,235,.11)} .ags-home-v7 .ags-home-product-link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none} .ags-home-v7 .ags-home-product-media{position:relative;height:clamp(175px,18vw,270px);overflow:hidden;background:radial-gradient(circle at 50% 50%,#18304c,#080e18 76%)} .ags-home-v7 .ags-home-product-media:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(4,9,17,.74))} .ags-home-v7 .ags-home-product-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s} .ags-home-v7 .ags-home-product:hover .ags-home-product-media img{transform:scale(1.055)} .ags-home-v7 .ags-home-product-type{position:absolute;z-index:1;top:12px;right:12px;padding:5px 9px;border:1px solid rgba(200,230,255,.24);border-radius:999px;background:rgba(6,12,22,.7);color:#e8f7ff;font-size:10px} .ags-home-v7 .ags-home-product-body{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:14px;padding:14px 16px 15px} .ags-home-v7 .ags-home-product-body h3{margin:0!important;color:#eff5fd;font-size:15px!important;line-height:1.55!important} .ags-home-v7 .ags-home-product-meta{display:none} .ags-home-v7 .ags-home-product-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:11px;border-top:1px solid rgba(157,191,221,.13);color:#a7b6c7;font-size:11px} .ags-home-v7 .ags-home-product-foot strong{color:#7de2f1;font-size:14px}.ags-home-v7 .ags-home-product-foot small{font-size:10px;color:#a6b5c5}.ags-home-v7 .ags-home-product-foot>span{color:#6ee0f3;font-size:15px} .ags-home-v7 .ags-home-discount-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .ags-home-v7 .ags-home-discounts{padding:clamp(22px,3vw,42px);border:1px solid rgba(244,165,88,.22);border-radius:22px;background:radial-gradient(ellipse at 15% 0,rgba(197,104,50,.1),transparent 40%),linear-gradient(140deg,#11151d,#0a101a)} .ags-home-v7 .ags-home-discounts .ags-home-section-head>div>span{color:#ffc078} .ags-home-v7 .ags-home-discount-card{display:grid;grid-template-columns:minmax(110px,.72fr) minmax(0,1fr);min-height:140px;overflow:hidden;border:1px solid rgba(236,179,114,.17);border-radius:13px;background:rgba(7,12,20,.7);text-decoration:none;transition:transform .25s,border-color .25s} .ags-home-v7 .ags-home-discount-card:hover{transform:translateY(-4px);border-color:rgba(255,184,104,.55)} .ags-home-v7 .ags-home-discount-media{position:relative;min-height:140px;height:auto;background:#101722} .ags-home-v7 .ags-home-discount-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .ags-home-v7 .ags-home-discount-media>span{position:absolute;top:10px;right:10px;padding:5px 8px;border-radius:7px;background:#ffbc68;color:#25150a;font-size:10px;font-weight:900} .ags-home-v7 .ags-home-discount-body{align-self:center;display:grid;gap:5px;padding:13px} .ags-home-v7 .ags-home-discount-body small{color:#ffbd6a;font-size:10px} .ags-home-v7 .ags-home-discount-body h3{margin:0!important;color:#f2f6fb;font-size:14px!important;line-height:1.5!important} .ags-home-v7 .ags-home-discount-body>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .ags-home-v7 .ags-home-discount-body del{color:#9a9eaa;font-size:10px} .ags-home-v7 .ags-home-discount-body strong{color:#ffc57c;font-size:13px} .ags-home-v7 .ags-home-discount-body strong b{font-size:10px} .ags-home-v7 .ags-home-banner-stage{position:relative;height:clamp(300px,39vw,520px);margin:0 0 clamp(65px,8vw,112px);overflow:hidden;border:1px solid rgba(136,198,233,.27);border-radius:22px;background:#08101e;box-shadow:0 26px 70px rgba(0,0,0,.34)} .ags-home-v7 .ags-home-banner-slider,.ags-home-v7 .ags-home-banner-slide{position:absolute;inset:0;width:100%;height:100%} .ags-home-v7 .ags-home-banner-slide{opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s} .ags-home-v7 .ags-home-banner-slide.is-active{opacity:1;visibility:visible} .ags-home-v7 .ags-home-banner-image{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.035);transition:transform 6s linear} .ags-home-v7 .ags-home-banner-slide.is-active .ags-home-banner-image{transform:scale(1)} .ags-home-v7 .ags-home-banner-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(4,8,16,.9),rgba(4,8,16,.45) 45%,rgba(4,8,16,.08)),linear-gradient(0deg,rgba(4,8,16,.52),transparent 54%)} .ags-home-v7 .ags-home-banner-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(145,203,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(145,203,255,.22) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(270deg,#000,transparent 65%)} .ags-home-v7 .ags-home-banner-copy{position:absolute;inset:12% 7% 12% auto;width:min(47%,650px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:right} .ags-home-v7 .ags-home-banner-copy>span{color:#7ce6f5;font-size:11px;font-weight:800;letter-spacing:.12em} .ags-home-v7 .ags-home-banner-copy h2{margin:15px 0!important;color:#fff;font-size:clamp(28px,4vw,56px)!important;line-height:1.25!important} .ags-home-v7 .ags-home-banner-copy p{margin:0 0 19px;color:#d2deeb;font-size:14px;line-height:1.8} .ags-home-v7 .ags-home-banner-cta-row{margin-top:10px} .ags-home-v7 .ags-home-banner-cta-row .ags-home-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 17px;border-radius:10px;background:#e7f7ff;color:#07111c;font-size:13px;font-weight:900} .ags-home-v7 .ags-home-banner-controls{position:absolute;z-index:4;left:24px;bottom:22px;display:flex;align-items:center;gap:9px} .ags-home-v7 .ags-home-banner-controls button{width:42px;height:42px;border:1px solid rgba(219,241,255,.45);border-radius:50%;background:rgba(6,15,28,.64);color:#f1fbff;font-size:16px;cursor:pointer} .ags-home-v7 .ags-home-banner-status{padding:0 8px;color:#e5f5ff;font-size:11px} .ags-v7-market{margin-top:0} .ags-v7-market .ags-v7-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px} .ags-v7-market .ags-v7-head small,.ags-v7-custom>div>small,.ags-v7-market-cta>div>small,.ags-v7-end>div>small{color:#77dff2;font-size:11px;font-weight:800} .ags-v7-market .ags-v7-head h2{margin:6px 0 0!important;font-size:clamp(25px,3vw,40px)!important;color:#edf5ff} .ags-v7-market .ags-v7-head>a{padding:10px 13px;border:1px solid var(--v7-line);border-radius:10px;color:#d7e5f3} .ags-v7-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .ags-v7-market-grid>a{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:106px;padding:12px;border:1px solid var(--v7-line);border-radius:14px;background:linear-gradient(115deg,#101d2e,#080e19);transition:transform .25s,border-color .25s} .ags-v7-market-grid>a:hover{transform:translateY(-3px);border-color:rgba(95,220,241,.5)} .ags-v7-market-art{width:84px;height:78px;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 30% 25%,#244773,#0b1421)} .ags-v7-market-art img{width:100%;height:100%;object-fit:cover}.ags-v7-market-art i{display:grid;width:100%;height:100%;place-items:center;color:#69dfef;font-size:28px;font-style:normal} .ags-v7-market-grid>a>span:nth-child(2){min-width:0;display:grid;gap:3px} .ags-v7-market-grid small{color:#8cb5cc;font-size:10px}.ags-v7-market-grid b{overflow:hidden;color:#eaf3fb;font-size:13px;text-overflow:ellipsis;white-space:nowrap} .ags-v7-market-grid strong{color:#76e2f1;font-size:12px}.ags-v7-market-grid>a>i:last-child{color:#80e3ef;font-size:18px;font-style:normal} .ags-v7-custom{position:relative;display:grid;grid-template-columns:.7fr 1.5fr .75fr;align-items:center;gap:clamp(22px,4vw,65px);min-height:330px;margin:0 0 clamp(68px,8vw,120px);padding:clamp(28px,4vw,58px);overflow:hidden;border:1px solid rgba(108,184,231,.23);border-radius:24px;background:radial-gradient(circle at 17% 48%,rgba(65,112,250,.22),transparent 34%),linear-gradient(120deg,#0a1323,#0c1726 55%,#111126)} .ags-v7-custom:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(125,170,255,.055),transparent);transform:skewX(-22deg) translateX(-120%);animation:ags-v7-sheen 8s ease-in-out infinite} @keyframes ags-v7-sheen{0%,68%{transform:skewX(-22deg) translateX(-120%)}90%,100%{transform:skewX(-22deg) translateX(140%)}} .ags-v7-custom-art{position:relative;display:grid;place-items:center;justify-self:center;width:clamp(145px,17vw,225px);aspect-ratio:1;border:1px solid rgba(103,207,240,.38);border-radius:38px;background:linear-gradient(145deg,#122e4b,#060d19);box-shadow:22px 28px 45px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.11);transform:perspective(800px) rotateY(-16deg) rotateX(9deg)} .ags-v7-custom-art>b{color:#c1f8ff;font-size:clamp(80px,10vw,142px);text-shadow:0 0 38px rgba(73,198,255,.55);transform:translateZ(44px)} .ags-v7-custom-art>i{position:absolute;inset:-17%;border:1px solid rgba(94,154,255,.36);border-radius:50%;transform:rotateX(64deg) rotateZ(-25deg)} .ags-v7-custom-art>strong{position:absolute;top:12%;left:12%;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(173,206,248,.5);border-radius:50%;background:#101c32;color:#b6baff;transform:translateZ(62px)} .ags-v7-custom h2,.ags-v7-market-cta h2{margin:8px 0 12px!important;color:#eff5ff;font-size:clamp(28px,3.4vw,46px)!important;line-height:1.35!important} .ags-v7-custom p,.ags-v7-market-cta p{max-width:580px;margin:0 0 21px;color:#aebbd0;font-size:14px;line-height:1.9} .ags-v7-custom aside{position:relative;z-index:1;display:grid;gap:7px;justify-self:end;padding:16px 18px;border-right:2px solid #68dced;color:#dfe9f5} .ags-v7-custom aside b{font-size:14px}.ags-v7-custom aside span{color:#a1b1c4;font-size:11px} .ags-v7-market-cta{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:380px;margin:0 0 clamp(68px,8vw,110px);padding:clamp(30px,5vw,72px);overflow:hidden;border:1px solid rgba(87,200,229,.24);border-radius:24px;background:radial-gradient(ellipse at 76% 45%,rgba(50,121,255,.22),transparent 32%),linear-gradient(125deg,#09111d,#101327)} .ags-v7-market-cta>div:first-child{position:relative;z-index:2}.ags-v7-market-object{position:relative;height:310px;display:grid;place-items:center;perspective:900px} .ags-v7-market-object>i{position:absolute;width:min(94%,440px);height:150px;border:1px solid rgba(76,220,244,.44);border-radius:50%;transform:rotateX(67deg) rotateZ(-10deg);box-shadow:0 0 25px rgba(65,177,255,.15),inset 0 0 25px rgba(65,177,255,.14)} .ags-v7-market-object>b{position:relative;z-index:2;display:grid;place-items:center;width:150px;height:150px;border:1px solid rgba(126,213,252,.62);border-radius:42px;background:radial-gradient(circle at 30% 18%,#244b75,#0c1524 72%);box-shadow:18px 30px 60px rgba(0,0,0,.4),inset 0 0 32px rgba(83,174,255,.22);color:#d8f7ff;font-size:86px;font-weight:900;transform:rotateY(-18deg) rotateX(10deg);text-shadow:0 0 25px #56cffa} .ags-v7-market-object>span,.ags-v7-market-object>small{position:absolute;z-index:3;padding:9px 13px;border:1px solid rgba(127,207,243,.42);border-radius:10px;background:#101d30;color:#e8f7ff;font-size:12px;font-weight:900;box-shadow:0 12px 24px rgba(0,0,0,.38)} .ags-v7-market-object>span{top:12%;right:12%;transform:rotate(9deg) translateZ(48px)}.ags-v7-market-object>small{bottom:15%;left:8%;transform:rotate(-8deg) translateZ(70px)} .ags-v7-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 clamp(55px,7vw,90px)} .ags-v7-help>a{position:relative;display:grid;gap:6px;min-height:105px;padding:20px;border:1px solid var(--v7-line);border-radius:13px;background:#09111c;transition:transform .22s,border-color .22s} .ags-v7-help>a:hover{transform:translateY(-3px);border-color:rgba(98,218,241,.47)}.ags-v7-help>a>b{font-size:15px}.ags-v7-help>a>small{color:#9eafc1;font-size:11px}.ags-v7-help>a>i{position:absolute;top:17px;left:18px;color:#78dfef;font-size:17px;font-style:normal} .ags-v7-end{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;border-top:1px solid var(--v7-line)} .ags-v7-end h2{margin:4px 0!important;color:#f2f6ff;font-size:clamp(22px,3vw,34px)!important} .ags-home-v7 [data-v7-reveal]{opacity:1;transform:none} .ags-home-v7.v7-motion-ready [data-v7-reveal]{opacity:0;translate:0 25px;transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.25,1)} .ags-home-v7.v7-motion-ready [data-v7-reveal].is-v7-visible{opacity:1;translate:none} .ags-home-v7.v7-motion-ready .ags-home-products-grid [data-v7-reveal]:nth-child(2),.ags-home-v7.v7-motion-ready .ags-v7-market-grid [data-v7-reveal]:nth-child(2){transition-delay:70ms} .ags-home-v7.v7-motion-ready .ags-home-products-grid [data-v7-reveal]:nth-child(3),.ags-home-v7.v7-motion-ready .ags-v7-market-grid [data-v7-reveal]:nth-child(3){transition-delay:140ms} .ags-home-v7.v7-motion-ready .ags-home-products-grid [data-v7-reveal]:nth-child(4){transition-delay:210ms} @media(min-width:1600px){.ags-v7-content{padding-inline:clamp(90px,7vw,140px)}} @media(max-width:1200px){ .ags-v7-hero-inner{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:35px} .ags-v7-categories{grid-template-columns:repeat(3,minmax(0,1fr))} .ags-home-v7 .ags-home-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .ags-home-v7 .ags-home-discount-grid,.ags-v7-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ .ags-v7-hero{min-height:auto;padding:72px 22px 83px} .ags-v7-hero-inner{grid-template-columns:1fr;gap:15px} .ags-v7-copy{max-width:650px}.ags-v7-copy h1{font-size:clamp(42px,10vw,66px)!important} .ags-v7-object{width:min(84vw,460px);margin:8px auto 10px;aspect-ratio:1.25/1} .ags-v7-proof{gap:11px 16px;margin-top:24px} .ags-v7-content{padding:44px 18px 60px} .ags-v7-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:58px} .ags-v7-categories>a{min-height:112px;padding:15px 11px}.ags-v7-categories>a>b{font-size:13px}.ags-v7-categories>a>i{font-size:10px} .ags-home-v7 .ags-home-section-head{align-items:flex-start} .ags-home-v7 .ags-home-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .ags-home-v7 .ags-home-product{border-radius:12px} .ags-home-v7 .ags-home-product-media{height:clamp(130px,35vw,215px)} .ags-home-v7 .ags-home-product-body{gap:11px;padding:12px} .ags-home-v7 .ags-home-product-body h3{font-size:13px!important} .ags-home-v7 .ags-home-product-foot{align-items:flex-start;flex-direction:column;gap:7px;padding-top:9px} .ags-home-v7 .ags-home-product-foot>span{font-size:10px} .ags-home-v7 .ags-home-discounts{padding:18px 14px;border-radius:17px} .ags-home-v7 .ags-home-discount-grid,.ags-v7-market-grid{grid-template-columns:1fr} .ags-home-v7 .ags-home-discount-card{grid-template-columns:120px minmax(0,1fr)} .ags-home-v7 .ags-home-discount-media{min-height:120px} .ags-v7-market-grid>a{grid-template-columns:74px minmax(0,1fr) auto;min-height:92px;padding:9px} .ags-v7-market-art{width:74px;height:70px} .ags-v7-custom{grid-template-columns:1fr;gap:16px;padding:28px 22px;margin-bottom:58px} .ags-v7-custom-art{width:130px;justify-self:end;grid-row:1}.ags-v7-custom>div:nth-child(2){grid-row:2} .ags-v7-custom aside{justify-self:stretch;grid-row:3} .ags-v7-market-cta{grid-template-columns:1fr;padding:29px 23px;margin-bottom:58px} .ags-v7-market-object{height:240px;grid-row:1} .ags-v7-help{grid-template-columns:1fr;gap:9px;margin-bottom:52px} .ags-v7-help>a{min-height:83px;padding:15px} .ags-v7-end{align-items:flex-start;flex-direction:column} .ags-home-v7 .ags-home-banner-stage{height:360px;margin-bottom:56px;border-radius:15px} .ags-home-v7 .ags-home-banner-shade{background:linear-gradient(0deg,rgba(3,8,16,.96),rgba(3,8,16,.42) 72%,rgba(3,8,16,.14))} .ags-home-v7 .ags-home-banner-copy{inset:auto 6% 13%;width:88%;text-align:right} .ags-home-v7 .ags-home-banner-copy h2{font-size:clamp(24px,7vw,38px)!important} .ags-home-v7 .ags-home-banner-copy p{font-size:12px} .ags-home-v7 .ags-home-banner-controls{left:13px;bottom:12px} .ags-home-v7 .ags-home-banner-glass{display:none} } @media(max-width:420px){ .ags-v7-hero{padding-inline:18px}.ags-v7-copy>p{font-size:14px} .ags-v7-actions{gap:8px}.ags-v7-button{min-height:48px;padding:10px 14px;font-size:12px} .ags-v7-proof{font-size:10px} .ags-home-v7 .ags-home-section-head{gap:10px;flex-direction:column} .ags-home-v7 .ags-home-section-head h2{font-size:25px!important} .ags-home-v7 .ags-home-products-grid{gap:8px} .ags-home-v7 .ags-home-product-body{padding:10px} .ags-home-v7 .ags-home-product-body h3{font-size:12px!important} .ags-home-v7 .ags-home-product-foot strong{font-size:13px} .ags-v7-categories>a{min-height:104px} } @media(prefers-reduced-motion:reduce){ .ags-home-v7 *,.ags-home-v7 *:before,.ags-home-v7 *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} .ags-v7-object{transform:none!important} } /* ALEF HOME V12 — rebuild the hero as an immersive, full-bleed game world. */ .ags-v7-hero.ags-v12-hero{ position:relative;isolation:isolate;display:flex;min-height:clamp(700px,calc(100svh - 88px),980px);width:100%; flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(110px,15vh,170px) clamp(22px,6vw,110px) 98px; background:#050811; } .ags-v7-hero.ags-v12-hero:before{ content:"";position:absolute;inset:0;z-index:-1;opacity:1;pointer-events:none; background:linear-gradient(90deg,rgba(3,8,17,.06) 0%,rgba(3,8,17,.12) 31%,rgba(3,8,17,.62) 65%,rgba(3,8,17,.91) 100%), linear-gradient(0deg,rgba(3,8,17,.96) 0%,rgba(3,8,17,.44) 24%,transparent 62%), linear-gradient(180deg,rgba(3,8,17,.32),transparent 22%); } .ags-v7-hero.ags-v12-hero:after{ content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background:radial-gradient(ellipse at 13% 46%,rgba(42,196,242,.19),transparent 32%),radial-gradient(ellipse at 82% 8%,rgba(141,87,255,.14),transparent 33%); } .ags-v12-hero .ags-v7-backdrop{z-index:-3;opacity:.54;filter:blur(42px) saturate(1.3);transform:scale(1.16)} .ags-v12-art{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 25% 45%,#17334b,#050811 76%)} .ags-v12-art>img{position:absolute;inset:-2%;width:104%;height:104%;max-width:none;object-fit:cover;object-position:center 34%;opacity:.92;filter:saturate(1.12) contrast(1.04);transform:scale(1.045);animation:ags-v12-art-drift 24s ease-in-out infinite alternate;will-change:transform} .ags-v12-art-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#dcfaff;font-size:clamp(90px,18vw,230px);font-weight:1000;line-height:.82;letter-spacing:.08em;text-shadow:0 0 48px rgba(66,207,255,.5)} .ags-v12-art-placeholder span{margin-top:20px;color:#71ddf2;font-size:.23em;letter-spacing:.45em} @keyframes ags-v12-art-drift{0%{transform:scale(1.045) translate3d(0,0,0)}100%{transform:scale(1.095) translate3d(-.7%,.4%,0)}} .ags-v12-hero-inner{position:relative;z-index:4;display:grid;width:min(100%,1700px);min-height:470px;grid-template-columns:minmax(0,1fr);align-items:end;gap:clamp(32px,6vw,100px);margin:auto} .ags-v12-copy{grid-column:1;width:min(100%,900px);max-width:900px;padding:0 0 15px;text-align:right} .ags-v12-live{margin-bottom:10px;background:rgba(4,13,26,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .ags-v12-kicker{display:block;margin-top:13px;color:#82eafa;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase} .ags-v12-copy h1{max-width:900px;margin:13px 0 19px!important;font-size:clamp(48px,7.3vw,112px)!important;line-height:1.13!important;letter-spacing:-.055em!important;text-shadow:0 8px 34px rgba(0,0,0,.38)} .ags-v12-copy h1 em{background-image:linear-gradient(100deg,#65eff3 8%,#7faeff 54%,#c17cff)} .ags-v12-copy>p{max-width:660px;color:#d2dfed;font-size:clamp(14px,1.12vw,17px);text-shadow:0 2px 15px rgba(0,0,0,.65)} .ags-v12-copy .ags-v7-actions{margin-top:24px} .ags-v12-copy .ags-v7-proof{gap:20px;margin-top:24px;color:#c1cfdd;text-shadow:0 2px 8px rgba(0,0,0,.6)} .ags-v12-signal-field{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden} .ags-v12-orbit{position:absolute;left:11%;top:24%;width:clamp(260px,37vw,590px);height:clamp(140px,19vw,300px);border:1px solid rgba(95,221,246,.36);border-radius:50%;filter:drop-shadow(0 0 12px rgba(50,195,243,.2));transform:perspective(900px) rotateX(66deg) rotateZ(-13deg);animation:ags-v12-orbit-float 9s ease-in-out infinite alternate} .ags-v12-orbit.orbit-b{left:16%;top:29%;width:clamp(210px,29vw,460px);height:clamp(110px,14vw,220px);border-color:rgba(165,126,255,.36);transform:perspective(900px) rotateX(65deg) rotateZ(19deg);animation-delay:-4.5s} @keyframes ags-v12-orbit-float{from{translate:0 0;scale:1}to{translate:0 -12px;scale:1.025}} .ags-v12-coordinate{position:absolute;top:18%;left:clamp(24px,7vw,120px);display:flex;align-items:center;gap:10px;color:rgba(227,242,255,.77);font-size:9px;font-weight:900;letter-spacing:.17em;transform:rotate(-7deg)} .ags-v12-coordinate b{padding:5px 7px;border:1px solid rgba(111,225,249,.38);border-radius:6px;color:#85ebf6;font-size:9px} .ags-v12-scroll{z-index:4;right:clamp(22px,6vw,110px);bottom:28px;color:#e0e9f2} .ags-v12-scroll span{border-color:rgba(174,222,242,.62)} @media(max-width:1100px){ .ags-v12-hero-inner{grid-template-columns:minmax(0,1fr);gap:32px} .ags-v12-copy h1{font-size:clamp(48px,7vw,82px)!important} } @media(max-width:760px){ .ags-v7-hero.ags-v12-hero{min-height:clamp(720px,calc(100svh - 64px),920px);padding:105px 20px 88px} .ags-v12-art>img{object-position:59% center;opacity:.8;animation-duration:30s} .ags-v7-hero.ags-v12-hero:before{background:linear-gradient(0deg,rgba(3,8,17,.98) 0%,rgba(3,8,17,.83) 33%,rgba(3,8,17,.25) 76%,rgba(3,8,17,.48) 100%),linear-gradient(90deg,rgba(3,8,17,.12),rgba(3,8,17,.3))} .ags-v12-hero-inner{width:100%;min-height:0;grid-template-columns:1fr;align-content:end;gap:21px} .ags-v12-copy{grid-column:1;grid-row:1;width:100%;max-width:720px;padding:0} .ags-v12-copy h1{margin:10px 0 14px!important;font-size:clamp(42px,10.3vw,66px)!important;line-height:1.2!important} .ags-v12-copy>p{font-size:14px;line-height:1.8} .ags-v12-copy .ags-v7-actions{gap:9px;margin-top:18px} .ags-v12-copy .ags-v7-button{min-height:48px;padding:10px 13px;font-size:11px} .ags-v12-copy .ags-v7-proof{gap:10px 15px;margin-top:17px;font-size:10px} .ags-v12-orbit{left:-18%;top:17%;width:clamp(240px,74vw,420px);height:150px;opacity:.75} .ags-v12-orbit.orbit-b{left:-8%;top:21%;width:clamp(200px,59vw,350px);height:115px} .ags-v12-coordinate{top:18%;left:18px} .ags-v12-scroll{right:20px;bottom:23px;font-size:10px} } @media(max-width:420px){ .ags-v7-hero.ags-v12-hero{padding-inline:17px} .ags-v12-copy h1{font-size:clamp(39px,10.2vw,49px)!important} .ags-v12-copy .ags-v7-actions{display:grid;grid-template-columns:1fr 1fr} .ags-v12-copy .ags-v7-button{gap:7px;padding-inline:9px;font-size:10px} .ags-v12-copy .ags-v7-proof{gap:8px 11px;font-size:9px} } @media(prefers-reduced-motion:reduce){ .ags-v12-art>img,.ags-v12-orbit{animation:none!important} } /* ALEF HOME V8 — atmospheric canvas, unified glass surfaces, and tactile previews. */ .ags-home-v7{ --v8-glass:rgba(8,18,31,.68); --v8-glass-line:rgba(135,220,255,.23); --v8-cyan:#63e8f2; background-color:#050811; background-image:radial-gradient(ellipse at 14% 12%,rgba(0,190,224,.12),transparent 31%),radial-gradient(ellipse at 86% 28%,rgba(105,76,255,.12),transparent 34%),radial-gradient(ellipse at 42% 82%,rgba(14,103,194,.1),transparent 38%),linear-gradient(160deg,#050811 0%,#07101b 48%,#060913 100%); } .ags-home-v7:before,.ags-home-v7:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none} .ags-home-v7:before{ opacity:.22; background-image:linear-gradient(rgba(104,207,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(104,207,255,.1) 1px,transparent 1px),linear-gradient(125deg,transparent 0 48%,rgba(97,226,242,.11) 49%,transparent 50% 100%); background-size:78px 78px,78px 78px,100% 100%; mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 84%,transparent 100%); animation:ags-v8-grid-drift 34s linear infinite; } .ags-home-v7:after{ opacity:.48; background:radial-gradient(38rem 25rem at 12% 35%,rgba(10,197,226,.09),transparent 70%),radial-gradient(32rem 28rem at 88% 73%,rgba(139,72,255,.09),transparent 72%); animation:ags-v8-aurora 20s ease-in-out infinite alternate; } .ags-home-v8-particles{position:fixed!important;inset:0!important;z-index:0!important;display:block;width:100vw!important;height:100vh!important;max-width:none!important;pointer-events:none!important;opacity:.36;mix-blend-mode:screen} .ags-home-v7>.ags-v7-hero,.ags-home-v7>.ags-v7-content{position:relative;z-index:1} .ags-v7-hero{background-image:radial-gradient(ellipse at 28% 51%,rgba(0,197,238,.13),transparent 38%),radial-gradient(ellipse at 79% 8%,rgba(132,79,255,.13),transparent 31%),linear-gradient(110deg,rgba(5,11,20,.92),rgba(7,13,25,.83) 58%,rgba(8,13,27,.86))} .ags-v7-hero:before{opacity:.21;background-size:64px 64px;animation:ags-v8-grid-drift 28s linear infinite} .ags-v7-live,.ags-v7-plaque,.ags-v7-float,.ags-v7-categories>a,.ags-v7-market-grid>a,.ags-v7-help>a,.ags-home-v7 .ags-home-discounts{ background-color:var(--v8-glass); border-color:var(--v8-glass-line); backdrop-filter:blur(14px) saturate(135%); -webkit-backdrop-filter:blur(14px) saturate(135%); } .ags-v7-categories>a,.ags-v7-market-grid>a,.ags-v7-help>a{box-shadow:inset 0 1px rgba(255,255,255,.045),0 16px 35px rgba(0,0,0,.13)} .ags-v7-categories>a:hover,.ags-v7-market-grid>a:hover,.ags-v7-help>a:hover{box-shadow:inset 0 1px rgba(255,255,255,.09),0 18px 38px rgba(0,0,0,.25),0 0 25px rgba(52,208,240,.08)} .ags-home-v7 .ags-home-product{ --v8-tilt-x:0deg;--v8-tilt-y:0deg;--v8-spot-x:50%;--v8-spot-y:50%; position:relative;aspect-ratio:1.12/1;min-height:0;overflow:hidden; border:1px solid rgba(128,199,235,.28);border-radius:19px; background:linear-gradient(150deg,rgba(13,31,49,.88),rgba(6,12,22,.92)); box-shadow:0 16px 38px rgba(0,0,0,.29),inset 0 1px rgba(255,255,255,.07); transform:perspective(1100px) rotateX(var(--v8-tilt-x)) rotateY(var(--v8-tilt-y)); transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.72,.2,1),border-color .35s,box-shadow .35s; } .ags-home-v7 .ags-home-product:before,.ags-home-v7 .ags-home-product:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit} .ags-home-v7 .ags-home-product:before{border:1px solid rgba(210,245,255,.12);box-shadow:inset 0 0 28px rgba(46,187,239,.075)} .ags-home-v7 .ags-home-product:after{opacity:.42;background:radial-gradient(340px circle at var(--v8-spot-x) var(--v8-spot-y),rgba(82,223,255,.2),transparent 62%);mix-blend-mode:screen;transition:opacity .25s} .ags-home-v7 .ags-home-product:hover{transform:perspective(1100px) rotateX(var(--v8-tilt-x)) rotateY(var(--v8-tilt-y)) translateY(-6px);border-color:rgba(96,226,248,.67);box-shadow:0 28px 56px rgba(0,0,0,.4),0 0 32px rgba(34,176,230,.14),inset 0 1px rgba(255,255,255,.12)} .ags-home-v7 .ags-home-product:hover:after{opacity:.78} .ags-home-v7 .ags-home-product-link{position:absolute;inset:0;display:block;height:100%;transform-style:preserve-3d} .ags-home-v7 .ags-home-product-media{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(circle at 50% 25%,#193c62,#080d19 74%)} .ags-home-v7 .ags-home-product-media:after{inset:25% 0 0;background:linear-gradient(180deg,transparent 12%,rgba(3,8,15,.2) 45%,rgba(3,8,15,.84) 100%)} .ags-home-v7 .ags-home-product-media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.035);transform:scale(1.015);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s} .ags-home-v7 .ags-home-product:hover .ags-home-product-media img{transform:scale(1.075);filter:saturate(1.2) contrast(1.045)} .ags-home-v7 .ags-home-product-type{z-index:5;top:13px;right:13px;padding:6px 10px;border-color:rgba(161,230,255,.29);border-radius:999px;background:rgba(5,13,26,.72);box-shadow:0 6px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px);font-size:10px;letter-spacing:.015em} .ags-home-v7 .ags-home-product-body{position:absolute;inset:auto 10px 10px;z-index:4;display:flex;min-height:92px;gap:9px;padding:13px 14px;border:1px solid rgba(172,223,246,.22);border-radius:14px;background:linear-gradient(115deg,rgba(4,12,22,.78),rgba(12,28,43,.66));box-shadow:0 12px 30px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.075);backdrop-filter:blur(10px) saturate(135%);-webkit-backdrop-filter:blur(10px) saturate(135%);transform:translateZ(24px)} .ags-home-v7 .ags-home-product-body h3{color:#f3f9ff;font-size:15px!important;line-height:1.5!important;text-shadow:0 2px 10px rgba(0,0,0,.4)} .ags-home-v7 .ags-home-product-foot{margin-top:auto;padding-top:8px;border-top-color:rgba(171,220,241,.16);color:#afc4d5;font-size:11px} .ags-home-v7 .ags-home-product-foot strong{color:#80e9f3;font-size:13px}.ags-home-v7 .ags-home-product-foot>span{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(99,224,242,.26);border-radius:50%;background:rgba(48,196,221,.1);font-size:13px;transition:transform .25s,background .25s} .ags-home-v7 .ags-home-product:hover .ags-home-product-foot>span{transform:translateX(-3px);background:rgba(48,196,221,.2)} .ags-home-v7 .ags-home-product-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:rgba(175,235,255,.6);font-size:42px;font-weight:900;letter-spacing:.2em;background:radial-gradient(circle,#164360,#08101b 68%)} .ags-home-v7 .ags-home-section-head h2,.ags-v7-market .ags-v7-head h2{letter-spacing:-.035em;text-shadow:0 5px 28px rgba(54,176,222,.1)} .ags-home-v7.v7-motion-ready [data-v7-reveal]{transition-delay:var(--v8-reveal-delay,0ms)} .ags-home-v7.v7-motion-ready [data-v7-reveal].is-v7-visible{transition-delay:0ms} .ags-v7-custom,.ags-v7-market-cta{border-color:rgba(113,215,246,.27);background-color:rgba(7,17,30,.77);backdrop-filter:blur(18px) saturate(128%);-webkit-backdrop-filter:blur(18px) saturate(128%);box-shadow:inset 0 1px rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.18)} .ags-v7-market-object>b,.ags-v7-custom-art{animation:ags-v8-float 6.5s ease-in-out infinite} @keyframes ags-v8-grid-drift{to{background-position:78px 78px,78px 78px,0 0}} @keyframes ags-v8-aurora{0%{background-position:0 0,100% 100%;opacity:.35}100%{background-position:12% 9%,88% 82%;opacity:.62}} @keyframes ags-v8-float{0%,100%{translate:0 0}50%{translate:0 -8px}} @media(max-width:760px){ .ags-home-v7 .ags-home-product{aspect-ratio:.94/1;border-radius:15px} .ags-home-v7 .ags-home-product-body{inset:auto 7px 7px;min-height:86px;padding:10px 11px;border-radius:11px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)} .ags-home-v7 .ags-home-product-body h3{font-size:13px!important} .ags-home-v7 .ags-home-product-foot{font-size:10px} .ags-home-v7 .ags-home-product-foot strong{font-size:12px} .ags-home-v7 .ags-home-product-type{top:9px;right:9px;padding:5px 8px;font-size:9px} .ags-home-v8-particles{opacity:.2} } @media(max-width:420px){.ags-home-v7 .ags-home-product{aspect-ratio:.88/1}.ags-home-v7 .ags-home-product-body{min-height:82px}} @media(prefers-reduced-motion:reduce){ .ags-home-v7:before,.ags-home-v7:after,.ags-v7-market-object>b,.ags-v7-custom-art{animation:none!important} .ags-home-v7 .ags-home-product{transform:none!important} .ags-home-v8-particles{display:none!important} } /* ALEF HOME V9 — scroll-completed 3D market artwork and tighter product labels. */ .ags-home-v7 .ags-home-product-body h3{font-size:14px!important;line-height:1.48!important} .ags-home-v7 .ags-home-product-foot{font-size:10.5px} .ags-home-v7 .ags-home-product-foot strong{font-size:13px} .ags-home-v7 .ags-v7-market-cta{--v9-scene-progress:0;isolation:isolate;background:radial-gradient(ellipse at 27% 58%,rgba(17,181,222,.105),transparent 37%),radial-gradient(ellipse at 80% 42%,rgba(120,88,255,.17),transparent 39%),linear-gradient(122deg,#09121e,#0b1523 52%,#111326)} .ags-home-v7 .ags-v7-market-cta:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(127,205,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(127,205,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at 26% 52%,#000,transparent 59%)} .ags-home-v7 .ags-v7-market-cta>div:first-child,.ags-home-v7 .ags-v7-market-object{z-index:1} .ags-home-v7 .ags-v7-market-object{isolation:isolate;overflow:visible} .ags-home-v7 .ags-v9-three-canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .45s ease} .ags-home-v7 .ags-v7-market-object.is-v9-webgl>.ags-v9-three-canvas{opacity:1} .ags-home-v7 .ags-v7-market-object.is-v9-webgl>i,.ags-home-v7 .ags-v7-market-object.is-v9-webgl>b,.ags-home-v7 .ags-v7-market-object.is-v9-webgl>span,.ags-home-v7 .ags-v7-market-object.is-v9-webgl>small{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s} .ags-home-v7 .ags-v7-market-cta.v9-webgl-fallback .ags-v7-market-object{filter:drop-shadow(0 20px 35px rgba(42,192,238,.14))} @media(max-width:760px){ .ags-home-v7 .ags-home-product-body h3{font-size:12.5px!important;line-height:1.45!important} .ags-home-v7 .ags-home-product-foot small{font-size:9px} .ags-home-v7 .ags-v9-three-canvas{inset:-4% -3%;width:106%;height:108%} } @media(max-width:420px){.ags-home-v7 .ags-home-product-body h3{font-size:12px!important}} @media(prefers-reduced-motion:reduce){.ags-home-v7 .ags-v9-three-canvas{transition:none}} /* ALEF HOME V11 — glass treatment is limited to the product information panel. */ .ags-home-v7 .ags-home-product{--v10-accent:#75e7f3;--v10-glow:rgba(43,198,237,.16);border-color:rgba(130,205,232,.3);border-radius:20px;box-shadow:0 16px 38px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07)} .ags-home-v7 .ags-home-product-ags_dlc{--v10-accent:#c09aff;--v10-glow:rgba(147,88,255,.2)} .ags-home-v7 .ags-home-product-ags_gift{--v10-accent:#7dbbff;--v10-glow:rgba(48,128,255,.2)} .ags-home-v7 .ags-home-product-ags_game{--v10-accent:#75e7f3;--v10-glow:rgba(43,198,237,.16)} .ags-home-v7 .ags-home-product:hover{border-color:color-mix(in srgb,var(--v10-accent) 68%,transparent);box-shadow:0 25px 52px rgba(0,0,0,.4),0 0 30px var(--v10-glow),inset 0 1px rgba(255,255,255,.13)} .ags-home-v7 .ags-home-product-type{border-color:color-mix(in srgb,var(--v10-accent) 40%,transparent);color:#f1f8ff} .ags-home-v7 .ags-home-product-body{position:absolute;inset:auto 10px 10px;z-index:4;display:flex;min-height:0;gap:10px;padding:13px 14px 12px;overflow:hidden;border:1px solid rgba(222,242,255,.34);border-radius:16px;background:radial-gradient(130% 150% at 100% 0%,var(--v10-glow),transparent 58%),linear-gradient(145deg,rgba(18,35,54,.46),rgba(7,18,31,.28));box-shadow:0 14px 38px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.22),inset 0 -1px rgba(255,255,255,.05);backdrop-filter:blur(17px) saturate(165%);-webkit-backdrop-filter:blur(17px) saturate(165%);transform:translateZ(24px);transition:background .25s,border-color .25s,box-shadow .25s,transform .25s} .ags-home-v7 .ags-home-product-body:before{content:"";position:absolute;top:0;right:14px;width:78px;height:1px;background:linear-gradient(90deg,transparent,var(--v10-accent),transparent);opacity:.95;pointer-events:none} .ags-home-v7 .ags-home-product-body h3{position:relative;z-index:1;margin:0!important;color:#f3f8ff;font-size:15px!important;font-weight:800;line-height:1.48!important;overflow-wrap:anywhere;text-wrap:pretty;text-shadow:0 2px 12px rgba(0,0,0,.42)} .ags-home-v7 .ags-home-product-foot{position:relative;z-index:1;align-items:center;justify-content:space-between;gap:10px;margin-top:0;padding-top:9px;border-top-color:rgba(186,221,239,.19);color:#c6d4e0;font-size:11px} .ags-home-v7 .ags-home-product-foot strong{color:var(--v10-accent);font-size:12.5px;font-weight:800} .ags-home-v7 .ags-home-product-foot small{color:#aebdca} .ags-home-v7 .ags-home-product-foot>span{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border:1px solid color-mix(in srgb,var(--v10-accent) 44%,transparent);border-radius:9px;background:color-mix(in srgb,var(--v10-accent) 12%,transparent);color:var(--v10-accent);font-size:14px;transition:transform .25s,background .25s,border-color .25s} .ags-home-v7 .ags-home-product:hover .ags-home-product-body{border-color:color-mix(in srgb,var(--v10-accent) 62%,rgba(255,255,255,.4));background:radial-gradient(130% 150% at 100% 0%,var(--v10-glow),transparent 58%),linear-gradient(145deg,rgba(28,52,75,.53),rgba(8,22,37,.34));box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 26px var(--v10-glow),inset 0 1px rgba(255,255,255,.28);transform:translate3d(0,-2px,30px)} .ags-home-v7 .ags-home-product:hover .ags-home-product-foot>span{transform:translateX(-3px);border-color:color-mix(in srgb,var(--v10-accent) 68%,transparent);background:color-mix(in srgb,var(--v10-accent) 21%,transparent)} .ags-home-v7 .ags-home-product-link:focus-visible{outline:2px solid var(--v10-accent);outline-offset:-4px;border-radius:inherit} @media(max-width:760px){ .ags-home-v7 .ags-home-product-body{inset:auto 7px 7px;gap:8px;padding:10px 11px;border-radius:12px} .ags-home-v7 .ags-home-product-body h3{font-size:13px!important} .ags-home-v7 .ags-home-product-foot{flex-direction:row;align-items:center;gap:8px;padding-top:8px} .ags-home-v7 .ags-home-product-foot>span{width:25px;height:25px;flex-basis:25px} } @media(max-width:420px){.ags-home-v7 .ags-home-product-body{inset:auto 6px 6px;padding:9px 10px}.ags-home-v7 .ags-home-product-body h3{font-size:12px!important}} /* ALEF TF2 V2 — full-viewport storefront layout; checkout and form controls remain untouched. */ #ags-main-content.ags-page-content.ags-tf2-page-content{ position:relative!important;width:100vw!important;max-width:none!important;padding:0!important; margin-inline:calc(50% - 50vw)!important;overflow-x:clip!important; } #ags-main-content.ags-page-content.ags-tf2-page-content>.ags-tf2-page{ width:100%!important;max-width:none!important;margin:0!important;padding:0 0 clamp(52px,6vw,88px)!important; color:#e5f4ff; } .ags-tf2-page>.ags-tf2-hero-v2{ display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:center; gap:clamp(24px,4vw,76px);width:100%!important;min-height:clamp(500px,62svh,740px)!important; margin:0 0 clamp(38px,5vw,66px)!important;padding:clamp(34px,5vw,82px) clamp(24px,6.2vw,120px)!important; overflow:hidden;border:0!important;border-bottom:1px solid rgba(126,211,255,.27)!important; border-radius:0 0 34px 34px!important; background-color:#050b14!important; background-image: linear-gradient(rgba(112,195,255,.035) 1px,transparent 1px), linear-gradient(90deg,rgba(112,195,255,.035) 1px,transparent 1px), radial-gradient(ellipse at 18% 72%,rgba(26,174,218,.2),transparent 34%), radial-gradient(ellipse at 80% 32%,rgba(227,169,64,.13),transparent 28%), linear-gradient(125deg,#071521 0%,#08111d 47%,#0a1220 100%)!important; background-size:52px 52px,52px 52px,auto,auto,auto!important; box-shadow:0 32px 100px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.08)!important; } .ags-tf2-page>.ags-tf2-hero-v2:before{ left:-11%!important;top:-26%!important;width:clamp(420px,52vw,820px)!important;height:clamp(420px,52vw,820px)!important; background:radial-gradient(circle,rgba(42,179,229,.17),rgba(29,113,165,.055) 42%,transparent 69%)!important; filter:blur(14px)!important; } .ags-tf2-hero-v2-copy{width:100%;max-width:1000px!important;flex:initial!important} .ags-tf2-hero-v2 h1{max-width:1000px;margin:16px 0 22px!important;font-size:clamp(38px,5.2vw,76px)!important;line-height:1.24!important;letter-spacing:-.035em!important;text-wrap:balance;text-shadow:0 10px 42px rgba(0,0,0,.5)} .ags-tf2-hero-v2 h1 em{color:#77ddf3!important;text-shadow:0 0 34px rgba(75,201,244,.2)} .ags-tf2-hero-v2 p{max-width:760px!important;color:#bdd0de!important;font-size:clamp(14px,1.1vw,16px)!important;line-height:2!important} .ags-tf2-hero-pills{gap:10px!important;margin-top:28px!important} .ags-tf2-hero-pills span{padding:10px 14px!important;border-color:rgba(135,215,245,.2)!important;background:rgba(126,194,225,.075)!important;color:#d6eaf5!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.07)!important} .ags-tf2-hero-visual{width:100%!important;height:clamp(350px,42vw,540px)!important;flex:initial!important;overflow:visible!important} .ags-tf2-hero-visual img{width:min(100%,740px)!important;max-width:100%!important;max-height:clamp(340px,42vw,520px)!important} .ags-tf2-page>.ags-tf2-market-grid,.ags-tf2-page>.ags-tf2-rules,.ags-tf2-page>.ags-tf2-closed,.ags-tf2-page>.ags-activity-ticker{ width:92%!important;max-width:1880px!important;margin-inline:auto!important; } .ags-tf2-page>.ags-tf2-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(18px,2.2vw,34px)!important;align-items:stretch} .ags-tf2-page .ags-tf2-panel{min-width:0;border-radius:26px!important;border-color:rgba(121,208,245,.22)!important;background:radial-gradient(ellipse at 100% 0%,rgba(49,161,204,.11),transparent 44%),linear-gradient(145deg,rgba(11,28,43,.94),rgba(4,13,23,.96))!important;box-shadow:0 26px 68px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07)!important;transition:border-color .25s,box-shadow .25s} .ags-tf2-page .ags-tf2-panel:hover{border-color:rgba(113,218,248,.4)!important;box-shadow:0 30px 76px rgba(0,0,0,.36),0 0 28px rgba(52,178,224,.08),inset 0 1px rgba(255,255,255,.09)!important} .ags-tf2-page>.ags-tf2-rules{margin-top:clamp(34px,4.5vw,58px)!important;padding:clamp(22px,3vw,42px)!important;border-color:rgba(121,208,245,.17)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(8,23,36,.84),rgba(4,12,21,.92))!important} @media(max-width:900px){ .ags-tf2-page>.ags-tf2-hero-v2{grid-template-columns:minmax(0,1fr);min-height:0!important;padding:38px 5vw 34px!important} .ags-tf2-hero-v2-copy{max-width:780px!important} .ags-tf2-hero-v2 h1{font-size:clamp(34px,6vw,56px)!important} .ags-tf2-hero-visual{height:clamp(250px,38vw,340px)!important;margin:5px 0 0!important} .ags-tf2-hero-visual img{width:min(100%,520px)!important;max-height:340px!important} .ags-tf2-page>.ags-tf2-market-grid{grid-template-columns:minmax(0,1fr)!important;width:92%!important} } @media(max-width:782px){ /* Keep the fixed mobile header clear while the TF2 content spans the viewport. */ #ags-main-content.ags-page-content.ags-tf2-page-content{padding-top:84px!important} } @media(max-width:560px){ .ags-tf2-page>.ags-tf2-hero-v2{gap:12px;padding:29px 20px 25px!important;border-radius:0 0 24px 24px!important} .ags-tf2-hero-v2 h1{font-size:clamp(30px,8vw,40px)!important;line-height:1.32!important} .ags-tf2-hero-v2 p{font-size:13px!important} .ags-tf2-hero-pills{margin-top:17px!important;gap:7px!important} .ags-tf2-hero-pills span{font-size:9px!important;padding:8px 10px!important} .ags-tf2-hero-visual{height:220px!important;margin-top:4px!important} .ags-tf2-hero-visual img{width:min(100%,360px)!important;max-height:220px!important} .ags-tf2-page>.ags-tf2-market-grid,.ags-tf2-page>.ags-tf2-rules,.ags-tf2-page>.ags-tf2-closed,.ags-tf2-page>.ags-activity-ticker{width:calc(100% - 28px)!important} .ags-tf2-page>.ags-tf2-market-grid{gap:16px!important} .ags-tf2-page .ags-tf2-panel{padding:21px 16px!important;border-radius:20px!important} .ags-tf2-page>.ags-tf2-rules{padding:21px 16px!important;border-radius:20px!important} } /* ALEF mobile polish: contain page art, protect fixed navigation, and prioritize task flows. */ @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-mobile-nav{ background:#08151f!important; background-image:linear-gradient(180deg,#0a1a25,#07131c)!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; box-shadow:0 -8px 28px rgba(0,0,0,.42)!important; } html body.ags-mobile-ui .ags-page-content :is(.ags-sub-page-v3,.ags-sub-single,.ags-gift-page){overflow-x:clip!important} html body.ags-mobile-ui .ags-page-content :is(.ags-btn,.ags-home-btn,.ags-v4-btn,.button,.ags-game-details-cta){min-height:44px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-choice-button,.ags-platform-choice-button,.ags-region-choice-button,.ags-edition-choice-button,.ags-delivery-choice-button,.ags-variant-option,.ags-alt-variant){min-height:44px!important} html body.ags-mobile-ui .ags-page-content :is(.ags-auth-v2,.ags-recovery-v2){max-width:100%!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-auth-v2{ min-height:0!important; padding:18px 14px calc(var(--ags-touch-nav,124px) + 18px)!important; } html body.ags-mobile-ui .ags-page-content .ags-auth-v2-heading{margin:24px auto 16px!important} html body.ags-mobile-ui .ags-page-content .ags-auth-v2-heading h1{font-size:clamp(29px,8vw,36px)!important;line-height:1.3!important} html body.ags-mobile-ui .ags-page-content .ags-auth-v2-stage{display:block!important;width:100%!important;max-width:100%!important} html body.ags-mobile-ui .ags-page-content .ags-auth-v2-stage>.ags-auth-v2-showcase, html body.ags-mobile-ui .ags-page-content .ags-recovery-v2-layout>.ags-auth-v2-showcase{display:none!important} html body.ags-mobile-ui .ags-page-content .ags-auth-v2-card-wrap, html body.ags-mobile-ui .ags-page-content .ags-recovery-v2-layout{width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important} html body.ags-mobile-ui .ags-page-content .ags-auth-v2-panel, html body.ags-mobile-ui .ags-page-content .ags-recovery-v2-card{padding:20px 15px!important} html body.ags-mobile-ui .ags-page-content .ags-recovery-v2-card h1{font-size:clamp(26px,7.2vw,32px)!important} html body.ags-mobile-ui .ags-page-content :is(.ags-auth-v2-switch button,.ags-resend-form button){min-height:44px!important;padding:8px 10px!important} } @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-mainframe-hero{min-height:clamp(480px,calc(100svh - 180px),620px)!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-hero{ position:relative!important; left:auto!important; right:auto!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:clamp(390px,120vw,460px)!important; height:auto!important; aspect-ratio:auto!important; margin-inline:0!important; padding:64px 16px 20px!important; transform:none!important; overflow:hidden!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-hero-copy{width:100%!important;max-width:100%!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-visual-card img{object-fit:cover!important;object-position:center!important} } /* Consistent mobile touch targets and prevent iOS input zoom on focus. */ @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content :is(button,[role="button"],summary,select,input[type="button"],input[type="submit"],input[type="reset"],.ags-gift-back){ min-height:44px!important; touch-action:manipulation; } html body.ags-mobile-ui .ags-page-content :is(.ags-game-wish,.ags-m2-fav,.ags-product-wishlist-button,.ags-gallery-nav){ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; } html body.ags-mobile-ui .ags-page-content .ags-tf2-buy-qty button, html body.ags-mobile-ui .ags-page-content .ags-auth-v2-password [data-toggle-password]{ width:44px!important; min-width:44px!important; min-height:44px!important; } html body.ags-mobile-ui .ags-page-content :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),textarea){ min-height:44px!important; font-size:16px!important; } html body.ags-mobile-ui .ags-page-content select{font-size:16px!important} } /* Mobile cleanup from the phone-layout review: keep navigation, filters, cards and product steps in the user's sight. */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-mobile-nav{ display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; grid-template-rows:minmax(58px,auto)!important; align-items:stretch!important; min-height:58px!important; height:auto!important; padding:4px max(4px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px))!important; gap:2px!important; border:1px solid rgba(91,207,238,.2)!important; border-bottom:0!important; border-radius:18px 18px 0 0!important; background:rgba(5,18,28,.84)!important; background-image:linear-gradient(180deg,rgba(10,29,40,.86),rgba(5,17,26,.9))!important; -webkit-backdrop-filter:blur(16px)!important; backdrop-filter:blur(16px)!important; box-shadow:0 -10px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)!important; } html body.ags-mobile-ui .ags-mobile-nav-toggle{display:none!important} html body.ags-mobile-ui .ags-mobile-nav-links{display:contents!important} html body.ags-mobile-ui .ags-mobile-nav-links>a, html body.ags-mobile-ui .ags-mobile-nav.is-collapsed .ags-mobile-nav-links>a{ display:flex!important; grid-row:1!important; flex-direction:column!important; justify-content:center!important; align-items:center!important; gap:3px!important; min-width:0!important; min-height:50px!important; width:100%!important; padding:3px 1px!important; border-radius:11px!important; font-size:9px!important; line-height:1.35!important; white-space:normal!important; overflow-wrap:anywhere!important; } html body.ags-mobile-ui .ags-mobile-nav.is-collapsed{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:minmax(58px,auto)!important} html body.ags-mobile-ui .ags-mobile-nav.is-collapsed .ags-mobile-nav-toggle{display:none!important} /* Account section links wrap into visible, touch-sized tiles instead of a clipped tab rail. */ html body.ags-mobile-ui #ags-account-center .ags-ac-sidebar nav{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:none!important; grid-auto-flow:row!important; grid-auto-columns:auto!important; justify-content:stretch!important; overflow:visible!important; overflow-x:visible!important; overflow-y:visible!important; padding:2px!important; scrollbar-width:none!important; } html body.ags-mobile-ui #ags-account-center .ags-ac-sidebar nav::-webkit-scrollbar{display:none!important} html body.ags-mobile-ui #ags-account-center .ags-ac-sidebar nav a{ min-width:0!important; width:100%!important; min-height:44px!important; padding:7px 6px!important; font-size:10px!important; line-height:1.45!important; white-space:normal!important; overflow-wrap:anywhere!important; text-align:center!important; } /* Remove the small dead gap above the homepage's mobile hero. */ html body.ags-mobile-ui.home .ags-page-content{padding-top:0!important} html body.ags-mobile-ui.home .ags-home-v5{padding-top:0!important} /* Filters start closed on phones so catalog cards appear immediately. */ html body.ags-mobile-ui .ags-page-content .ags-games-catalog .ags-mobile-filter-toggle{display:flex!important} html body.ags-mobile-ui .ags-page-content .ags-games-catalog>form.ags-games-filters{display:none!important} html body.ags-mobile-ui .ags-page-content .ags-games-catalog.ags-mobile-filters-open>form.ags-games-filters{display:block!important} html body.ags-mobile-ui .ags-page-content .ags-mobile-filter-toggle{ width:100%!important; min-height:48px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; margin:0 0 12px!important; padding:10px 14px!important; border:1px solid rgba(91,207,238,.3)!important; border-radius:14px!important; background:linear-gradient(145deg,rgba(17,52,67,.82),rgba(8,27,39,.78))!important; color:#dbf7ff!important; box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.18)!important; font-size:13px!important; font-weight:800!important; line-height:1.5!important; text-align:right!important; cursor:pointer!important; -webkit-backdrop-filter:blur(12px)!important; backdrop-filter:blur(12px)!important; } html body.ags-mobile-ui .ags-page-content .ags-mobile-filter-toggle b{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:9px!important;background:rgba(91,207,238,.12)!important;color:#75e5ff!important;font-size:17px!important;transition:transform .18s ease!important} html body.ags-mobile-ui .ags-page-content .ags-games-catalog.ags-mobile-filters-open .ags-mobile-filter-toggle b{transform:rotate(180deg)!important} html body.ags-mobile-ui .ags-page-content .ags-games-catalog .ags-games-filters{margin:0 0 16px!important} /* Keep both store catalogs compact and two-up even on narrow phones. */ html body.ags-mobile-ui .ags-page-content .ags-games-catalog:not(.ags-dlc-games-directory) .ags-games-grid, html body.ags-mobile-ui .ags-page-content .ags-dlc-games-directory .ags-dlc-game-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; width:100%!important; min-width:0!important; } html body.ags-mobile-ui .ags-page-content .ags-games-catalog:not(.ags-dlc-games-directory) .ags-game-card, html body.ags-mobile-ui .ags-page-content .ags-dlc-games-directory .ags-dlc-game-card{ min-width:0!important; max-width:100%!important; height:100%!important; border-radius:14px!important; overflow:hidden!important; } html body.ags-mobile-ui .ags-page-content .ags-dlc-games-directory .ags-dlc-game-media{aspect-ratio:16/9!important;min-height:0!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-directory:not(.ags-dlc-games-directory) .ags-dlc-game-media{aspect-ratio:16/9!important;min-height:0!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-directory:not(.ags-dlc-games-directory) .ags-dlc-game-media img{object-fit:cover!important;object-position:center!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-games-directory .ags-dlc-game-media img{object-fit:cover!important;object-position:center!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-games-directory .ags-dlc-game-media .ags-image-art-backdrop{display:block!important;position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;pointer-events:none!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-games-directory .ags-dlc-game-media .ags-image-art-backdrop img{object-fit:cover!important;transform:scale(1.12)!important;filter:blur(16px) brightness(.42) saturate(.85)!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-games-directory .ags-dlc-game-media>img{position:relative!important;z-index:1!important;object-fit:cover!important;object-position:center!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-directory .ags-dlc-game-media .ags-image-art-backdrop img{object-fit:cover!important;transform:scale(1.12)!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-games-directory .ags-dlc-game-copy{gap:5px!important;padding:9px!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-games-directory .ags-dlc-game-copy h2{font-size:11px!important;line-height:1.5!important;min-height:0!important;-webkit-line-clamp:2!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content .ags-games-catalog:not(.ags-dlc-games-directory) .ags-game-image{aspect-ratio:16/9!important;min-height:0!important} html body.ags-mobile-ui .ags-page-content .ags-games-catalog .ags-game-image .ags-image-art-backdrop img{object-fit:cover!important;transform:scale(1.12)!important} html body.ags-mobile-ui .ags-page-content .ags-games-catalog:not(.ags-dlc-games-directory) .ags-game-card :is(h3,h4){font-size:11px!important;line-height:1.5!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-game-results .ags-dlc-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-game-results .ags-dlc-result-card{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-game-results .ags-dlc-result-media{width:100%!important;aspect-ratio:16/9!important;min-height:0!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-game-results .ags-dlc-result-media img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important;transform:none!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-game-results .ags-dlc-result-media .ags-image-art-backdrop img{object-fit:cover!important;transform:scale(1.12)!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-game-results .ags-dlc-result-copy{padding:10px!important} html body.ags-mobile-ui .ags-page-content .ags-dlc-game-results .ags-dlc-result-copy h2{font-size:11px!important;line-height:1.5!important} /* Put the game/DLC purchase steps after the image and product information. */ html body.ags-mobile-ui .ags-page-content .ags-game-single-hero>.ags-game-buybox{order:3!important;grid-column:1!important;min-width:0!important} /* Let cart metadata wrap and keep quantity and totals inside the item card. */ html body.ags-mobile-ui.woocommerce-cart .ags-cart-item{grid-template-columns:64px minmax(0,1fr)!important;gap:9px!important;padding:10px!important;min-width:0!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-thumb{width:64px!important;height:76px!important;min-width:0!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-item-info, html body.ags-mobile-ui.woocommerce-cart .ags-cart-item-top, html body.ags-mobile-ui.woocommerce-cart .ags-cart-item-top>div{min-width:0!important;max-width:100%!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-item-top{gap:6px!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-item-top h3{font-size:13px!important;line-height:1.55!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-meta{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-meta dl{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;justify-content:stretch!important;gap:2px 6px!important;width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-meta :is(dt,dd){min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-item-bottom{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:center!important;gap:9px!important;min-width:0!important;width:100%!important;max-width:100%!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-qty{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-price, html body.ags-mobile-ui.woocommerce-cart .ags-cart-subtotal{min-width:0!important;max-width:100%!important;text-align:start!important;overflow-wrap:anywhere!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-qty-control{width:150px!important;min-width:140px!important;max-width:58vw!important;flex:0 1 150px!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-qty-control button{width:42px!important;min-width:42px!important} html body.ags-mobile-ui.woocommerce-cart .ags-cart-remove{width:40px!important;min-width:40px!important;min-height:40px!important} } /* The collapsible filter control is intentionally phone-only. */ html body .ags-mobile-filter-toggle{display:none} /* Help center: put the full, directly selectable guide cards before the duplicate desktop-style index on the landing page. Article pages keep their index open. */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-docs-welcome){ display:flex!important; flex-direction:column!important; gap:12px!important; } html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-docs-welcome)>.ags-help-docs-content{order:1!important} html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-docs-welcome) .ags-help-docs-breadcrumb, html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-docs-welcome) .ags-help-docs-welcome{display:none!important} html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-docs-welcome)>.ags-help-docs-sidebar{ order:2!important; max-height:none!important; overflow:visible!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-docs-welcome) .ags-help-docs-sidebar-title, html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-docs-welcome) .ags-help-docs-nav{display:none!important} html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-docs-welcome) .ags-help-docs-support{ display:flex!important; align-items:center!important; justify-content:space-between!important; flex-wrap:wrap!important; gap:8px 14px!important; margin:0!important; min-height:48px!important; padding:12px 14px!important; } html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-docs-welcome) .ags-help-docs-content{padding:12px!important} html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-docs-welcome) .ags-help-docs-card-group{margin-top:17px!important} html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-docs-welcome) .ags-help-docs-cards{gap:8px!important} html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-docs-welcome) .ags-help-doc-card{padding:13px 14px!important;border-radius:13px!important} html body.ags-mobile-ui .ags-help-docs-layout:has(.ags-help-doc-article)>.ags-help-docs-sidebar{max-height:none!important;overflow:visible!important} html body.ags-mobile-ui .ags-help-docs:has(.ags-help-doc-article).ags-help-guide-select-ready .ags-help-docs-layout{display:flex!important;flex-direction:column!important;gap:12px!important} html body.ags-mobile-ui .ags-help-docs:has(.ags-help-doc-article).ags-help-guide-select-ready .ags-help-docs-content{order:1!important} html body.ags-mobile-ui .ags-help-docs:has(.ags-help-doc-article).ags-help-guide-select-ready .ags-help-docs-sidebar{order:2!important} html body.ags-mobile-ui .ags-help-docs:has(.ags-help-doc-article).ags-help-guide-select-ready .ags-help-docs-nav, html body.ags-mobile-ui .ags-help-docs:has(.ags-help-doc-article).ags-help-guide-select-ready .ags-help-docs-sidebar-title{display:none!important} html body.ags-mobile-ui .ags-help-docs.ags-help-guide-select-ready .ags-help-docs-guide-select{ display:grid!important; gap:7px!important; margin-top:12px!important; color:#9bb5c0!important; font-size:11px!important; font-weight:800!important; } html body.ags-mobile-ui .ags-help-docs-guide-select select{ width:100%!important; min-width:0!important; min-height:48px!important; padding:9px 12px!important; border:1px solid rgba(91,207,238,.28)!important; border-radius:12px!important; background:linear-gradient(145deg,rgba(17,52,67,.86),rgba(8,27,39,.82))!important; color:#ddf7ff!important; font:inherit!important; font-size:14px!important; } /* Item selling: compact inventory rows stay easy to scan and tap; selecting an item moves the user directly to its price form below the inventory. */ html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-sell-tabs{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; margin:12px 0!important; } html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-sell-tabs button{min-height:48px!important;padding:10px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-sell-toolbar{align-items:stretch!important;gap:12px!important;padding:15px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-sell-toolbar h2{font-size:19px!important;line-height:1.5!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-sell-toolbar p{font-size:11px!important;line-height:1.8!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-game-pills{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-game-pills button{min-width:0!important;min-height:44px!important;padding:7px 5px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-sell-layout{ display:flex!important; flex-direction:column!important; gap:10px!important; padding:0 8px 10px!important; } html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-inventory-panel{order:0!important;padding:12px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-listing-panel{order:1!important;padding:13px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-grid{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:8px!important; max-height:none!important; overflow:visible!important; padding:0!important; } html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card, html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-group[data-appid="570"] .ags-market-inv-card.ags-m2-inv-card{ display:grid!important; grid-template-columns:72px minmax(0,1fr)!important; grid-template-rows:auto auto!important; align-items:center!important; gap:4px 10px!important; width:100%!important; min-width:0!important; min-height:94px!important; height:auto!important; padding:9px!important; text-align:start!important; } html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-m2-inv-art, html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-market-inv-image-stage, html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-group[data-appid="570"] .ags-market-inv-card.ags-m2-inv-card .ags-m2-inv-art, html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-group[data-appid="570"] .ags-market-inv-card.ags-m2-inv-card .ags-market-inv-image-stage{ grid-column:1!important; grid-row:1/4!important; width:72px!important; height:72px!important; min-width:72px!important; min-height:72px!important; border-radius:11px!important; } html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-m2-inv-copy{ grid-column:2!important; grid-row:1!important; min-width:0!important; overflow:hidden!important; } html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-m2-inv-copy strong{ display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; white-space:normal!important; overflow:hidden!important; overflow-wrap:anywhere!important; font-size:12px!important; line-height:1.4!important; } html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-m2-inv-copy small{font-size:9px!important;line-height:1.5!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-m2-mini-tags{max-height:22px!important;overflow:hidden!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-market-inv-badges .ags-market-item-tag{display:none!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-market-steam-tags{ max-height:20px!important; min-height:0!important; flex-wrap:nowrap!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:none!important; } html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-market-steam-tags::-webkit-scrollbar{display:none!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card:not(.is-selected) .ags-market-steam-tags, html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card:not(.is-selected) .ags-market-inv-cs2-details{display:none!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-market-inv-cs2-details{ max-height:18px!important; margin-top:2px!important; flex-wrap:nowrap!important; overflow:hidden!important; } html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-market-inv-value{ margin-top:0!important; padding-top:2px!important; min-height:0!important; font-size:9px!important; line-height:1.5!important; } html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-m2-select-mark{grid-column:2!important;grid-row:2!important;justify-self:start!important;text-align:start!important;min-height:24px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-market-inv-value{grid-column:2!important;min-width:0!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-selected{min-height:76px!important;padding:9px!important;gap:10px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-selected-art{width:58px!important;height:58px!important;flex-basis:58px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-price-field input{min-height:48px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-m2-listing-panel{scroll-margin-top:88px!important} } /* Phone polish: clarify the drawer control, focus the current destination, and keep gift artwork, reviews and guide controls comfortable at narrow widths. */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-phone-menu summary{ display:grid!important; grid-template-rows:21px 10px!important; align-content:center!important; justify-items:center!important; gap:1px!important; width:48px!important; height:46px!important; min-height:46px!important; transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important; } html body.ags-mobile-ui .ags-phone-menu summary svg{width:19px!important;height:19px!important;transition:transform .22s ease,color .22s ease!important} html body.ags-mobile-ui .ags-phone-menu-label{display:block!important;color:#92b9c5!important;font-size:8px!important;font-weight:800!important;line-height:1!important;letter-spacing:.02em} html body.ags-mobile-ui .ags-phone-menu[open] summary{box-shadow:0 0 0 3px rgba(83,216,239,.09),0 0 20px rgba(56,201,231,.15)!important} html body.ags-mobile-ui .ags-phone-menu[open] summary svg{transform:rotate(90deg)!important;color:#78eaff!important} html body.ags-mobile-ui .ags-phone-menu[open] summary .ags-phone-menu-label{color:#c0f8ff!important} html body.ags-mobile-ui .ags-phone-menu>nav{ background:linear-gradient(150deg,rgba(10,32,43,.98),rgba(7,20,30,.98))!important; border-color:rgba(88,210,235,.32)!important; box-shadow:0 24px 60px rgba(0,0,0,.58),0 0 0 1px rgba(92,221,242,.045),inset 0 1px rgba(255,255,255,.06)!important; -webkit-backdrop-filter:blur(18px) saturate(130%)!important; backdrop-filter:blur(18px) saturate(130%)!important; transform-origin:top right!important; animation:ags-phone-menu-enter .22s cubic-bezier(.2,.8,.2,1) both!important; } html body.ags-mobile-ui .ags-phone-menu>nav>strong{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 13px!important;color:#eefbff!important} html body.ags-mobile-ui .ags-phone-menu>nav>strong:after{content:"";height:2px;width:28px;border-radius:9px;background:linear-gradient(90deg,#56d9f0,transparent)} html body.ags-mobile-ui .ags-phone-menu-grid{gap:9px!important} html body.ags-mobile-ui .ags-phone-menu-grid a{position:relative!important;min-height:50px!important;padding:10px!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(17,48,61,.94),rgba(11,35,47,.96))!important;border-color:rgba(93,171,191,.18)!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important} html body.ags-mobile-ui .ags-phone-menu-grid a:active{transform:scale(.98)!important} html body.ags-mobile-ui .ags-phone-menu-grid a[aria-current=page]{ min-height:50px!important; padding:10px!important; border-color:#78edff!important; background:linear-gradient(135deg,rgba(30,119,143,.99),rgba(16,70,91,.99))!important; color:#effcff!important; font-weight:900!important; box-shadow:inset 0 0 0 1px rgba(145,244,255,.28),0 0 25px rgba(50,205,231,.24)!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-hero{ display:flex!important; flex-direction:column!important; gap:0!important; min-height:0!important; height:auto!important; aspect-ratio:auto!important; padding:0!important; overflow:hidden!important; border-radius:20px!important; background:linear-gradient(155deg,#0a1e2a,#06121b 68%)!important; box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05)!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-hero:after{display:none!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-visual{ position:relative!important; order:-1!important; inset:auto!important; display:block!important; flex:none!important; width:100%!important; height:clamp(126px,42vw,158px)!important; margin:0!important; overflow:hidden!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-visual-card{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:#07131d!important; box-shadow:none!important; transform:none!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-visual-card img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center 38%!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-visual-card:after{ content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(0deg,#0a1a24 0%,rgba(7,20,29,.48) 22%,rgba(4,12,19,.03) 78%)!important; pointer-events:none!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-hero-copy{ position:relative!important; order:1!important; z-index:2!important; width:100%!important; max-width:none!important; margin:-2px 0 0!important; padding:0 14px 15px!important; text-align:right!important; } html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-hero-copy .ags-gift-back{display:inline-flex!important;align-items:center!important;min-height:32px!important;margin:0 0 9px!important;padding:5px 8px!important;border:1px solid rgba(91,207,238,.22)!important;border-radius:9px!important;background:rgba(7,23,33,.72)!important;font-size:9px!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-hero-copy>.ags-gift-eyebrow{display:block!important;margin:0 0 4px!important;font-size:8px!important;letter-spacing:1.35px!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-title-row{gap:8px!important;margin:0!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-title-row h1{max-width:calc(100% - 48px)!important;margin:2px 0!important;font-size:clamp(23px,7vw,29px)!important;line-height:1.4!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-title-row .ags-gift-platform-wishlist{flex-basis:38px!important;width:38px!important;height:38px!important;min-width:38px!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-hero-copy>p{margin:5px 0 0!important;font-size:10px!important;line-height:1.85!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-trust{gap:6px!important;margin-top:10px!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-trust span{padding:6px 7px!important;font-size:8px!important;line-height:1.4!important} html body.ags-mobile-ui .ags-help-docs:has(.ags-help-doc-article).ags-help-guide-select-ready .ags-help-docs-support{display:none!important} html body.ags-mobile-ui .ags-help-docs-guide-select select{color-scheme:dark!important;background-color:#071923!important} html body.ags-mobile-ui .ags-help-docs-guide-select select option, html body.ags-mobile-ui .ags-help-docs-guide-select select optgroup{background-color:#091b25!important;color:#e3f7fc!important} } @keyframes ags-phone-menu-enter{from{opacity:0;transform:translateY(-8px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}} @media(prefers-reduced-motion:reduce){html body.ags-mobile-ui .ags-phone-menu>nav{animation:none!important}} @media(max-width:380px),(max-device-width:380px){ html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card, html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-group[data-appid="570"] .ags-market-inv-card.ags-m2-inv-card{grid-template-columns:60px minmax(0,1fr)!important;min-height:82px!important} html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-m2-inv-art, html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-card.ags-m2-inv-card .ags-market-inv-image-stage, html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-group[data-appid="570"] .ags-market-inv-card.ags-m2-inv-card .ags-m2-inv-art, html body.ags-mobile-ui .ags-page-content .ags-m2-sell-page-wrap .ags-market-inv-group[data-appid="570"] .ags-market-inv-card.ags-m2-inv-card .ags-market-inv-image-stage{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important} } /* Header typography: slightly larger Persian labels and a clearer brand mark. */ @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-site-header .ags-brand-text b{font-size:16px!important;font-weight:800!important;letter-spacing:.8px!important} html body.ags-mobile-ui .ags-site-header .ags-brand-text small{font-size:7px!important;font-weight:600!important;letter-spacing:.8px!important} } @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-phone-menu summary{ grid-template-rows:22px 13px!important; gap:2px!important; height:48px!important; min-height:48px!important; } html body.ags-mobile-ui .ags-phone-menu summary svg{width:20px!important;height:20px!important} html body.ags-mobile-ui .ags-phone-menu-label{font-size:10px!important;font-weight:700!important;line-height:1.1!important} } /* Keep the homepage hero expressive on phones instead of inheriting the compact typography used for ordinary page headings. */ @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-mainframe-hero__copy, html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-mainframe-hero__copy *{ font-family:Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-mainframe-hero__copy{text-align:center!important} html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-mainframe-hero h1{ max-width:100%!important; color:#f7f8ff!important; font-size:clamp(36px,8.2vw,58px)!important; font-family:Lalezar,Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important; font-weight:400!important; line-height:1.45!important; letter-spacing:0!important; text-align:center!important; text-wrap:balance!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-mainframe-hero h1 em{ font-family:Lalezar,Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important; font-weight:400!important; color:#8ce9ff!important; background:linear-gradient(95deg,#62e0ff 0%,#a891ff 100%)!important; background-clip:text!important; -webkit-background-clip:text!important; -webkit-text-fill-color:transparent!important; font-style:normal!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-mainframe-hero__intro{ color:#a5f0ff!important; text-align:center!important; font-size:clamp(15px,4vw,17px)!important; font-weight:800!important; line-height:1.5!important; letter-spacing:0!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-mainframe-hero__typewriter{ color:#d8e3ee!important; font-size:15px!important; font-weight:500!important; line-height:2!important; text-align:center!important; margin-inline:auto!important; } } /* Keep cart type readable after the shared mobile heading and cart-row rules. */ @media(max-width:760px){ html body.ags-mobile-ui .ags-cart-page .ags-cart-hero h1{ font-size:clamp(28px,8vw,36px)!important; line-height:1.4!important; letter-spacing:0!important; } html body.ags-mobile-ui .ags-cart-page .ags-cart-item h3{ font-size:16px!important; line-height:1.65!important; overflow-wrap:anywhere!important; } } @media(max-width:420px),(max-device-width:420px){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-mainframe-hero h1{ font-size:clamp(34px,8.8vw,42px)!important; } } /* Homepage navigation and buying guidance need more room than the compact typography used by the general mobile page shell. */ @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-section-heading h2, html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-home-section-head h2{ font-size:clamp(24px,6vw,30px)!important; line-height:1.5!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-tf2-copy h2{ font-size:clamp(29px,7.4vw,36px)!important; line-height:1.5!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-section-heading>p, html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-tf2-copy>p, html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-custom p, html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-steps p{ font-size:14px!important; line-height:1.85!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-category-copy em{ font-size:13px!important; line-height:1.75!important; } } /* Give homepage game and digital-product cards a consistent readable text scale above the compact page-wide mobile typography rules. */ @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-game-grid .ags-game-top h3, html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-home-products-grid .ags-home-product-body h3{ font-size:clamp(15px,1.8vw,16px)!important; font-weight:800!important; line-height:1.6!important; letter-spacing:0!important; font-family:Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important; overflow-wrap:anywhere!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-game-grid .ags-game-preview-hint, html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-home-product-purchase-hint{ font-size:12px!important; line-height:1.7!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-market-copy strong{ display:-webkit-box!important; overflow:hidden!important; font-size:clamp(15px,1.8vw,16px)!important; font-weight:800!important; line-height:1.5!important; white-space:normal!important; overflow-wrap:anywhere!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-market-copy small, html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-home-product-type{ font-size:12px!important; font-weight:700!important; line-height:1.5!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-market-copy>b{ font-size:14px!important; line-height:1.6!important; } } /* Keep the homepage game shelf compact and legible on narrow screens. */ @media(max-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading{ align-items:flex-end!important; gap:10px!important; margin-bottom:14px!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading>div>span{ font-size:10px!important; line-height:1.4!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading h2{ font-size:clamp(20px,5.2vw,23px)!important; line-height:1.35!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading>a{ gap:5px!important; font-size:clamp(10px,2.8vw,12px)!important; line-height:1.45!important; white-space:nowrap!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-game-body{ min-height:76px!important; gap:6px!important; padding:10px 11px 9px!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-game-top{gap:6px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-game-top h3{ font-size:clamp(12px,3.2vw,14px)!important; line-height:1.45!important; -webkit-line-clamp:2!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-game-rating{font-size:9px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-game-preview-hint{ gap:6px!important; padding-top:7px!important; font-size:clamp(10px,2.8vw,11px)!important; line-height:1.45!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-game-preview-hint b{ width:23px!important; height:23px!important; flex:0 0 23px!important; font-size:12px!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-game-image .ags-product-label{ min-height:24px!important; padding:4px 8px!important; font-size:9px!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-game-wish{ top:9px!important; left:9px!important; width:32px!important; height:32px!important; } } @media(max-width:420px),(max-device-width:420px){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading{gap:7px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading h2{font-size:20px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading>a{font-size:10px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-game-top h3{font-size:12px!important} } /* Keep every category card on the same readable mobile scale. */ @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-category-grid > .ags-v5-category .ags-v5-category-copy strong{ font-size:clamp(15px,1.8vw,18px)!important; line-height:1.45!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-category-grid > .ags-v5-category .ags-v5-category-copy em{ font-size:clamp(12.5px,1.5vw,15px)!important; line-height:1.55!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-category-grid > .ags-v5-category .ags-v5-category-copy small{ display:inline-flex!important; } } @media(max-width:520px),(max-device-width:520px){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-category-grid > .ags-v5-category .ags-v5-category-copy strong{font-size:16px!important} html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-category-grid > .ags-v5-category .ags-v5-category-copy em{font-size:12px!important;line-height:1.5!important} } /* Keep the mobile game-shelf heading and its link together on the right. */ @media(max-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading{ width:100%!important; flex-direction:column!important; align-items:stretch!important; text-align:right!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading>div{ width:100%!important; text-align:right!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading>a{ align-self:stretch!important; justify-content:flex-start!important; width:100%!important; margin-inline-start:0!important; text-align:right!important; } } /* Use a compact focus marker for homepage section titles. */ html body .ags-page-content .ags-home-v5 :is(.ags-v5-section-heading,.ags-home-section-head)>div{ position:relative!important; display:flex!important; width:max-content!important; max-width:100%!important; flex-direction:column!important; align-items:flex-start!important; gap:1px!important; padding:0!important; padding-inline-start:14px!important; overflow:visible!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; text-align:right!important; } html body .ags-page-content .ags-home-v5 :is(.ags-v5-section-heading,.ags-home-section-head)>div::before{ display:none!important; } html body .ags-page-content .ags-home-v5 :is(.ags-v5-section-heading,.ags-home-section-head)>div::after{ position:absolute!important; inset-inline-start:0!important; inset-block-start:50%!important; width:8px!important; height:8px!important; border:1px solid rgba(122,226,255,.85)!important; border-radius:50%!important; background:radial-gradient(circle at center,#a7f0ff 0 1.5px,rgba(88,217,248,.42) 2px,rgba(88,217,248,.08) 4px)!important; box-shadow:0 0 0 3px rgba(88,217,248,.08),0 0 12px rgba(88,217,248,.4)!important; transform:translateY(-50%)!important; content:""!important; opacity:.9!important; } html body .ags-page-content .ags-home-v5 :is(.ags-v5-section-heading,.ags-home-section-head)>div>span{ display:inline-flex!important; align-items:center!important; gap:5px!important; width:max-content!important; max-width:100%!important; min-height:25px!important; padding:4px 10px!important; border:1px solid rgba(103,220,247,.28)!important; border-radius:999px!important; background:linear-gradient(120deg,rgba(17,56,74,.72),rgba(9,30,45,.78))!important; color:#9ceaff!important; font-size:12px!important; font-weight:800!important; line-height:1.45!important; letter-spacing:0!important; } html body .ags-page-content .ags-home-v5 :is(.ags-v5-section-heading,.ags-home-section-head)>div>span::before{ display:none!important; } html body .ags-page-content .ags-home-v5 :is(.ags-v5-section-heading,.ags-home-section-head)>div h2{ margin:0!important; font-size:clamp(19px,1.6vw,22px)!important; font-weight:800!important; line-height:1.35!important; } html body .ags-page-content .ags-home-v5 :is(.ags-v5-section-heading,.ags-home-section-head)>a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; min-height:34px!important; padding:5px 9px!important; border:1px solid rgba(105,216,245,.17)!important; border-radius:10px!important; background:rgba(10,24,36,.52)!important; box-shadow:none!important; color:#84d8eb!important; font-size:12px!important; text-decoration:none!important; transition:border-color .2s ease,background .2s ease,transform .2s ease!important; } html body .ags-page-content .ags-home-v5 :is(.ags-v5-section-heading,.ags-home-section-head)>a:hover{ transform:translateY(-1px)!important; border-color:rgba(105,216,245,.34)!important; background:rgba(13,34,49,.76)!important; } html body .ags-page-content .ags-home-v5 :is(.ags-v5-section-heading,.ags-home-section-head)>a b{ display:grid!important; width:18px!important; height:18px!important; place-items:center!important; border:1px solid rgba(105,216,245,.14)!important; border-radius:6px!important; background:rgba(54,178,212,.06)!important; } @media(max-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading>div{ align-self:flex-start!important; width:max-content!important; max-width:100%!important; padding:0!important; padding-inline-start:14px!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading>a{ align-self:flex-start!important; justify-content:flex-start!important; width:max-content!important; max-width:100%!important; min-height:31px!important; padding:4px 8px!important; margin-inline-start:0!important; font-size:clamp(10px,2.5vw,11px)!important; } } @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 :is(.ags-v5-section-heading,.ags-home-section-head)>div h2{ font-size:clamp(18.5px,1.9vw,20px)!important; line-height:1.4!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 :is(.ags-v5-section-heading,.ags-home-section-head)>a{ min-height:31px!important; padding:4px 8px!important; font-size:clamp(10px,2.5vw,11px)!important; } html body.ags-mobile-ui .ags-page-content .ags-home-v5 :is(.ags-v5-section-heading,.ags-home-section-head)>a b{ width:16px!important; height:16px!important; } } @media(max-width:420px),(max-device-width:420px){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-games .ags-v5-section-heading h2{ font-size:18.5px!important; } } /* Improve the reading rhythm in the purchase steps and account-help cards. */ html body .ags-page-content .ags-home-v5 .ags-v5-steps article>span{ width:36px!important; height:36px!important; font-size:11px!important; line-height:1!important; } html body .ags-page-content .ags-home-v5 .ags-v5-steps strong, html body .ags-page-content .ags-home-v5 .ags-v5-help strong{ font-size:clamp(15px,1.6vw,17px)!important; font-weight:800!important; line-height:1.65!important; letter-spacing:0!important; } html body .ags-page-content .ags-home-v5 .ags-v5-steps strong{ margin-top:12px!important; } html body .ags-page-content .ags-home-v5 .ags-v5-steps p{ margin-top:8px!important; color:#c0ced9!important; font-size:clamp(15px,1.4vw,16px)!important; font-weight:500!important; line-height:1.8!important; } html body .ags-page-content .ags-home-v5 .ags-v5-help>a{ gap:6px!important; } html body .ags-page-content .ags-home-v5 .ags-v5-help>a>span{ font-size:12px!important; line-height:1.5!important; } html body .ags-page-content .ags-home-v5 .ags-v5-help small{ color:#c0ced9!important; font-size:clamp(14px,1.2vw,15px)!important; font-weight:500!important; line-height:1.7!important; } @media(max-width:1100px),(max-device-width:1100px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-home-v5 .ags-v5-steps p{ font-size:clamp(15px,1.5vw,16px)!important; font-weight:500!important; line-height:1.85!important; } } /* Games directory: compact introduction and make search/filter controls easier to scan. */ @media(min-width:761px){ html body main#ags-main-content.ags-page-content>.ags-games-page-shell{ padding-top:26px!important; } } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-catalog-head{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:24px!important; min-height:0!important; margin:0 0 18px!important; padding:24px 28px!important; border-radius:22px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-catalog-head>div:first-child{ align-self:center!important; min-width:0!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-kicker{ margin-bottom:8px!important; font-size:10px!important; letter-spacing:1.7px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-catalog-head h1{ font-size:clamp(34px,4.1vw,48px)!important; line-height:1.35!important; letter-spacing:-.6px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-catalog-head p{ max-width:680px!important; margin-top:7px!important; color:rgba(219,235,245,.76)!important; font-size:15px!important; line-height:1.8!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-count{ width:auto!important; min-width:142px!important; height:auto!important; min-height:76px!important; flex-direction:row!important; gap:10px!important; padding:12px 18px!important; border-radius:18px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-count strong{ margin:0!important; font-size:32px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-count span{ max-width:64px!important; font-size:12px!important; line-height:1.55!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filters{ margin:0 0 28px!important; border-radius:22px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-head{ min-height:72px!important; align-items:center!important; padding:14px 22px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-title{ gap:12px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-title strong{ font-size:16px!important; line-height:1.6!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-title small{ color:rgba(196,218,232,.76)!important; font-size:12px!important; line-height:1.7!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-state{ gap:8px!important; padding:7px 10px!important; color:rgba(210,229,239,.82)!important; font-size:11px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-state b{ min-width:24px!important; height:24px!important; font-size:12px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-primary{ grid-template-columns:minmax(0,1fr) 230px!important; gap:12px!important; padding:14px 22px 8px!important; direction:ltr!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-primary:has(.ags-games-sort){ grid-template-columns:minmax(0,1fr) 230px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-primary:not(:has(.ags-games-sort)){ grid-template-columns:minmax(0,1fr)!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-search{ grid-column:2!important; min-height:60px!important; height:60px!important; gap:12px!important; padding:0 12px!important; border-radius:15px!important; border-color:rgba(91,194,243,.27)!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-primary:not(:has(.ags-games-sort)) .ags-games-search{ grid-column:1!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-search:focus-within{ border-color:rgba(92,220,255,.7)!important; box-shadow:0 0 0 3px rgba(65,179,237,.1),inset 0 1px rgba(255,255,255,.05)!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-search span{ width:38px!important; height:38px!important; flex-basis:38px!important; font-size:22px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-search-label{ flex:0 0 auto!important; padding-left:12px!important; border-left:1px solid rgba(130,190,215,.2)!important; color:rgba(210,228,238,.84)!important; font-size:13px!important; font-weight:750!important; line-height:1.5!important; white-space:nowrap!important; cursor:text!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-search input{ min-width:0!important; height:54px!important; padding:0 4px!important; border:0!important; border-radius:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; font-size:15px!important; font-weight:550!important; line-height:1.6!important; text-align:right!important; direction:rtl!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-search input::placeholder{ color:rgba(210,228,238,.66)!important; opacity:1!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-search kbd{ padding:6px 8px!important; color:rgba(220,235,244,.68)!important; font-size:11px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-sort{ grid-column:1!important; min-height:60px!important; padding:7px 12px!important; border-radius:15px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-sort>span{ color:rgba(210,228,238,.72)!important; font-size:11px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-sort select{ height:34px!important; font-size:14px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; padding:8px 22px 14px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-field{ min-height:78px!important; gap:5px!important; padding:9px 12px!important; border-radius:15px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-field>span{ color:rgba(215,235,246,.78)!important; font-size:12px!important; font-weight:700!important; line-height:1.5!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-control{ height:44px!important; gap:8px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-control i{ width:30px!important; height:30px!important; flex-basis:30px!important; font-size:12px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-control select{ min-height:44px!important; padding:0 30px 0 8px!important; font-size:14px!important; font-weight:700!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-footer{ min-height:60px!important; gap:12px!important; padding:9px 22px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-hint{ color:rgba(200,221,232,.72)!important; font-size:11px!important; line-height:1.65!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-actions a{ min-height:44px!important; padding:0 16px!important; color:rgba(226,239,247,.8)!important; font-size:12px!important; } @media(min-width:1200px){ html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } } @media(max-width:760px){ html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-catalog-head{ grid-template-columns:minmax(0,1fr)!important; gap:12px!important; margin-bottom:14px!important; padding:20px 18px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-catalog-head h1{ font-size:clamp(28px,7vw,34px)!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-catalog-head p{ margin-top:6px!important; font-size:14px!important; line-height:1.8!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-count{ width:100%!important; min-width:0!important; min-height:64px!important; justify-content:center!important; padding:10px 14px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-count strong{ font-size:29px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-head{ align-items:flex-start!important; flex-direction:column!important; gap:10px!important; padding:15px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-title strong{ font-size:15px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-title small{ font-size:12px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-primary, html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-primary:has(.ags-games-sort){ grid-template-columns:minmax(0,1fr)!important; gap:9px!important; padding:12px 14px 8px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-search, html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-sort{ grid-column:1!important; width:100%!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-search input{ font-size:16px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-grid{ grid-template-columns:minmax(0,1fr)!important; gap:8px!important; padding:8px 14px 12px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-field{ min-height:76px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-field>span{ font-size:13px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-control select{ font-size:15px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-footer{ align-items:stretch!important; flex-direction:column!important; padding:10px 14px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-hint{ font-size:12px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-actions, html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-actions a{ width:100%!important; } } /* Final readability pass for the games catalog and footer guide. */ html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-footer{ gap:18px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-actions{ order:-1!important; flex:0 0 auto!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-hint{ order:1!important; display:flex!important; color:rgba(200,221,232,.82)!important; font-size:13px!important; line-height:1.75!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-actions a{ min-height:42px!important; font-size:12px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-pagination{ gap:9px!important; margin-top:32px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-pagination a, html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-pagination span{ min-width:44px!important; height:44px!important; padding:0 12px!important; border-radius:12px!important; font-size:13px!important; font-weight:750!important; } html body .ags-site-footer>.ags-footer-guide>div>span{ font-size:12px!important; line-height:1.6!important; } html body .ags-site-footer>.ags-footer-guide strong{ font-size:17px!important; line-height:1.6!important; font-weight:800!important; } html body .ags-site-footer>.ags-footer-guide p{ color:rgba(190,210,221,.82)!important; font-size:13px!important; line-height:1.85!important; } html body .ags-site-footer>.ags-footer-guide>a{ min-height:46px!important; font-size:13px!important; } @media(max-width:760px){ html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-footer{ align-items:stretch!important; flex-direction:column!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-filter-actions, html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-hint{ width:100%!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-filter-hint{ font-size:13px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-pagination{ gap:7px!important; margin-top:26px!important; } html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-pagination a, html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-pagination span{ min-width:42px!important; height:42px!important; } html body .ags-site-footer>.ags-footer-guide strong{ font-size:16px!important; } html body .ags-site-footer>.ags-footer-guide p{ font-size:13px!important; } } @media(max-width:360px){ html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-pagination a, html body main#ags-main-content.ags-page-content>.ags-games-page-shell .ags-games-pagination span{ min-width:38px!important; height:40px!important; padding-inline:9px!important; } } /* DLC catalog: refine only the introduction and filter controls; product cards stay untouched. */ html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory{ padding-top:76px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-catalog-head{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:28px!important; margin:0 0 20px!important; min-height:210px!important; padding:40px 34px!important; border-color:rgba(105,196,245,.13)!important; border-radius:22px!important; background:radial-gradient(circle at 86% 10%,rgba(50,178,224,.06),transparent 32%),linear-gradient(145deg,rgba(8,24,37,.4),rgba(4,13,22,.34))!important; box-shadow:0 22px 65px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.043)!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-catalog-head>div:first-child{ min-width:0!important; text-align:right!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-kicker{ display:inline-block!important; margin-bottom:5px!important; font-size:11px!important; letter-spacing:1.8px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-catalog-head h1{ margin:5px 0 8px!important; font-size:clamp(34px,3.7vw,48px)!important; line-height:1.35!important; letter-spacing:-.025em!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-catalog-head p{ max-width:720px!important; color:rgba(220,236,245,.78)!important; font-size:15px!important; line-height:1.9!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-count{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:5px!important; width:142px!important; min-width:142px!important; min-height:94px!important; padding:12px 16px!important; border-color:rgba(95,197,243,.22)!important; border-radius:19px!important; background:linear-gradient(145deg,rgba(30,108,145,.17),rgba(255,255,255,.025))!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-count strong{ font-size:30px!important; line-height:1.2!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-count span{ max-width:none!important; color:rgba(210,229,239,.68)!important; font-size:11px!important; line-height:1.5!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filters{ margin:0 0 28px!important; border-color:rgba(103,194,244,.16)!important; border-radius:22px!important; background:transparent!important; box-shadow:0 26px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.055)!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-head{ min-height:76px!important; padding:16px 24px!important; background:transparent!important; border-bottom-color:rgba(111,198,244,.13)!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-title{ gap:13px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-filter-icon{ width:42px!important; height:42px!important; border-radius:13px!important; font-size:21px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-title strong{ font-size:17px!important; line-height:1.6!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-title small{ color:rgba(198,219,231,.76)!important; font-size:12px!important; line-height:1.7!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-state{ gap:8px!important; padding:8px 11px!important; color:rgba(210,229,239,.78)!important; font-size:11px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-state b{ min-width:24px!important; height:24px!important; font-size:11px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-primary{ grid-template-columns:minmax(0,1fr)!important; gap:12px!important; padding:16px 24px 9px!important; direction:rtl!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-primary:has(.ags-games-sort){ grid-template-columns:220px minmax(0,1fr)!important; direction:ltr!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-search{ grid-column:1!important; min-width:0!important; min-height:60px!important; height:60px!important; gap:12px!important; padding:6px 10px!important; border:1px solid rgba(91,194,243,.24)!important; border-radius:15px!important; background:linear-gradient(145deg,rgba(13,39,56,.8),rgba(5,17,27,.88))!important; box-shadow:inset 0 1px rgba(255,255,255,.045)!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-primary:has(.ags-games-sort) .ags-games-search{ grid-column:2!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-search:focus-within{ border-color:rgba(92,220,255,.65)!important; box-shadow:0 0 0 3px rgba(65,179,237,.1),inset 0 1px rgba(255,255,255,.05)!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-search>span{ width:40px!important; height:40px!important; flex:0 0 40px!important; border:1px solid rgba(93,199,246,.17)!important; border-radius:11px!important; background:rgba(66,183,239,.11)!important; font-size:22px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-search input{ min-width:0!important; height:48px!important; padding:0 4px!important; border:0!important; border-radius:0!important; outline:0!important; color:#f3f9fc!important; font-size:15px!important; font-weight:600!important; text-align:right!important; box-shadow:none!important; background:transparent!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-search input::placeholder{ color:rgba(210,228,238,.62)!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-sort[data-ags-sort-control="1"]{ grid-column:1!important; width:100%!important; min-height:60px!important; padding:9px 13px!important; border:1px solid rgba(91,194,243,.18)!important; border-radius:15px!important; background:linear-gradient(145deg,rgba(13,39,56,.7),rgba(5,17,27,.78))!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-sort[data-ags-sort-control="1"] .ags-sort-label{ color:rgba(213,232,241,.76)!important; font-size:12px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; padding:10px 24px 18px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-filter-field{ min-width:0!important; min-height:84px!important; gap:8px!important; padding:12px 14px!important; border-color:rgba(91,194,243,.15)!important; border-radius:15px!important; background:linear-gradient(145deg,rgba(15,40,57,.72),rgba(5,17,28,.8))!important; box-shadow:inset 0 1px rgba(255,255,255,.04)!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-filter-field>span{ color:rgba(215,235,246,.72)!important; font-size:12px!important; font-weight:750!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-filter-control{ height:38px!important; gap:8px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-filter-control i{ width:28px!important; height:28px!important; flex-basis:28px!important; font-size:12px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-filter-control select, html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-filter-control input{ height:36px!important; font-size:14px!important; font-weight:700!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-footer{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; padding:14px 24px!important; border-top-color:rgba(111,198,244,.12)!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-actions{ order:-1!important; flex:0 0 auto!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-actions a{ height:44px!important; padding:0 17px!important; border-color:rgba(113,190,218,.2)!important; background:rgba(255,255,255,.035)!important; color:rgba(226,239,247,.76)!important; font-size:12px!important; font-weight:700!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-filter-hint{ order:1!important; display:flex!important; align-items:center!important; gap:9px!important; min-width:0!important; color:rgba(200,221,232,.82)!important; font-size:13px!important; line-height:1.8!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-filter-hint>span{ display:grid!important; place-items:center!important; flex:0 0 26px!important; width:26px!important; height:26px!important; border:1px solid rgba(105,202,255,.18)!important; border-radius:8px!important; background:rgba(51,158,202,.09)!important; font-size:14px!important; } @media(max-width:1100px){ html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:760px){ html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory{ width:min(100% - 24px,1480px)!important; padding-top:20px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-catalog-head{ grid-template-columns:minmax(0,1fr)!important; gap:17px!important; margin-bottom:16px!important; min-height:0!important; padding:26px 20px!important; border-radius:20px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-catalog-head h1{ font-size:clamp(29px,7vw,38px)!important; line-height:1.5!important; letter-spacing:-.015em!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-catalog-head p{ font-size:14px!important; line-height:1.9!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-count{ flex-direction:row!important; gap:9px!important; justify-self:start!important; width:auto!important; min-width:0!important; min-height:56px!important; padding:8px 13px!important; border-radius:13px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-count strong{ font-size:22px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-count span{ font-size:12px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-head{ align-items:flex-start!important; flex-direction:column!important; gap:12px!important; padding:16px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-title strong{ font-size:16px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-title small{ font-size:11px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-primary, html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-primary:has(.ags-games-sort){ grid-template-columns:minmax(0,1fr)!important; gap:10px!important; padding:12px 16px 7px!important; direction:rtl!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-search, html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-primary:has(.ags-games-sort) .ags-games-search{ grid-column:1!important; width:100%!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-grid{ grid-template-columns:minmax(0,1fr)!important; gap:9px!important; padding:8px 16px 14px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-filter-field{ min-height:78px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-footer{ align-items: center!important; flex-direction:row!important; flex-wrap:nowrap!important; gap:12px!important; padding:12px 16px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-actions{ width:auto!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-actions a{ height:42px!important; padding-inline:12px!important; white-space:nowrap!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-filter-hint{ display:flex!important; flex:1 1 0!important; width:auto!important; min-width:0!important; font-size:12px!important; line-height:1.75!important; } } @media(max-width:420px){ html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-catalog-head{ padding:24px 16px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-footer{ align-items:flex-start!important; gap:10px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-games-filter-actions a{ font-size:11px!important; } html body main#ags-main-content.ags-page-content>section.ags-games-catalog.ags-dlc-games-directory .ags-filter-hint{ font-size:11px!important; } } /* Gift-card landing typography: keep the hero, pills and platform selector readable on phones. */ @media(max-width:720px){ html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-hero-copy h1{font-size:clamp(32px,8vw,38px)!important;line-height:1.3!important} html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-hero-copy p{font-size:15px!important;line-height:1.85!important} html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-hero-pills span{font-size:11px!important;line-height:1.6!important} html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-section-title h2{font-size:clamp(21px,5.5vw,25px)!important;line-height:1.45!important} html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-section-title p{font-size:13px!important;line-height:1.8!important} html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-section-title>.ags-gift-section-icon{flex-basis:54px!important;width:54px!important;height:48px!important} } @media(max-width:470px){ html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-hero-copy h1{font-size:clamp(30px,8vw,34px)!important} html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-hero-copy p{font-size:14px!important} html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-hero-pills span{font-size:11.5px!important;padding:8px 10px!important} html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-section-title{gap:12px!important} html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-section-title h2{font-size:21px!important} html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-section-title p{font-size:13.5px!important} html body main#ags-main-content.ags-page-content .ags-gift-page.ags-gift-modern .ags-gift-section-title>.ags-gift-section-icon{flex-basis:50px!important;width:50px!important;height:46px!important} } /* Help center: maintain clear type sizes on phones despite the shared touch UI rules. */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-docs-hero h1{font-size:clamp(29px,7.4vw,34px)!important;line-height:1.4!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-docs-hero p{font-size:15px!important;line-height:1.85!important;color:#a8bdc7!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-docs-search button{min-height:44px!important;font-size:14px!important;line-height:1.5!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-docs-breadcrumb{font-size:12px!important;line-height:1.75!important;color:#9aafbb!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-topic{font-size:12px!important;line-height:1.55!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-article h2{font-size:clamp(23px,6.1vw,27px)!important;line-height:1.45!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-lead{font-size:15px!important;line-height:1.9!important;color:#a5bbc6!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-body{font-size:16px!important;line-height:1.95!important;color:#c7d6dc!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-body h2{font-size:19px!important;line-height:1.55!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-body h3{font-size:16px!important;line-height:1.55!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-docs-group-heading{font-size:15px!important;line-height:1.65!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-docs-group-heading small{font-size:11.5px!important;color:#9aafbb!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-card strong{font-size:15px!important;line-height:1.7!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-card p{font-size:13.5px!important;line-height:1.8!important;color:#a5bac4!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-card-link{font-size:13px!important;line-height:1.65!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-docs-nav-group h2{font-size:13px!important;line-height:1.6!important;color:#a2b8c3!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-link{font-size:13px!important;line-height:1.8!important;color:#c0d0d7!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-link.is-current{color:#8beafa!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-docs-guide-select{font-size:13px!important;line-height:1.7!important;color:#a8bdc7!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-docs-support span{font-size:12.5px!important;line-height:1.7!important;color:#a0b5c0!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-docs-support strong{font-size:14px!important;line-height:1.6!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-feedback span{font-size:13px!important;line-height:1.8!important;color:#a7bbc5!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-help-docs .ags-help-doc-feedback a{font-size:13px!important;line-height:1.65!important} } /* Subscription catalog typography: clear hierarchy, readable labels and one Persian font family. */ html body main#ags-main-content.ags-page-content .ags-sub-page-v3{ font-family:Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important; font-synthesis:none!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-kicker{ font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:11px!important;font-weight:800!important;line-height:1.5!important;letter-spacing:1.6px!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-copy h1{ font-family:Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:clamp(44px,4.5vw,60px)!important;font-weight:900!important;line-height:1.28!important;letter-spacing:-.025em!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-copy>p{ font-family:Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:1.9!important;color:#c1d0db!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-metrics span{ font-family:Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:12.5px!important;font-weight:600!important;line-height:1.7!important;color:#a9bdc9!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-metrics b{ font-size:17px!important;font-weight:900!important;line-height:1.3!important;color:#effaff!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-section-head>div>span{ font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:10.5px!important;font-weight:800!important;line-height:1.5!important;letter-spacing:1.6px!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-section-head h2{ font-family:Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:clamp(25px,2.15vw,29px)!important;font-weight:850!important;line-height:1.45!important;letter-spacing:-.015em!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-section-head p{ font-family:Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.8!important;color:#a8bbc7!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-service .ags-sub-service-content h3{ font-family:Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:clamp(17px,1.35vw,20px)!important;font-weight:800!important;line-height:1.45!important;letter-spacing:-.01em!important;overflow-wrap:anywhere!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-service .ags-sub-service-content .ags-sub-service-purchase-hint{ font-family:Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:1.75!important;color:rgba(220,237,245,.9)!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-product-label{ font-family:Estedad,Vazirmatn,IRANSansX,"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:11.5px!important;font-weight:800!important;line-height:1.5!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-plus-copy small{ font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:10px!important;font-weight:800!important;line-height:1.5!important;letter-spacing:1.2px!important; } html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-plus-copy h3{font-size:21px!important;line-height:1.45!important;font-weight:800!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-plus-copy p{font-size:12.5px!important;line-height:1.7!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-plus-action{font-size:12.5px!important;line-height:1.6!important;font-weight:700!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-stack.front small{font-size:8.5px!important;line-height:1.4!important;letter-spacing:1.3px!important} @media(max-width:760px){ html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-copy h1{font-size:clamp(32px,6.2vw,44px)!important;line-height:1.35!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-copy>p{font-size:15px!important;line-height:1.9!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-metrics span{font-size:12px!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-metrics b{font-size:16px!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-section-head h2{font-size:clamp(22px,5.8vw,25px)!important;line-height:1.5!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-section-head p{font-size:13.5px!important;line-height:1.8!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-service .ags-sub-service-content h3{font-size:18.5px!important;line-height:1.5!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-service .ags-sub-service-content .ags-sub-service-purchase-hint{font-size:12.5px!important;line-height:1.75!important} } @media(max-width:470px){ html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-copy h1{font-size:clamp(32px,8.5vw,36px)!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-copy>p{font-size:14.5px!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-section-head h2{font-size:22.5px!important} html body main#ags-main-content.ags-page-content .ags-sub-page-v3 .ags-sub-v3-section-head p{font-size:13px!important} } /* Keep account sign-in and registration copy readable on narrow screens. */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-auth-v2 .ags-auth-v2-heading p{font-size:14px!important;line-height:1.9!important;color:#a0b7c3!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-auth-v2 .ags-auth-v2-panel-head h2{font-size:22px!important;line-height:1.45!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-auth-v2 .ags-auth-v2-form label{font-size:14px!important;line-height:1.65!important;color:#c3d3dc!important} html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-auth-v2 .ags-auth-v2-security{font-size:11px!important;line-height:1.65!important;color:#91a9b6!important} } /* Restore touch scrolling for long amount and region lists on DLC product pages. The shared mobile choice-grid rule sets overflow:visible, which lets options escape the capped list and overlap the next purchase step. */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui main#ags-main-content.ags-page-content .ags-game-single .ags-game-buybox--wide :is(.ags-amount-choice,.ags-region-choice){ overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior-y:auto!important; touch-action:pan-y!important; -webkit-overflow-scrolling:touch!important; } } /* Gift-card mobile typography: override the older compact labels above. */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-title-row h1{font-size:clamp(29px,8vw,34px)!important;line-height:1.35!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-hero-copy>.ags-gift-eyebrow{font-size:11px!important;line-height:1.6!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-hero-copy .ags-gift-back{font-size:12px!important;line-height:1.5!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-hero-copy>p{font-size:13px!important;line-height:1.8!important;color:#b0c3ce!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-trust span{font-size:11px!important;line-height:1.55!important;color:#d5e5ed!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-selector-head h2{font-size:22px!important;line-height:1.45!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-selector-head p{font-size:13px!important;line-height:1.75!important;color:#b0c3ce!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-delivery-method strong, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-gift-delivery-method strong{font-size:14px!important;line-height:1.5!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-delivery-method small, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-gift-delivery-method small{font-size:12px!important;line-height:1.6!important;color:#b0c4cf!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-step-title strong, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-gift-step-title strong{font-size:14px!important;line-height:1.5!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-step-title small, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-gift-step-title small{font-size:12px!important;line-height:1.65!important;color:#b0c3ce!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-region-copy strong{font-size:13px!important;line-height:1.5!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-region-copy small, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-amount-card small{font-size:12px!important;line-height:1.55!important;color:#b1c5d0!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-amount-card strong{font-size:13px!important;line-height:1.5!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-amount-delivery{font-size:12px!important;line-height:1.55!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-region-help, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-amount-help{font-size:12px!important;line-height:1.7!important;color:#aec1cc!important} html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button strong{font-size:13px!important;line-height:1.55!important} html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button small{font-size:12px!important;line-height:1.55!important} html body.ags-mobile-ui .ags-page-content .ags-gift-platform-section .ags-gift-platform-card-large .ags-gift-platform-copy small, html body.ags-mobile-ui .ags-page-content .ags-gift-featured-section .ags-gift-platform-card-large .ags-gift-platform-copy small{font-size:12px!important;line-height:1.6!important} } /* Keep shared gift-card purchase labels readable on desktop as well as touch layouts. */ html body .ags-page-content .ags-gift-page .ags-gift-delivery-method strong, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-delivery-method strong, html body .ags-page-content .ags-gift-single .ags-gift-delivery-method strong, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-gift-delivery-method strong{font-size:14px!important;line-height:1.5!important} html body .ags-page-content .ags-gift-page .ags-gift-delivery-method small, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-delivery-method small, html body .ags-page-content .ags-gift-single .ags-gift-delivery-method small, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-gift-delivery-method small{font-size:13px!important;line-height:1.6!important;color:#b0c4cf!important} html body .ags-page-content .ags-gift-page .ags-gift-step-title strong, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-step-title strong, html body .ags-page-content .ags-gift-single .ags-gift-step-title strong, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-gift-step-title strong{font-size:15px!important;line-height:1.5!important} html body .ags-page-content .ags-gift-page .ags-gift-step-title small, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-step-title small, html body .ags-page-content .ags-gift-single .ags-gift-step-title small, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-gift-step-title small{font-size:13px!important;line-height:1.65!important;color:#b0c3ce!important} html body .ags-page-content .ags-gift-single .ags-choice-button strong, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button strong{font-size:14px!important;line-height:1.55!important} html body .ags-page-content .ags-gift-single .ags-choice-button small, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button small{font-size:12px!important;line-height:1.55!important;color:#b0c3ce!important} html body .ags-page-content .ags-gift-page .ags-product-label, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-product-label{font-size:12px!important;line-height:1.5!important} /* Keep gift-card helper copy comfortable on small touch screens after the desktop type scale is loaded. */ @media(max-width:760px),(max-device-width:760px),(pointer:coarse) and (hover:none){ html body.ags-mobile-ui .ags-page-content .ags-gift-modern .ags-gift-hero-copy>p, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-hero-copy>p{font-size:14px!important;line-height:1.8!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-trust span{font-size:12px!important;line-height:1.6!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-selector-head p, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-delivery-method small, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-step-title small, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-region-copy small, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-amount-card small, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-region-help, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-amount-help, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-amount-delivery{font-size:12.5px!important;line-height:1.7!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-buybar .ags-platform-price small, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-selection-summary small{font-size:12.5px!important;line-height:1.6!important} html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-platform-section .ags-gift-platform-card-large .ags-gift-platform-copy small, html body.ags-mobile-ui .ags-page-content .ags-gift-page .ags-gift-featured-section .ags-gift-platform-card-large .ags-gift-platform-copy small{font-size:12.5px!important;line-height:1.6!important} html body.ags-mobile-ui .ags-page-content .ags-gift-section-title p{font-size:14px!important;line-height:1.8!important} html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-gift-delivery-method small, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-gift-step-title small, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-choice-button small, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-gift-selection-summary small, html body.ags-mobile-ui .ags-page-content .ags-gift-single .ags-selected-variant-delivery{font-size:12.5px!important;line-height:1.65!important} } /* A touch-enabled desktop can still receive the compact mobile rules above. */ @media(min-width:761px){ html body .ags-page-content .ags-gift-page .ags-gift-delivery-method small, html body .ags-page-content .ags-gift-page .ags-gift-step-title small, html body .ags-page-content .ags-gift-page .ags-gift-region-copy small, html body .ags-page-content .ags-gift-page .ags-gift-amount-card small, html body .ags-page-content .ags-gift-page .ags-gift-region-help, html body .ags-page-content .ags-gift-page .ags-gift-amount-help, html body .ags-page-content .ags-gift-page .ags-gift-amount-delivery{font-size:13px!important;line-height:1.7!important} html body .ags-page-content .ags-gift-single .ags-gift-delivery-method small, html body .ags-page-content .ags-gift-single .ags-gift-step-title small, html body .ags-page-content .ags-gift-single .ags-choice-button small, html body .ags-page-content .ags-gift-single .ags-gift-selection-summary small, html body .ags-page-content .ags-gift-single .ags-selected-variant-delivery{font-size:13px!important;line-height:1.65!important} }