/********************
	Part - Style général des carousel
********************/

.carousel .direction {
    z-index : auto
}

.carousel .carousel-item {
    height : 100%
}

.carousel .carousel-item .caption {
    position  : absolute;
    color     : #fff;
    max-width : 340px
}

.carousel .carousel-item .caption .caption-description p {
    color : #fff
}

.carousel .carousel-control {
    opacity : 1
}

.carousel .carousel-control .icon-next:before,
.carousel .carousel-control .icon-prev:before {
    content : ""
}

.carousel .carousel-control .icon-next i,
.carousel .carousel-control .icon-prev i {
    font-size : 3.125rem;
    color     : #fff
}

.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i {
    color : #2fb5d2
}

.carousel .carousel-control .icon-prev {
    left : 1rem
}

.carousel .carousel-control .icon-next {
    right : 2rem
}

.carousel .carousel-control.left,
.carousel .carousel-control.right {
    background : none
}

@media (max-width : 767px) {
    .carousel .carousel-item .caption {
        bottom : 5px;
        left   : 40px
    }

    .carousel .carousel-item figure {
        margin : 0
    }
}

@media (min-width : 768px) {
    .carousel .carousel-item .caption {
        bottom : 28px;
        left   : 90px
    }

    .carousel .carousel-item img {
        width : 100%;
    }
}

/********************
	Part - Style général des slider slick
********************/
.slick-slider {
    display : none !important;
}

.slick-slider.slick-initialized {
    display : flex !important;
}

.container-primary .slick-slider {
    position    : static;
    width       : 100%;
    margin      : 0 auto;
    display     : flex;
    align-items : center;
}

.slick-slider .slick-arrow {
    background      : transparent;

    cursor          : pointer;
    position        : absolute;
    top: 30%;
    border          : none;

    padding         : 3px 7px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.slick-slider .slick-arrow svg {
    fill   : transparent;
    stroke : var(--color-grey-font-default);
}

.slick-slider .slick-arrow.slick-prev {
    left : -35px;
}

.slick-slider .slick-arrow.slick-next {
    right : -35px;
}

.slick-slider .slick-list {
    min-width : 100%;
}

.slick-slider .slick-track {
    display : flex;
}

.slick-slider.slick-vertical .slick-track {
    display : block;
}

.slick-slider .slick-track .slick-slide {
    height : auto;
}

.slick-slider .slick-slide > div,
.slick-slide > div .product-miniature {
    height : 100%;
}

/********************
	Part - Style général des items swiper
********************/
.container-primary .swiper-container {
    position : static;
    width    : 94%;
    margin   : 0 auto;
}

.swiper-slide {
    height : auto;
}

.swiper-slide > .product-miniature {
    height : 100%;
}