/* MB - Carrossel de miniaturas */
.mb-thumbs {
	position: relative;
	margin-top: 16px;
}
.woocommerce-product-gallery .mb-thumbs ol.flex-control-thumbs {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 14px;
	margin: 0 !important;
	padding: 4px 2px 12px !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.woocommerce-product-gallery .mb-thumbs ol.flex-control-thumbs::-webkit-scrollbar { display: none; }
.woocommerce-product-gallery .mb-thumbs ol.flex-control-thumbs li {
	float: none !important;
	flex: 0 0 calc((100% - 3 * 14px) / 4) !important;
	width: auto !important;
	margin: 0 !important;
}
.woocommerce-product-gallery .mb-thumbs ol.flex-control-thumbs li img { width: 100%; display: block; }

.mb-thumbs__arrow {
	position: absolute;
	top: calc(50% - 4px);
	z-index: 3;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #682e82;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(46, 26, 56, .25);
	transition: opacity .2s, transform .2s;
}
.mb-thumbs__arrow:hover { transform: scale(1.06); }
.mb-thumbs__arrow:focus-visible { outline: 3px solid #e2d66c; outline-offset: 2px; }
.mb-thumbs__arrow--prev { left: -14px; }
.mb-thumbs__arrow--next { right: -14px; }
.mb-thumbs__arrow[hidden] { display: none; }
.mb-thumbs__arrow svg { width: 18px; height: 18px; }

@media (hover: none) {
	.mb-thumbs__arrow { width: 32px; height: 32px; margin-top: -16px; }
	.mb-thumbs__arrow--prev { left: -6px; }
	.mb-thumbs__arrow--next { right: -6px; }
}