/* ===== Shopee Style Galeria ===== */
.woocommerce-product-gallery{
	--sgs-main:#ee4d2d;
	--sgs-cols:6;      /* miniaturas visíveis */
	--sgs-gap:8px;
}

/* Imagem principal */
.woocommerce-product-gallery .woocommerce-product-gallery__image img{
	display:block;
	width:100%;
	height:auto;
	border-radius:0;
}
/* troca instantânea (sem deslizar), como na Shopee */
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper{
	transition-duration:0s !important;
}
/* remove a lupa do canto */
.woocommerce-product-gallery .woocommerce-product-gallery__trigger{ display:none !important; }

/* ---- Faixa de miniaturas ---- */
.sgs-thumbs-wrap{
	position:relative;
	margin-top:10px;
}
.woocommerce-product-gallery ol.flex-control-thumbs{
	position:relative;
	display:flex !important;
	flex-wrap:nowrap !important;
	gap:var(--sgs-gap);
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
	overflow-x:auto !important;
	overflow-y:hidden !important;
	scroll-behavior:smooth;
	scrollbar-width:none;
	-ms-overflow-style:none;
	-webkit-overflow-scrolling:touch;
}
.woocommerce-product-gallery ol.flex-control-thumbs::-webkit-scrollbar{ display:none; }

.woocommerce-product-gallery ol.flex-control-thumbs li{
	flex:0 0 calc((100% - (var(--sgs-cols) - 1) * var(--sgs-gap)) / var(--sgs-cols)) !important;
	width:auto !important;
	float:none !important;
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
}
.woocommerce-product-gallery ol.flex-control-thumbs li img{
	display:block;
	box-sizing:border-box;
	width:100% !important;
	height:auto;
	aspect-ratio:1 / 1;
	object-fit:cover;
	border:2px solid transparent !important;
	border-radius:0 !important;
	opacity:1 !important;
	cursor:pointer;
	transition:border-color .12s;
}
.woocommerce-product-gallery ol.flex-control-thumbs li img:hover,
.woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active{
	border-color:var(--sgs-main) !important;
	opacity:1 !important;
}

/* ---- Setas ---- */
.sgs-arrow{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:5;
	display:flex;
	align-items:center;
	justify-content:center;
	width:20px;
	height:40px;
	padding:0 !important;
	border:0 !important;
	border-radius:0 !important;
	background:rgba(0,0,0,.28) !important;
	color:#fff !important;
	cursor:pointer;
	box-shadow:none !important;
	transition:background .15s;
}
.sgs-arrow:hover{ background:rgba(0,0,0,.5) !important; }
.sgs-arrow svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.sgs-arrow.sgs-prev{ left:0; }
.sgs-arrow.sgs-next{ right:0; }
.sgs-arrow[hidden]{ display:none !important; }

@media (max-width:767px){
	.woocommerce-product-gallery{ --sgs-cols:5; --sgs-gap:6px; }
}