/* Rangées home mobile : scroll horizontal natif (cssMode), sans flèches */

@media (max-width: 1023px) {
    .swiper-index .swiper-button-prev,
    .swiper-index .swiper-button-next,
    .swiper-index:hover .swiper-button-prev,
    .swiper-index:hover .swiper-button-next,
    .custom-row-swiper .swiper-button-prev,
    .custom-row-swiper .swiper-button-next,
    .personalized-section .swiper-button-prev,
    .personalized-section .swiper-button-next,
    .discovery-section .swiper-button-prev,
    .discovery-section .swiper-button-next {
        display: none !important;
        pointer-events: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .swiper-index.overflow-hidden {
        overflow: visible;
    }

    .swiper-index {
        max-width: 100%;
    }

    .swiper-index .swiper,
    .swiper-index .znx-swiper-container {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        overscroll-behavior-y: none;
        touch-action: pan-x pinch-zoom;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        scroll-behavior: auto;
    }

    .swiper-index .swiper::-webkit-scrollbar,
    .swiper-index .znx-swiper-container::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

    .swiper-index .swiper-wrapper,
    .swiper-index .znx-swiper-wrapper {
        transform: none !important;
        transition: none !important;
        will-change: auto;
        overflow: visible !important;
        scroll-snap-type: none !important;
        width: max-content !important;
        max-width: none !important;
    }

    .swiper-index .swiper-slide {
        scroll-snap-align: unset !important;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .swiper-index .swiper:not(.swiper-initialized) .swiper-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 10px;
        width: max-content !important;
        min-width: 100%;
    }
    .swiper-index .swiper:not(.swiper-initialized) .swiper-slide {
        flex: 0 0 auto !important;
        width: 32vw !important;
        max-width: 128px !important;
        height: auto !important;
    }
    @media (min-width: 640px) {
        .swiper-index .swiper:not(.swiper-initialized) .swiper-slide {
            width: 18vw !important;
            max-width: 148px !important;
        }
    }
}

@media (max-width: 1023px) and (orientation: landscape) {
    .swiper-index .swiper:not(.swiper-initialized) .swiper-slide {
        width: 18vw !important;
        max-width: 110px !important;
    }
}

@media (min-width: 1024px) {
    .swiper-index:not(.swiper-hero) {
        content-visibility: auto;
        contain-intrinsic-size: auto 260px;
    }

    .swiper-index:not(.swiper-hero) .swiper,
    .swiper-index:not(.swiper-hero) .znx-swiper-container {
        cursor: grab;
        touch-action: pan-y;
    }

    .swiper-index:not(.swiper-hero) .swiper.zx-row-dragging,
    .swiper-index:not(.swiper-hero) .swiper.swiper-grabbing {
        cursor: grabbing !important;
    }

    .swiper-index:not(.swiper-hero) .swiper-slide img,
    .swiper-index:not(.swiper-hero) .swiper-slide picture {
        -webkit-user-drag: none;
        user-select: none;
        pointer-events: auto;
    }


    .swiper-index:not(.swiper-hero) .swiper-slide,
    .swiper-index:not(.swiper-hero) .znx-swiper-slide {
        flex-shrink: 0;
        width: clamp(130px, 12vw, 200px);
        max-width: 200px;
    }
    .swiper-index:not(.swiper-hero) .swiper.swiper-initialized .swiper-slide {
        width: auto;
        max-width: none;
    }

    .swiper-index:not(.swiper-hero) .swiper-slide a {
        pointer-events: auto;
        cursor: pointer;
    }

    .swiper-index:not(.swiper-hero) .swiper.zx-row-dragging * {
        cursor: grabbing !important;
    }
}