.section-categories-slider.section-margin {margin-top: 3rem;}
.section-categories-slider .slick-track {display: flex;}
.section-categories-slider .grille-cat-grid {justify-content: space-evenly; column-gap: 1.5rem; display: flex;}
.section-categories-slider .grille-cat-item {display: flex !important; height: inherit; flex-direction: column; align-items: center; text-align: center; margin: .8rem;}

.section-categories-slider .grille-cat-link {  flex-direction: column; align-items: center; text-decoration: none; color: inherit; width: 100%; height: 100%;}

.section-categories-slider .grille-cat-img-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    padding-bottom: 1rem;
}

/*
 * Image + ombre portée qui suit la silhouette du PNG.
 *
 * Hauteur fixe + object-fit: contain : les visuels catégorie n'ont pas tous le
 * même ratio, et une hauteur libre (`height: auto`) les faisait rendre à des
 * tailles différentes d'une carte à l'autre. La boîte est désormais identique
 * partout et `object-position: bottom` conserve l'alignement des produits sur
 * une même ligne de base.
 */
.section-categories-slider .grille-cat-img {display: block; width: 100%; height: 15rem; object-fit: contain; object-position: bottom; transition: var(--transition); will-change: filter, transform; filter: drop-shadow(3px 2px 1px rgba(97, 37, 17, .3)) drop-shadow(10px 4px 0 rgba(97, 37, 17, .3));}

.section-categories-slider h3 {margin: 0; text-transform: uppercase; font-size: 1.8rem; font-weight: 600; max-width: 15rem; text-align: center; transition: var(--transition); }
.section-categories-slider .slick-arrow {opacity: 0; transition: var(--transition); background-color: #fff; border-radius: 50%;}


@media (hover: hover) {
    .section-categories-slider .grille-cat-link:hover h3 {color: var(--couleur-principale);}
    .section-categories-slider .grille-cat-link:hover .grille-cat-img, .grille-cat-item:hover .grille-cat-img {transform: translateY(-6px) scale(1.04); filter: drop-shadow(5px 3px 1px rgba(97, 37, 17, .3)) drop-shadow(14px 6px 0 rgba(97, 37, 17, .3));}
    .section-categories-slider :hover .slick-arrow {opacity: .8;}
    .section-categories-slider :hover .slick-arrow:hover {opacity: 1;}
    .section-categories-slider .slick-slider .slick-prev:hover, .section-categories-slider .slick-slider .slick-next:hover {background-color: #fff;}

}

@media (min-width: 1025px) {
    .section-categories-slider.section-margin {margin-top: 4rem;}
    .section-categories-slider .grille-cat-img {height: 20rem;}
}

@media (min-width: 1800px) {
    .section-categories-slider h3 {font-size: 2rem;}
}