/* =========================================================
   MEDIQUAL HOME PUBLIC SPECIALTIES V73
   Accueil PUBLIC uniquement
   ========================================================= */

.mq73-private-card {
    display: none !important;
}

/*
 * Conteneur des 3 cartes publiques :
 * même logique visuelle que la page Spécialités publique.
 */
.mq73-public-specialties-grid {
    width: min(1200px, calc(100% - 48px)) !important;
    max-width: 1200px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(24px, 2.4vw, 34px) !important;

    align-items: stretch !important;
    justify-content: center !important;
    justify-items: stretch !important;
}

/*
 * Chaque carte occupe une colonne égale.
 */
.mq73-public-specialty-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;

    align-self: stretch !important;
    justify-self: stretch !important;
}

/*
 * Harmoniser les images uniquement dans ces 3 cartes,
 * sans toucher aux autres images de l'accueil.
 */
.mq73-public-specialty-card img {
    width: 100% !important;
    max-width: 100% !important;

    object-fit: cover !important;
}

/*
 * Si l'ancien conteneur utilisait flex/largeurs fixes,
 * neutraliser uniquement les largeurs inline des 3 cartes.
 */
.mq73-public-specialty-card[style] {
    flex-basis: auto !important;
}

/* Tablette */
@media (min-width: 700px) and (max-width: 999px) {
    .mq73-public-specialties-grid {
        width: min(820px, calc(100% - 36px)) !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }
}

/* Mobile */
@media (max-width: 699px) {
    .mq73-public-specialties-grid {
        width: calc(100% - 32px) !important;
        max-width: 480px !important;

        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .mq73-public-specialty-card {
        width: 100% !important;
    }
}