/* Le conteneur coupe tout ce qui dépasse et prend toute la largeur */
.mwin-js-slider {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    left: calc(-50vw + 50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #000000 !important; 
    display: block !important;
    overflow: hidden !important;
}

/* Par défaut, toutes les slides sont cachées et absolues pour ne pas s'empiler */
.mwin-js-slider .mwin-js-slide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0; 
    z-index: 10;
    transition: opacity 1.5s ease-in-out; /* La transition de fondu (1.5 secondes) */
}

/* La première slide donne la hauteur pour ne pas écraser la boîte */
.mwin-js-slider .mwin-js-slide:first-child {
    position: relative !important; 
}

/* SEULE LA SLIDE ACTIVE EST VISIBLE */
.mwin-js-slider .mwin-js-slide.mwin-slide-active {
    opacity: 1;
    z-index: 20;
}

/* Forcer l'image à remplir l'espace sans bandes blanches */
.mwin-js-slider picture,
.mwin-js-slider img {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}