/* ============================================================
   PREMIER SEGMENT ACCUEIL — STABILISATION DU CHARGEMENT
   ============================================================ */

@media (min-width: 768px) {

    .vp-hero-desktop-2027 {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .vp-hero-desktop-2027 .vp-hero-desktop-bg {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
        z-index: 1 !important;
    }

    .vp-hero-desktop-grid {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        z-index: 2 !important;
    }

    /* Seule la colonne centrale détermine la hauteur du segment. */
    .vp-hero-col-center {
        position: relative !important;
        width: 26% !important;
        height: auto !important;
        margin: 0 0 0 37% !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .vp-hero-col-center .vp-hero-desktop-pass {
        position: relative !important;
        display: block !important;
        width: 86.4% !important;
        max-width: 86.4% !important;
        height: auto !important;
        aspect-ratio: 933 / 980 !important;
        object-fit: contain !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    /* Les colonnes latérales ne participent plus au calcul de hauteur. */
    .vp-hero-col-left,
    .vp-hero-col-right {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }

    .vp-hero-col-left {
        left: 0 !important;
        width: 37% !important;
        justify-content: flex-end !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .vp-hero-col-left .vp-hero-title {
        width: max-content !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        transform: translateY(-25%) !important;
        text-align: center !important;
    }

    .vp-hero-col-right {
        right: 0 !important;
        width: 37% !important;
        justify-content: flex-start !important;
        padding-left: 0 !important;
        padding-right: 1.5vw !important;
    }

    .vp-hero-col-right .vp-pass {
        width: 70% !important;
        max-width: 70% !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    /* Espace réservé avant l'arrivée du bouton Smeetz. */
    .vp-hero-col-right .smtz-w {
        min-height: 62px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}