/* Product navigation: recognisable artwork, quick genres and one mobile category at a time. */
.cbx-modern.cs-premium #cs-site-header .cs-nav-game-filters { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 18px; }
.cbx-modern.cs-premium #cs-site-header .cs-nav-game-filters[hidden],.cbx-modern.cs-premium #cs-site-header .cs-game-link[hidden],.cs-menu-back[hidden] { display:none!important; }
.cbx-modern.cs-premium #cs-site-header .cs-nav-game-filters button { display:flex; align-items:center; justify-content:space-between; gap:9px; min-height:42px; padding:9px 12px; border:1px solid #49687f; border-radius:8px; background:#142d42; color:#cbdfe9; font:500 12px/1.5 'DM Sans',sans-serif; cursor:pointer; transition:background .18s,border-color .18s; }
.cbx-modern.cs-premium #cs-site-header .cs-nav-game-filters button:hover { background:#22485a; border-color:#7baab9; }
.cbx-modern.cs-premium #cs-site-header .cs-nav-game-filters button[aria-pressed=true] { background:#a0e5ed; color:#103445; border-color:#a0e5ed; }
.cs-nav-game-filters button>span:first-child { min-width:0; overflow-wrap:anywhere; }
.cs-nav-filter-count { display:grid; place-items:center; min-width:19px; height:19px; padding:0 4px; border:1px solid #74939a77; border-radius:5px; font-size:10px; font-variant-numeric:tabular-nums; }
.cs-nav-game-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.cbx-modern.cs-premium #cs-site-header .cs-game-links { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-link { display:grid; grid-template-columns:65px minmax(0,1fr) 12px; grid-template-rows:auto; gap:10px; align-items:center; min-height:80px; padding:9px!important; border:1px solid #3d5e74; border-radius:11px; background:#172f43; overflow:hidden; font-size:12px!important; line-height:1.55; }
.cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-art { width:65px; height:60px; border-radius:7px; margin:0; flex:none; isolation:isolate; transform:none; background:#26465a; }
.cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-art img { position:static; display:block; width:100%; height:100%; object-fit:cover; inset:auto; z-index:auto; }
.cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-name { padding:0; font-size:12px; line-height:1.55; overflow-wrap:anywhere; }
.cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-arrow { display:block; margin:0; font-size:15px; }
.cbx-modern.cs-premium #cs-site-header .cs-game-link small { margin-top:4px; }
.cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-link:is(:hover,:focus-visible) { background:#23475b!important; color:#f4fcff!important; border-color:#93d6e1; }
.cbx-modern.cs-premium #cs-site-header .cs-panel-intro { padding:28px 23px; }
.cbx-modern.cs-premium #cs-site-header .cs-panel-symbol { margin-bottom:22px; }
.cbx-modern.cs-premium #cs-site-header .cs-panel-intro h2 { font-size:30px; line-height:1.2; }
.cbx-modern.cs-premium #cs-site-header .cs-panel-bottom { padding-block:13px; }
.cbx-modern.cs-premium #cs-site-header .cs-panel-bottom :is(a,button) { min-height:36px; }
.cbx-modern.cs-premium #cs-site-header .cs-nav-game-filters button:focus-visible,.cbx-modern.cs-premium #cs-site-header .cs-menu-back:focus-visible { outline:3px solid #b3f2f6; outline-offset:3px; }
.cs-menu-back { display:none; }
@media(min-width:1280px) {
 .cbx-modern.cs-premium #cs-site-header .cs-game-links { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-link { grid-template-columns:58px minmax(0,1fr) 10px; gap:8px; }
 .cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-art { width:58px; }
}
@media(min-width:1100px) {
 .cbx-modern.cs-premium #cs-site-header :is(.cs-panel-vps,.cs-panel-infrastructure) .cs-service-visual { height:160px; }
 .cbx-modern.cs-premium #cs-site-header :is(.cs-panel-vps,.cs-panel-infrastructure) .cs-service-copy { padding:20px; }
 .cbx-modern.cs-premium #cs-site-header .cs-service-link { border-radius:14px; }
}
@media(max-width:1099px) {
 .cbx-modern.cs-premium #cs-site-header:not(.cs-enhanced) { position:relative!important; top:0!important; }
 .cbx-modern.cs-premium #cs-site-header.cs-enhanced .cs-navigation.is-open { padding:12px; }
 .cbx-modern.cs-premium #cs-site-header .cs-menu-back:not([hidden]) { display:flex; align-items:center; gap:12px; flex-shrink:0; width:100%; padding:10px 12px; margin:0 0 8px; min-height:44px; background:#132e42; color:#badce9; border:1px solid #3b6078; border-radius:9px; cursor:pointer; font:500 12px/1.6 'DM Sans',sans-serif; text-align:start; }
 .cs-menu-back>span:first-child { font-size:20px; line-height:1; }
 [dir=rtl] .cs-menu-back>span:first-child { transform:rotate(180deg); }
 .cbx-modern.cs-premium #cs-site-header.cs-enhanced .cs-groups:has(>.cs-dropdown[open])>.cs-dropdown:not([open]) { display:none; }
 .cbx-modern.cs-premium #cs-site-header.cs-enhanced.cs-category-open .cs-dropdown { border-bottom:0; }
 .cbx-modern.cs-premium #cs-site-header.cs-enhanced.cs-category-open .cs-dropdown>summary { position:relative; background:#1c3c51; min-height:52px; border:1px solid #436a7e; }
 .cbx-modern.cs-premium #cs-site-header.cs-enhanced.cs-category-open .cs-dropdown>summary:after { display:none; }
 .cbx-modern.cs-premium #cs-site-header .cs-game-directory,.cbx-modern.cs-premium #cs-site-header .cs-service-directory { padding:14px; }
 .cbx-modern.cs-premium #cs-site-header .cs-panel { border-radius:11px; margin-top:8px; }
 .cbx-modern.cs-premium #cs-site-header .cs-nav-game-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-bottom:15px; }
 .cbx-modern.cs-premium #cs-site-header .cs-nav-game-filters button { gap:5px; min-height:44px; padding:8px; font-size:11px; }
 .cbx-modern.cs-premium #cs-site-header .cs-panel-bottom { padding:13px 14px; }
 .cbx-modern.cs-premium #cs-site-header .cs-panel-bottom :is(a,button) { min-height:40px; }
 .cbx-modern.cs-premium #cs-site-header .cs-nav-actions { margin-top:10px; padding-top:10px; }
 .cbx-modern.cs-premium #cs-site-header :is(.cs-panel-vps,.cs-panel-infrastructure) .cs-service-link { padding:12px!important; gap:12px; min-height:122px; }
 .cbx-modern.cs-premium #cs-site-header :is(.cs-panel-vps,.cs-panel-infrastructure) .cs-service-visual { width:80px; height:88px; }
 .cbx-modern.cs-premium #cs-site-header :is(.cs-panel-vps,.cs-panel-infrastructure) .cs-service-link strong { font-size:18px; }
}
@media(max-width:767px) {
 .cbx-modern.cs-premium #cs-site-header .cs-game-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
 .cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-link { grid-template-columns:38px minmax(0,1fr); gap:8px; padding:8px!important; min-height:69px; }
 .cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-art { width:38px; height:46px; }
 .cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-name { font-size:11px; line-height:1.55; }
 .cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-arrow { display:none; }
 .cbx-modern.cs-premium #cs-site-header .cs-game-directory,.cbx-modern.cs-premium #cs-site-header .cs-service-directory { padding:12px; }
 .cbx-modern.cs-premium #cs-site-header :is(.cs-panel-vps,.cs-panel-infrastructure) .cs-service-link { grid-template-columns:74px minmax(0,1fr); }
 .cbx-modern.cs-premium #cs-site-header :is(.cs-panel-vps,.cs-panel-infrastructure) .cs-service-visual { width:74px; height:86px; }
 .cbx-modern.cs-premium #cs-site-header :is(.cs-panel-vps,.cs-panel-infrastructure) .cs-item-arrow { display:none; }
}
@media(max-width:359px) {
 .cbx-modern.cs-premium #cs-site-header .cs-nav-game-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-link { grid-template-columns:29px minmax(0,1fr); gap:6px; padding:7px!important; }
 .cbx-modern.cs-premium #cs-site-header .cs-game-links .cs-game-art { width:29px; height:40px; }
 .cbx-modern.cs-premium #cs-site-header :is(.cs-panel-vps,.cs-panel-infrastructure) .cs-service-visual { width:58px; height:76px; }
}
/* A short landscape viewport needs one continuous scroll area, without fixed action rows. */
@media(max-width:1099px) and (max-height:600px) {
 .cbx-modern.cs-premium #cs-site-header.cs-enhanced .cs-navigation.is-open { display:block; overflow-y:auto; overscroll-behavior:contain; }
 .cbx-modern.cs-premium #cs-site-header.cs-enhanced .cs-groups { overflow:visible; }
}
@media(prefers-reduced-motion:reduce) { .cbx-modern.cs-premium #cs-site-header .cs-nav-game-filters button { transition:none; } }