/* MediQual — photo d'accueil XL claire */

/* Donne plus de largeur à la zone visuelle du hero */
body.home .hero .hero__grid,
body.home .hero .hero__inner {
    grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr) !important;
    gap: clamp(30px, 3vw, 52px) !important;
    align-items: center !important;
}

/* Cadre visuel agrandi */
body.home .hero .hero__visual,
body.home .hero .hero__media,
body.home .hero [class*="hero__visual"],
body.home .hero [class*="hero__media"] {
    width: 118% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1.79365079 !important;
    margin: 0 0 0 -9% !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    overflow: hidden !important;
    border-radius: 34px !important;
    line-height: 0 !important;
}

body.home .hero .mq-home-xl-photo {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1.79365079 !important;
    overflow: hidden !important;
    border-radius: 34px !important;
    line-height: 0 !important;
}

body.home .hero .mq-home-xl-photo img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center center !important;
    image-rendering: auto !important;
    border-radius: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.home .hero .hero__visual::before,
body.home .hero .hero__visual::after,
body.home .hero .hero__media::before,
body.home .hero .hero__media::after,
body.home .hero [class*="floating"],
body.home .hero [class*="badge"] {
    display: none !important;
    content: none !important;
}

@media (max-width: 1100px) {
    body.home .hero .hero__grid,
    body.home .hero .hero__inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }
    body.home .hero .hero__visual,
    body.home .hero .hero__media,
    body.home .hero [class*="hero__visual"],
    body.home .hero [class*="hero__media"] {
        width: 108% !important;
        margin-left: -4% !important;
    }
}

@media (max-width: 800px) {
    body.home .hero .hero__grid,
    body.home .hero .hero__inner {
        grid-template-columns: 1fr !important;
    }
    body.home .hero .hero__visual,
    body.home .hero .hero__media,
    body.home .hero [class*="hero__visual"],
    body.home .hero [class*="hero__media"] {
        width: 100% !important;
        margin-left: 0 !important;
        border-radius: 24px !important;
    }
    body.home .hero .mq-home-xl-photo,
    body.home .hero .mq-home-xl-photo img {
        border-radius: 24px !important;
    }
}