body .swiper-slide-element{
    cursor: grab;
}

body.dragging {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: grabbing;
}
body.pan-vertical .swiper-slide-element img {
    width: 840px;
    max-width: 100%;
    pointer-events: none;
}
body.pan-horizontal .swiper-slide-element img {
    width: auto;
    height: 100vh;
}
/* body.pan-horizontal,
body.pan-horizontal .swiper,
body.pan-horizontal .swiper-wrapper,
body.pan-horizontal .swiper-slide{
    width: max-content;
}*/
body.pan-horizontal #wrap-img1,
body.pan-horizontal #wrap-img2,
body.pan-horizontal #wrap-img3 {
    will-change: transform;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    width: max-content;
} 
.swiper-slide{
    opacity:1 !important;
}

/* @media (max-width: 768px) {
    body.pan-horizontal .swiper-slide.touch-ended #wrap-img1,
    body.pan-horizontal .swiper-slide.touch-ended #wrap-img2,
    body.pan-horizontal .swiper-slide.touch-ended #wrap-img3 {
        transition: transform 2s ease-out;
    }

    body.pan-horizontal .swiper-slide.touching #wrap-img1,
    body.pan-horizontal .swiper-slide.touching #wrap-img2,
    body.pan-horizontal .swiper-slide.touching #wrap-img3 {
        transition: none;
    }
} */



/*body.pan-horizontal .swiper-slide {
    width: 100%;
    overflow-x: scroll;
    width: max-content;
}*/

/* body.pan-horizontal .swiper-slide.mouse #wrap-img1,
body.pan-horizontal .swiper-slide.mouse #wrap-img2,
body.pan-horizontal .swiper-slide.mouse #wrap-img3 {
    transition: all 0.5s ease;
} */

body #wrap-img2,
body #wrap-img3 {
    position: absolute;
    top: 0;
    left: auto;
    z-index: 1;


    transition: none !important;
    will-change: transform;
    transform: translate3d(0, 0, 0);
    /* Force l'accélération matérielle */
    backface-visibility: hidden;
    perspective: 1000px;
    /* Nouveau : isolation pour éviter les conflits de couches */
    isolation: isolate;

    /*transition: transform 0.1s ease-out;*/
}

body #wrap-img1 {
    position: relative;
    z-index: 0;
    transform: translate3d(0, 0, 0);
    /* Force l'accélération matérielle */
    isolation: isolate;
    transition: none !important;
}


.swiper-slide {
    width:100% !important;
}
.swiper-slide-element{
    width: 100% !important;
}

/* Ajout pour réduire le repaint */
.swiper-slide-element img {
    will-change: transform;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    transition: none !important;
}


/* chrome scrollbar */
body.pan-horizontal .swiper-slide::-webkit-scrollbar {
    height: 8px;
    /* Height of the scrollbar */
    width: auto;
}

body.pan-horizontal .swiper-slide::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    /* Track color */
    border-radius: 4px;
}

body.pan-horizontal .swiper-slide::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    /* Handle color */
    border-radius: 4px;
}

body.pan-horizontal .swiper-slide::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
    /* Handle color on hover */
}

/* Make sure the scrollbar is always visible */
body.pan-horizontal .swiper-slide {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: thin;
    /* For Firefox */
    scrollbar-color: rgb(255, 255, 255) rgba(0, 0, 0, 0.1);
    /* For Firefox */
}


/* debug space on chrome */
#overlay.removed {
    opacity: 0;
    display: none !important;
}