/**
 * SLD PrettyBlocks - Styles du bloc Products Carousel
 *
 * Le gros du style produit vient du thème (template miniature). On ne gère ici que
 * le conteneur du carousel et le positionnement des contrôles Swiper (flèches/points),
 * Swiper étant chargé globalement par le thème (sldthemeclassic).
 */
.sld-products-carousel-wrap {
    position: relative;
}

/* Swiper réduit la largeur visible : on laisse les slides respirer. */
.sld-products-carousel {
    width: 100%;
}

.sld-products-carousel .swiper-slide {
    height: auto;
    display: flex;
    padding: 10px;
}

.sld-products-carousel .swiper-slide > .js-product,
.sld-products-carousel .swiper-slide.js-product {
    width: 100%;
}

/* Flèches : placées de part et d'autre du carousel. */
.sld-products-carousel-wrap .swiper-button-prev,
.sld-products-carousel-wrap .swiper-button-next {
    color: inherit;
}

/* Pagination : sous le carousel. */
.sld-products-carousel .swiper-pagination {
    position: relative;
    margin-top: 12px;
}