@media (max-width: 768px) {

    .pxr-navbar .pxr-container {

        flex-direction: column;

        gap: 20px;

    }

    .pxr-nav-links {

        flex-wrap: wrap;

        justify-content: center;

    }

    .pxr-hero,
    .pxr-page-hero {

        padding: 80px 0;

    }

}

/* MOBILE OPTIMIZATION */

@media (max-width: 768px) {

    /* HERO */

    .pxr-hero {

        min-height: 72vh;

        padding:
            120px 0 80px;

        background-position:
            center center;

    }

    .pxr-hero-content {

        transform:
            translateY(0);

    }

    .pxr-hero h1 {

        font-size:
            clamp(2.5rem, 12vw, 4rem);

        line-height:
            1.05;

    }

    .pxr-hero p {

        font-size:
            1rem;

        padding:
            0 10px;

    }

    .pxr-hero-buttons {

        flex-direction:
            column;

        align-items:
            center;

        gap:
            16px;

    }

    .pxr-btn {

        width:
            100%;

        max-width:
            280px;

        text-align:
            center;

    }

    /* PLATFORM STRIP */

    .pxr-platform-container {

        justify-content:
            center;

        text-align:
            center;

    }

    .pxr-platform-left,
    .pxr-platform-right {

        justify-content:
            center;

    }

    /* SECTIONS */

    .pxr-section {

        padding:
            70px 0;

    }

    /* HEADINGS */

    .pxr-section-header h2 {

        font-size:
            clamp(2rem, 8vw, 3rem);

    }

    /* GAME CARDS */

    .pxr-game-card {

        min-height:
            360px;

    }

    /* COMMUNITY SECTION */

    .pxr-community-section {

        padding:
            120px 0;

    }

    .pxr-community-content h2 {

        font-size:
            clamp(2.2rem, 10vw, 4rem);

    }

    /* FOOTER */

    .pxr-footer-grid {

        text-align:
            center;

    }

}