@font-face { font-family:"Cinzel Czech"; src:url("/assets/cinzel-full.ttf") format("truetype"); font-weight:400 900; font-style:normal; font-display:swap; }
html[lang="cs"] { --display:"Cinzel Czech",Georgia,"Times New Roman",serif; }
.language-switch { position:absolute; z-index:2; left:16px; top:7px; display:flex; align-items:center; gap:2px; height:44px; color:#8e9f97; font:12px var(--display); }
.language-switch a { display:grid; place-items:center; min-width:32px; min-height:44px; text-decoration:none; color:#bbcbc2; }
.language-switch a[aria-current="true"] { color:#f6d394; text-decoration:underline; text-underline-offset:6px; }
.language-switch a:hover { color:#fff0c4; }
.main-nav { padding-left:100px; padding-right:145px; }
.nav-links { gap:clamp(4px,.7vw,13px); }
.nav-item { padding-inline:clamp(5px,.65vw,11px); }
.steam-wishlist:is(a) { text-decoration:none; }
.cz-steam-main { width:min(520px,100%); margin:22px auto 0; }
html[lang="cs"] .hero-brand h1 { font-size:clamp(18px,1.65vw,25px); }
html[lang="cs"] .hero-card h3 span { font-size:clamp(12px,1vw,16px); }
html[lang="cs"] .hero-card p { font-size:clamp(12px,1vw,15px); }
html[lang="cs"] .hero-values { letter-spacing:.035em; }
html[lang="cs"] .release-banner h2 { font-size:clamp(28px,3.2vw,48px); }
html[lang="cs"] .section-divider h2 { white-space:normal; text-align:center; }
@media(max-width:1250px) and (min-width:1101px) {
 .main-nav { padding-inline:90px 125px; }.nav-links { gap:2px; }.nav-item { font-size:12px; padding-inline:6px; }.nav-wishlist { font-size:11px; }
}
@media(max-width:1100px) {
 .site-header { height:60px; }.nav-shell { width:100%; height:58px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
 .nav-shell::before,.nav-shell::after { display:none; }
 .mobile-brand { order:0; display:block; color:var(--gold-light); font-size:17px; letter-spacing:.035em; text-transform:uppercase; }
 .language-switch { order:1; position:static; margin-left:auto; flex-shrink:0; }
 .menu-toggle { order:2; display:flex; flex-direction:column; gap:5px; justify-content:center; align-items:center; width:44px; height:44px; flex-shrink:0; background:none; }
 .menu-toggle span { width:23px; height:1px; background:#efd9a6; transition:transform .2s,opacity .2s; }
 .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(6px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }.menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-6px) rotate(-45deg); }
 .main-nav { display:none; position:absolute; top:58px; left:0; right:0; height:auto; padding:15px 20px 20px; background:#051216fc; border-bottom:1px solid var(--gold); box-shadow:0 15px 30px #0009; flex-direction:column; gap:12px; }
 .main-nav.open { display:flex; }.nav-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; height:auto; gap:4px; }
 .nav-item { height:44px; padding:0 13px; font-size:14px; }.nav-item.active::after { bottom:1px; }
 .socials { position:static; display:flex; gap:16px; }.socials :is(button,a) { width:44px; height:44px; }
}
@media(max-width:760px) {
 html[lang="cs"] .hero-brand h1 { font-size:clamp(17px,4.4vw,24px); }
 html[lang="cs"] .hero-card h3 span { font-size:15px; }
 html[lang="cs"] .hero-card p { font-size:14px; }
 html[lang="cs"] .hero-values { font-size:11px; }
 .cz-steam-main > span { font-size:clamp(12px,3.5vw,17px); gap:9px; padding-inline:18px; white-space:nowrap; }
 .cz-steam-main > span svg { flex:0 0 19px; width:19px; height:19px; }
}
@media(max-width:480px) { .mobile-brand { order:0; font-size:14px; }.language-switch { order:1; font-size:11px; }.menu-toggle { order:2; }.nav-shell { padding-inline:12px; gap:4px; }.language-switch a { min-width:28px; }.language-switch { gap:0; } }