/* blocos */
.product-flex-images img {filter: brightness(.97);}
/* blocos */

/* SLIDER */
.product-flex-images {display: flex; gap: 10px;}
.product-flex-images .swiper-image {width: 80%; position: relative;}
.swiper-thumbs .swiper-slide {position: relative; opacity: 0.7; cursor: pointer;}
.swiper-thumbs .swiper-slide:not(.swiper-slide-thumb-active):hover {opacity: 0.55;}
.swiper-thumbs .swiper-slide-thumb-active {opacity: 1;}
.swiper-thumbs img {border: 2px solid #eee; padding: 4px; border-radius: 6px; max-width: 100%;}
.swiper-thumbs .swiper-slide-thumb-active img {border-color: #adadad;}

/* setas geral */
.product-flex-images .arrows-thumb-product i, .product-flex-images .arrows-product i {color: var(--primary); font-size: 24px; display: flex;}
.product-flex-images .container-svg-arrow {width: 30px; height: 30px; background: var(--primary); border-radius: 100px; display: flex; align-items: center; justify-content: center;}
.product-flex-images .container-svg-arrow svg {width: 15px; height: 15px; fill: #fff;}
.product-flex-images .container-svg-arrow i {color: #fff; font-size: 12px;}
.product-flex-images .swiper-button-disabled {opacity: .5;}
/* setas geral */

/* setas imagem principal */
.product-flex-images .swiper-image .swiper-product-prev {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1000; left: 10px;}
.product-flex-images .swiper-image .swiper-product-next {position: absolute; top: 50%; z-index: 1000; right: 10px;}
/* setas imagem principal */

/* setas imagens secundarias */
.swiper-thumbs .container-svg-arrow {width: 25px; height: 25px;}
.swiper-thumbs .swiper-thumb-product-prev, .swiper-thumbs .swiper-thumb-product-next {position: absolute; left: 50%; z-index: 30000; cursor: pointer; ; transform: translateY(50%);}
.swiper-thumbs .swiper-thumb-product-prev {top: 5px; rotate: 90deg;}
.swiper-thumbs .swiper-thumb-product-next {bottom: 5px; rotate: 90deg;}
.swiper-thumbs .swiper-pagination-bullet-active {background-color: var(--primary) !important;}
/* setas imagens secundarias */


@media(max-width: 991px){
    .product-flex-images{display: block;}
	.product-flex-images .swiper-image {width: 100%;}
}