/**
 * Desktop laptop compact view — match 80% browser zoom at 100% zoom.
 * Applies to all desktop layouts (801px+). Mobile unchanged.
 */
@media (min-width: 801px) {
    html {
        zoom: 0.8 !important;
    }
}

@supports not (zoom: 1) {
    @media (min-width: 801px) {
        html {
            font-size: 12.8px;
        }

        :root {
            --header-height: 54px;
            --sidebar-rail: 54px;
            --sidebar-expanded: 206px;
        }

        .featured-hero-slider {
            --fh-unit-w: 432px;
            --fh-height: 208px;
            --fh-gap: 8px;
            --fh-radius: 11px;
        }

        .games-grid {
            grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        }

        div#main-games.games-grid {
            grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
        }

        .site-header__logo .site-logo {
            height: 29px;
            max-width: 132px;
        }
    }
}