/* GFSX V4 – header refinement, true infinite hero motion, detail-page pricing */
.site-header-v3{height:77px;min-height:77px}
.header-inner-v3{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,560px) minmax(0,1fr);gap:16px;align-items:center;min-height:77px;height:77px}
.header-left{display:flex;align-items:center;gap:16px;min-width:0}
.brand-v3{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.brand-v3 img{width:170px;height:58px;object-fit:contain;display:block}
.header-search{width:100%;height:44px;min-width:0;max-width:none;justify-self:center;margin:0;flex:none}
.header-actions{justify-self:end;margin:0;display:flex;align-items:center;gap:10px}
.currency-popover summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:0 13px;min-width:112px;font-variant-numeric:tabular-nums;white-space:nowrap}
.currency-symbol{display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#a8dfff;min-width:19px;line-height:1}
.currency-code{font-size:12px;font-weight:850;letter-spacing:.03em;color:#f6faff;white-space:nowrap}
.currency-chevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 12px;width:12px;margin-left:2px;font-size:17px;line-height:1;opacity:.77;transition:transform .2s ease}
.currency-popover[open] .currency-chevron{transform:rotate(180deg)}
.browse-popover summary,.more-popover summary{min-height:41px}
.hero-v3-grid{height:640px;min-height:640px;grid-template-columns:minmax(195px,27%) minmax(385px,46%) minmax(195px,27%)}
.hero-v3-center{min-height:640px}
/* Each gallery contains two identical 4-row sets. The second set joins the first seamlessly. */
.mosaic-wall{--tile-h:146px;--tile-gap:9px;display:block;position:relative;height:100%;padding:0;overflow:hidden;opacity:.94;isolation:isolate}
.mosaic-wall::after{z-index:2;inset:0}
.mosaic-track{display:flex;flex-direction:column;width:100%;will-change:transform;animation:mosaic-rise 38s linear infinite}
.mosaic-right .mosaic-track{animation-name:mosaic-fall;animation-duration:43s}
.mosaic-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,var(--tile-h));gap:var(--tile-gap);padding:calc(var(--tile-gap)/2) 8px;width:100%;flex:0 0 auto}
.mosaic-set .mosaic-tile{margin:0!important;transform:none!important;width:100%;height:100%;border-radius:13px;box-shadow:0 7px 20px #0007,inset 0 0 0 1px #83bbff18;transition:border-color .2s,box-shadow .2s}
.mosaic-tile img{width:100%;height:100%;object-fit:cover;opacity:.91;filter:saturate(.9);display:block}
.mosaic-tile:focus-visible{outline:3px solid #a5d9ff;outline-offset:-3px;position:relative;z-index:3}
.mosaic-wall:hover .mosaic-track,.mosaic-wall:focus-within .mosaic-track{animation-play-state:paused}
@keyframes mosaic-rise{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@keyframes mosaic-fall{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}
/* All game tiles now share a baseline; no staggered nth-child transforms. */
.mosaic-wall .mosaic-tile:nth-child(even){transform:none!important}
.mosaic-wall .mosaic-tile:nth-child(n+7){display:block}
/* Advanced Warfare: all reference prices and spotlight information live on its detail page. */
.aw-spotlight{display:grid;grid-template-columns:minmax(160px,.85fr) minmax(0,1.15fr);gap:20px;align-items:stretch;margin:24px 0 27px}
.aw-spotlight-graphic{border:1px solid #28578a;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;min-height:235px;padding:19px;background:repeating-linear-gradient(145deg,transparent 0 31px,#4e91e710 32px 33px),radial-gradient(circle at center,#1358a6 0,#0a2244 55%,#071429 100%);overflow:hidden}
.aw-graphic-code,.aw-graphic-footer{font-size:10px;letter-spacing:.12em;color:#a3cff9;font-weight:800}
.aw-graphic-abbr{font:900 clamp(84px,13vw,164px)/.9 var(--heading);letter-spacing:-.07em;text-align:center;color:#46a6ff;text-shadow:0 0 35px #2974ca;transform:skew(-11deg)}
.aw-spotlight-copy{display:flex;flex-direction:column;justify-content:center;border:1px solid #253e5a;border-radius:14px;background:#0a1423;padding:24px}
.aw-spotlight-copy h3{font:900 clamp(29px,3vw,43px)/1 var(--heading);text-transform:uppercase;margin:8px 0 13px;color:#fff}
.aw-spotlight-copy p{font-size:12px;line-height:1.8;color:#bdd0eb;margin:0 0 15px}
.aw-spotlight-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.aw-spotlight-facts span{font-size:10px;line-height:1.5;color:#93aed0;display:grid;gap:6px}
.aw-spotlight-facts strong{font-size:11px;color:#e3f3ff}
.aw-pricing-notice{font-size:10px;letter-spacing:.055em;line-height:1.6;font-weight:800;color:#95c9fd;border:1px solid #2a5582;background:#102a44;padding:13px 15px;margin:0 0 8px;border-radius:9px}
.aw-price-option{gap:12px}
.aw-reference-price{color:#f2fbff;font-size:17px;font-weight:900;white-space:nowrap;min-width:68px;text-align:right}
.aw-price-status{font-size:11px;color:#91b9e5;line-height:1.5;margin:14px 0 0}
@media(max-width:1360px){.brand-v3 img{width:151px;height:55px}.header-inner-v3{grid-template-columns:minmax(0,1fr) minmax(220px,490px) minmax(0,1fr);gap:12px}.header-left{gap:9px}.hero-v3-grid{height:608px;min-height:608px}.hero-v3-center{min-height:608px}.mosaic-wall{--tile-h:139px;--tile-gap:8px}}
@media(max-width:1140px){.brand-v3 img{width:132px;height:49px}.header-inner-v3{grid-template-columns:minmax(0,1fr) minmax(190px,330px) minmax(0,1fr);gap:10px}.browse-popover summary{padding:0 11px;font-size:10px}.header-left{gap:7px}.mosaic-set{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,var(--tile-h))}.mosaic-wall{--tile-h:140px}}
@media(max-width:890px){.site-header-v3{height:auto;min-height:72px}.header-inner-v3{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;gap:9px;height:72px;min-height:72px}.brand-v3 img{width:115px;height:48px}.header-left{min-width:0}.header-search{height:39px}.hero-v3-grid{grid-template-columns:17% 66% 17%;height:590px;min-height:590px}.hero-v3-center{min-height:590px}.mosaic-wall{--tile-h:129px;--tile-gap:7px}.mosaic-set{grid-template-columns:1fr;grid-template-rows:repeat(12,var(--tile-h))}.header-actions{gap:6px}}
@media(max-width:620px){.site-header-v3{height:auto;min-height:68px}.header-inner-v3{grid-template-columns:auto minmax(82px,1fr) auto;gap:6px;height:68px;min-height:68px}.brand-v3 img{width:100px;height:40px}.header-search{height:35px}.currency-popover summary{padding:0 6px;min-width:68px;min-height:35px;gap:3px}.currency-symbol{min-width:12px;font-size:13px}.currency-code{font-size:10px}.currency-chevron{font-size:13px;flex-basis:9px;width:9px;margin-left:0}.mosaic-wall{display:none}.hero-v3-grid{display:block;height:auto;min-height:0}.hero-v3-center{min-height:515px}.aw-spotlight{grid-template-columns:1fr;gap:12px}.aw-spotlight-graphic{min-height:188px}.aw-spotlight-copy{padding:18px}.aw-graphic-abbr{font-size:102px}.aw-spotlight-facts{grid-template-columns:1fr 1fr}}
@media(max-width:385px){.brand-v3 img{width:84px;height:36px}.header-search input{font-size:9px}.currency-popover summary{min-width:63px}}
@media(prefers-reduced-motion:reduce){.mosaic-track{animation:none!important;transform:none!important}.mosaic-tile img{transition:none}}
