@media (max-width: 650px) {

    :root {
        --section-padding: 55px;
    }

    .container {
        width: min(
            calc(100% - 30px),
            var(--container-width)
        );
    }


    /* HEADER */
    .site-header {
        height: auto;
    }

    .header-inner {
        min-height: 70px;
        flex-direction: column;
        padding-block: 10px;
    }

    .header-logo {
        height: 40px;
    }

    .header-logo img {
        width: 125px;
    }

    .main-nav {
        width: 100%;
        justify-content: center;
        gap: 20px;
    }

    .main-nav a {
        font-size: 0.8rem;
    }

    /* HERO */
    .hero-section {
        min-height: auto;
    }

    .hero-container {
        padding-block: 30px;
    }

    .association-card {
        padding: 35px 25px;
        gap: 30px;
        border-radius: 20px;
    }

    .association-logo img {
        width: 230px;
    }

    .association-content h1 {
        margin-bottom: 20px;
    }

    .association-content p {
        font-size: 0.88rem;
    }

    /* TITRES */
    .section-title {
        margin-bottom: 30px;
        letter-spacing: 0.05em;
    }

    /* VIDEO */
    .video-placeholder {
        min-height: 220px;
        font-size: 1.5rem;
    }

    .carousel-card {
        min-height: 220px;
        padding: 30px 25px;
    }


    /* JOIN */
    .join-card {
        padding: 35px 20px;
        border-radius: 20px;
    }

    .join-options {
        grid-template-columns: 1fr;
    }

    .join-option {
        padding: 25px;
    }

    .join-option-header h3 {
        font-size: 1.5rem;
    }

    .button {
        width: 100%;
    }

    /* CONTACT */
    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    /* FOOTER */
    .footer-inner {
        flex-direction: column;
        gap: 15px;
    }

    .footer-links {
        flex-direction: column;
        gap: 10px;
    }

}