@media (max-width: 1200px) {
    .score .card {
        width: calc(33.33% - 20px); /* 3 cartes par ligne */
    }

    .section-about {
        padding: 40px;
    }

    .aif p {
        margin: 20px 10%;
    }

    .aif-2 {
        width: 90%;
    }

    .obj-card-container {
        --card-size: 240px;
        padding: 1rem 2vw;
    }

    .testimony {
        width: 80%;
    }

    .objectifs-globaux {
        max-width: 1400px;
    }
}

@media (max-width: 1024px) {
    .actualite {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    }

    .actualite-img {
        height: clamp(160px, 18vw, 200px);
    }
}

@media (max-width: 900px) {
    .score .card {
        width: calc(50% - 20px); /* 2 cartes par ligne */
    }

    .section-title {
        width: 25vw;
    }

    .aif-2 .aif-2-content {
        padding: 25px;
    }

    .objectifs-globaux {
        height: 20vw;
    }

    .objectifs-globaux .obj-glob-title {
        margin-bottom: 1.5rem;
    }

    .objectifs-globaux .objectifs-list {
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .section-about {
        padding: 30px;
    }

    .section-title {
        width: 35vw;
        padding: 12px;
    }

    .aif p {
        margin: 20px 5%;
    }

    .aif-2 {
        flex-direction: column;
        width: 95%;
    }

    .aif-2 .aif-2-content,
    .aif-2 .aif-2-content-img {
        width: 100%;
    }

    .aif-2 .aif-2-content-img {
        min-height: 40vw;
        border-radius: 20px 20px 0 0;
        order: -1; /* Met l'image en premier */
    }

    .aif-2 .aif-2-content {
        padding: 20px;
    }

    .obj-card-container {
        --card-size: 200px;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--card-size)), 1fr));
    }

    .obj-card {
        aspect-ratio: 1/1.1;
    }

    .actualite {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
        gap: 1.5rem;
    }

    .actualite-card h4 {
        font-size: 1.3rem;
        margin: 12px 8px;
    }

    .actualite-card p {
        margin: 0 8% 12px;
    }

    .objectifs-globaux {
        flex-direction: row;
        height: 25vw;
        min-height: 250px;
        max-height: 400px;
    }

    .objectifs-globaux .obj-glob-img {
        width: 50%;
        height: 100%;
        border-radius: 0;
    }

    .objectifs-globaux .obj-glob-content {
        width: 50%;
        padding: 2rem;
    }

    .accordion-card h2 {
        font-size: 1.1rem;
        margin: 15px 0;
    }

    .accordion-toggle {
        padding: 8px 15px;
    }

    .accordion-item {
        padding: 15px;
        border-radius: 15px;
    }
}

@media (max-width: 600px) {
    .score {
        width: 90vw;
    }
    .score .card {
        width: 100%; /* 1 carte par ligne */
        max-width: 400px; /* Limiter la largeur max */
    }

    .section-about {
        padding: 20px;
    }

    .section-title {
        width: 60vw;
        font-size: 0.9rem;
    }

    .aif h3 {
        font-size: 1.3rem;
    }

    .aif-2 .aif-2-content h4 {
        font-size: 1.3rem;
    }

    .aif-2 .aif-2-content-img {
        min-height: 50vw;
    }
}

@media (max-width: 480px) {
    .obj-card-container {
        --card-size: min(100%, 300px);
        grid-template-columns: 1fr;
    }

    .obj-card {
        aspect-ratio: unset;
        min-height: 220px;
        max-width: 300px;
        margin: 0 auto;
    }

    .actualite {
        grid-template-columns: 1fr;
    }

    .actualite-card {
        max-width: 100%;
    }

    .actualite-img {
        height: 200px;
    }

    .btn-simple {
        font-size: 0.95rem;
    }

    .accordion-card h2 {
        font-size: 1rem;
    }

    .accordion-content {
        font-size: 0.9rem;
    }
}

@media (max-width: 1200px) { .faq { width: 65%; } }
@media (max-width: 992px) { .faq { width: 75%; } }
@media (max-width: 768px) { .faq { width: 85%; } }
@media (max-width: 576px) { .faq { width: 95%; } }