@media screen and (max-width: 767px) and (orientation: portrait) {
    
    .full-slider {
        /* On s'assure que le fond reste noir derrière */
        background: #000;
        width: 100vw;
        height: 100vh;
    }

    .slide {
        /* FIXED détache l'image de tout parent limitant */
        position: fixed !important;
        
        /* Dimensions inversées pour la rotation */
        width: 100vh !important; 
        height: 100vw !important;

        /* Centrage absolu sur l'écran */
        top: 50% !important;
        left: 50% !important;

        /* Rotation et centrage combinés */
        transform: translate(-50%, -50%) rotate(-90deg) !important;
        transform-origin: center center !important;

        object-fit: cover !important;
        
        /* On force l'affichage pour éviter les bugs de chargement */
        min-width: 100vh !important;
        min-height: 100vw !important;
        
        z-index: 1;
    }

    /* On s'assure que la slide active est bien au-dessus */
    .slide.active {
        z-index: 2;
        opacity: 1 !important;
    }
}