/* --- REMPLACEMENT DE SLICK (100% CSS) --- */
.native-slider {
    display: flex;
    overflow-x: auto; /* Active le défilement horizontal */
    overflow-y: hidden;
    scroll-snap-type: x mandatory; /* Active l'aimantation horizontale */
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; /* Scroll hyper fluide sur iPhone/iOS */

    /* Masquer la barre de défilement (Scrollbar) pour faire comme Slick */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE / Edge */

    /* Les 3 lignes magiques pour la souris sur PC */
    cursor: grab;
    user-select: none; /* Empêche le texte de se surligner en bleu */
    -webkit-user-select: none; /* Pour Safari */
}

/* Masquer la barre sur Chrome, Safari, Opera */
.native-slider::-webkit-scrollbar {
    display: none;
}

.native-slider:active {
    cursor: grabbing; /* La main se ferme quand on clique */
}

/* Aimantation magnétique de chaque carte produit */
.native-slider > div {
    scroll-snap-align: start; /* La carte s'arrête net au début de l'écran */
    flex-shrink: 0; /* Empêche les colonnes de s'écraser */
}