:root{--navbar-offset:124px}html{scroll-padding-top:0}section[id],article[id],#main{scroll-margin-top:var(--navbar-offset)}
.games-featured{max-width:1160px;margin-inline:auto}.games-featured>.row{margin:0}.games-featured .catalog-art{padding:clamp(20px,2.4vw,32px);background:transparent}.games-featured .catalog-art img{border-radius:18px;object-fit:contain;width:100%;height:auto}.games-featured .catalog-copy{padding:clamp(22px,2.8vw,36px)}.games-featured .catalog-copy>.block-icon{width:60px;height:60px;float:left;margin:0 16px 16px 0;border-radius:15px}.games-featured .catalog-copy h3{margin:0 0 10px;font-size:clamp(24px,2.6vw,34px)}.games-featured .catalog-copy .game-tagline{margin:0 0 16px}.games-featured .catalog-copy>p:not(.game-tagline){clear:both;margin:0 0 18px}.games-featured .pills{margin:0 0 22px;clear:both}.game-cta{display:flex;justify-content:center;width:100%}.game-cta .button{margin:0;min-height:48px;transition:transform .25s,background-color .25s,box-shadow .25s}.game-cta .button:hover{transform:translateY(-2px)}
.store-links{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 0}.store-status,.store-links>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;font-size:12px;line-height:1.5}.store-status{padding:10px 13px;border-radius:999px;background:var(--surface-soft);color:var(--muted);cursor:default}.store-icon{display:block;width:20px;height:20px;flex:0 0 20px;object-fit:contain}.store-status>span{min-width:0;overflow-wrap:anywhere}[data-theme="dark"] .store-icon{filter:invert(1)}
@media(max-width:991px){.games-featured .catalog-art{padding-bottom:0}.games-featured .catalog-copy{padding:24px}.games-featured .catalog-art img{max-width:720px;margin:auto}}
/* Turkish is a longer translation, not a different hero layout. */
html[lang="tr"] .hero h1{font-size:clamp(48px,6vw,88px);letter-spacing:-.05em}
@media(max-width:760px){:root{--navbar-offset:108px}html[lang="tr"] .hero h1{font-size:clamp(42px,11.5vw,80px)}.store-status{font-size:12px;padding:10px 12px}.games-featured .catalog-copy{padding:22px}.games-featured .catalog-copy h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.game-cta .button:hover{transform:none}}
/* Keep the translated contact label visible; only the decorative arrow is hidden. */
header .nav-contact>span[data-i18n]{display:inline}
@media(max-width:760px){#games .section-heading{display:block}#games .section-heading>p{max-width:none;width:auto;text-align:left;margin-top:18px}#games .section-heading h2{font-size:32px}}

/* Mobile-only navigation alignment and hero size; desktop sizing is unchanged. */
@media(max-width:960px){
 header #navigation>a{display:flex;align-items:center;justify-content:flex-start;align-self:stretch;width:100%;text-align:left;margin-inline:0;padding:13px 16px}
 header #navigation>a>span[data-i18n]{float:none;margin-inline:0}
}
@media(max-width:760px){
 .hero-art .hero-logo{width:min(65vw,240px);max-width:100%;height:auto}
}
/* Keep programmatic section focus for navigation without a browser outline.
   Interactive elements retain the existing :focus-visible indicators. */
:is(section,article,main)[tabindex="-1"]:focus{outline:none}

/* Desktop spacing belongs to the nav gap, not the contact label. */
@media(min-width:961px){header #navigation>.nav-contact>span[data-i18n]{margin-inline:0}}