/* Game navigation: shared across the existing pages without altering product data. */
html[data-site-theme] .hh-game-mega {width:min(1120px,calc(100vw - 48px));}
.hh-game-panel {display:grid;grid-template-columns:1.65fr .85fr 1fr;gap:0;background:#101323;border:1px solid #363949;border-radius:14px;box-shadow:0 24px 65px #0006;padding:28px;color:#f1f3f9;}
.hh-game-catalog {padding-right:26px;}
.hh-game-community {padding:0 26px;border-inline:1px solid #ffffff12;}
.hh-game-alternative {padding-left:26px;}
.hh-game-panel .hh-game-heading {font:700 11px/1.5 var(--site-font,Arial,sans-serif);letter-spacing:.1em;color:#c8cddd;margin:0 0 24px;}
.hh-game-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.hh-game-tile {display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none!important;color:#f1f3f9!important;border-radius:8px;padding:10px 4px;transition:background .18s,transform .18s;}
.hh-game-art {display:grid;place-items:center;width:88px;height:88px;margin-bottom:16px;border-radius:15px;overflow:hidden;background:#1b2033;border:1px solid #ffffff12;}
.hh-game-art img {width:100%;height:100%;object-fit:contain;display:block;}
.hh-game-art--fivem {background:#261c14;}
.hh-game-art--rust {background:#251613;}
.hh-game-tile strong {font-size:15px;line-height:1.4;}
.hh-game-tile>span:last-child {font-size:10px;line-height:1.6;color:#a4acc1;margin-top:7px;}
.hh-game-tile:hover {background:#ffffff05;transform:translateY(-3px);}
.hh-game-tile:hover strong,.hh-game-bot:hover strong {color:#ffc400;}
.hh-game-bot {display:flex;flex-direction:column;text-decoration:none!important;color:#f1f3f9!important;}
.hh-game-bot-art {display:grid;place-items:center;height:88px;background:#5865f216;border:1px solid #5865f230;border-radius:12px;margin-bottom:18px;}
.hh-game-bot img {max-width:88%;height:auto;}
.hh-game-bot strong {font-size:15px;line-height:1.4;}
.hh-game-bot>span:not(.hh-game-bot-art) {font-size:12px;line-height:1.7;color:#a4acc1;margin:10px 0 14px;}
.hh-game-bot b {font-size:11px;color:#e8c752;font-weight:600;}
.hh-game-panel .hh-game-alternative h4 {font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px;color:#f1f3f9;}
.hh-game-panel .hh-game-alternative>p:not(.hh-game-heading) {font-size:12px;line-height:1.7;color:#a4acc1;margin:0 0 18px;}
.hh-game-alternative>a {display:flex;justify-content:space-between;align-items:center;padding:9px 0;color:#e8c752;font-size:12px;text-decoration:none;border-top:1px solid #ffffff12;}
.hh-game-menu-footer {grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:25px;padding-top:20px;border-top:1px solid #ffffff12;}
.hh-game-panel .hh-game-menu-footer p {font-size:11px;line-height:1.6;color:#a4acc1;margin:0;max-width:690px;}
.hh-game-stock-dot {display:inline-block;width:6px;height:6px;background:#d2a957;border-radius:50%;margin-right:6px;}
.hh-game-menu-footer>a {font-size:12px;color:#e8c752;text-decoration:none;white-space:nowrap;}
.hh-game-panel a:focus-visible {outline:2px solid #ffc400;outline-offset:4px;}
/* Keep the mobile accordion's visibility controlled by the existing navigation. */
html[data-site-theme] .hh-mobile-games .hh-mobile-game-link {display:flex;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;color:#f1f3f9;}
.hh-mobile-game-link img {width:44px;height:44px;object-fit:contain;flex-shrink:0;border-radius:7px;background:#1b2033;}
.hh-mobile-game-link span {font-size:14px;line-height:1.5;}
.hh-mobile-game-link small {display:block;font-size:10px;color:#a4acc1;}
@media(prefers-reduced-motion:reduce){.hh-game-tile{transition:none;}.hh-game-tile:hover{transform:none;}}
@media(min-width:1025px){
 html[data-site-theme] .hh-nav {position:relative;}
 html[data-site-theme] .hh-menu>li:has(>.hh-game-mega) {position:static;}
 html[data-site-theme] .hh-drop.hh-game-mega {left:50%;width:min(1120px,calc(100vw - 48px));transform:translateX(-50%);}
 html[data-site-theme] .hh-menu>li:has(>.hh-game-mega)>a {position:relative;}
 html[data-site-theme] .hh-menu>li:has(>.hh-game-mega)>a::after {content:"";position:absolute;top:100%;left:0;right:0;height:30px;}
}
html[data-site-theme] .hh-menu>li:has(>.hh-game-mega)>a::after {display:none;}
/* Match the wider Hosting catalog without changing click-to-open behavior. */
@media (min-width:1025px) {
 html[data-site-theme] .hh-game-mega,
 html[data-site-theme] .hh-drop.hh-game-mega { width:min(1320px,calc(100vw - 48px)); }
 .hh-game-panel { padding:36px; }
 .hh-game-panel .hh-game-heading { font-size:13px; margin-bottom:28px; }
 .hh-game-art { width:112px; height:112px; margin-bottom:20px; }
 .hh-game-tile { padding:14px 6px; }
 .hh-game-tile strong,.hh-game-bot strong { font-size:19px; }
 .hh-game-tile>span:last-child { font-size:13px; }
 .hh-game-bot-art { height:112px; }
 .hh-game-bot img { width:164px; }
 .hh-game-bot>span:not(.hh-game-bot-art) { font-size:15px; }
 .hh-game-bot b { font-size:14px; }
 .hh-game-panel .hh-game-alternative h4 { font-size:28px; }
 .hh-game-panel .hh-game-alternative>p:not(.hh-game-heading),
 .hh-game-alternative>a { font-size:15px; }
 .hh-game-alternative>a { padding:12px 0; }
 .hh-game-menu-footer { padding-top:24px; margin-top:28px; }
 .hh-game-panel .hh-game-menu-footer p { font-size:13px; max-width:850px; }
 .hh-game-menu-footer>a { font-size:14px; }
}
@media (min-width:1025px) and (max-width:1199px) {
 .hh-game-panel { padding:26px; }
 .hh-game-art { width:88px; height:88px; }
 .hh-game-tile strong,.hh-game-bot strong { font-size:17px; }
 .hh-game-catalog { padding-right:18px; }
 .hh-game-community { padding-inline:18px; }
 .hh-game-alternative { padding-left:18px; }
}
