/* SLIDER */
.product-flex-images{
    display: flex;
    gap: 10px;
    flex-direction: row-reverse;
}

.product-flex-images .swiper-slide {
	justify-content: center;
	display: flex;
}

.product-flex-images .swiper-image {
	width: 100%;
}

.swiper-thumbs{
    flex-grow: 1;
    /* min-width: 15%; */
	flex-basis: 15%;
}
.swiper-thumbs .swiper-slide{
    position: relative;
    height: 100%;
    opacity: 0.8;
}
.swiper-thumbs .swiper-slide img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    object-fit: cover;
}

.swiper-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

@media(max-width:767px){
    .product-flex-images{display: block;}
    .col-images{padding: 0;}
}


/* Product navigation */
.swiper-thumbs .container-svg-arrow {display: flex; justify-content: center; align-items: center; width: 25px; height: 25px;}
.swiper-product-prev,.swiper-product-next{position: absolute; left: 50%; margin-left: -15px; z-index: 30000; cursor: pointer; background: var(--primary); border-radius: 100px;}
.swiper-product-prev svg,.swiper-product-next svg{height: 14px;}
.swiper-product-prev svg path,.swiper-product-next svg path{fill: #fff}
.swiper-product-prev i,.swiper-product-next i{font-size: 30px; color: #fff;}
.swiper-product-prev{top: 0px; rotate: 90deg;}
.swiper-product-next{bottom: 0px; rotate: 90deg;}
.swiper-pagination-bullet-active{background-color: var(--primary) !important;}