/********************
	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: var(--color-primary)
}

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

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

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

/********************
	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;
	display: flex;
	align-items: center;
	justify-content: center;
	outline: none;
	border-radius: 20px;
	border: none;
}

#product .slick-slider .slick-arrow {
	border: none;
}

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

.slick-slider .slick-arrow.slick-prev {
	left: 0;
}

.slick-slider .slick-arrow.slick-next {
	right: 0;
}

.slick-slider .slick-list {
	min-width: 100%;
	/*margin    : 0 -10px;*/
}

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

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

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

.featured-products .slick-slide {
	border: 1px solid #DEDEDE;
	margin: 0 10px;
}

.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%;
}

/********************
	RESPONSIVE
********************/

@media (max-width: 767px) {

	.carousel .carousel-item .caption {
		bottom: 5px;
		left: 40px
	}

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

	.featured-products-container .slick-slider .slick-arrow.slick-next {
		right: -15px;
	}

	.featured-products-container .slick-slider .slick-arrow.slick-prev {
		left: -15px;
	}

}

@media (min-width: 768px) {

	.carousel .carousel-item .caption {
		bottom: 28px;
		left: 90px
	}

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

	.container-primary .slick-slider {
		width: 90%;
	}

}