/*--------------------------------------------------------------
## Carousel Styling
--------------------------------------------------------------*/

div.swiper-slide {
	height: auto;
	display: flex;
}

.carousel--image {
	object-fit: contain;
	object-position: center center;
	max-width: 1600px;
	max-height: 80vh;
	width: 100%;
}

.embla__slide {
	user-select: none;
}

.embla__container {
	cursor: grab;
	&:active {
		cursor: grabbing;
	}
}

/* ------------ Related Products Styles ------------ */

.related-products .embla__slide {
	flex: 0 0 500px;
	@media (max-width: 768px) {
		flex: 0 0 75%;
	}
	&:first-child {
		margin-left: 20px;
	}
}

/* ------------ Product Carousel Styles ------------ */

.product-carousel .embla__slide {
	flex: 0 0 600px;
	@media (max-width: 768px) {
		flex: 0 0 100%;
	}
}

.product-carousel .embla__slide {
	&:first-child {
		margin-left: 20px;
	}
}

.product-carousel .embla__slide {
	opacity: 0.25;
	transition: 0.4s ease opacity;
	@media (max-width: 768px) {
    	opacity: 1;
  	}
	&.active {
		opacity: 1;
	}
}

.category-carousel .embla__slide {
	flex: 0 0 500px;
  	min-width: 0;
  	&:last-child {
		margin-right: 20px;
	}
	@media (max-width: 768px) {
		flex: 0 0 100%;
	}
}