.woocommerce-product-gallery .flex-control-thumbs {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 70px) / 4);
	gap: 20px;
}
.woocommerce-product-gallery .flex-control-thumbs li {
	float: none !important;
	width: 100% !important;
	display: grid;
}
.woocommerce-product-gallery .flex-control-thumbs li img {
	inline-size: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-width: 0px !important;
}
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
	border: 5px solid #f2f2f2;
}
.woocommerce-product-gallery .flex-control-nav {
	scroll-snap-type: inline mandatory;
	-ms-scroll-snap-type: inline mandatory;
	scroll-padding-inline: 10px;
}
.woocommerce-product-gallery .flex-control-nav > * {
	scroll-snap-align: start;
}
ol.flex-control-nav.flex-control-thumbs {
	padding: 5px !important;
}
.flex-direction-nav {
	list-style: none;
	padding: 0;
	margin: 0;
}
.flex-direction-nav li {
	list-style: none;
}
ul.flex-direction-nav {
	position: absolute;
	bottom: calc(145px / 2);
	left: -36px;
	width: calc(100% + 72px);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 0px;
	z-index: 10;
}
ul.flex-direction-nav li a {
	font-size: 34px;
	padding: 0px 0px 4px 0px;
	border-radius: 50px;
	color: #FFFFFF;
	background-color: #c9db3c;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 32px;
	height: 32px;
	justify-content: center;
}
ul.flex-direction-nav li a:hover {
	color: #000000;
}
.pswp__caption {
	display: none !important;
}
a.woocommerce-product-gallery__trigger {
	display: none;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
	opacity: 0.7 !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
	opacity: 1 !important;
}
.elementor-widget-woocommerce-product-images {
	margin: 0px !important;
}
@media (max-width: 1024px) {
	.woocommerce-product-gallery .flex-control-thumbs {
		grid-auto-columns: calc((100% - 55px) / 4);
		gap: 15px;
	}
	ul.flex-direction-nav {
		bottom: calc(85px / 2);
		left: -13px;
		width: calc(100% + 26px);
	}
	ul.flex-direction-nav li a {
		font-size: 30px;
		width: 26px;
		height: 26px;
	}
}

@media (max-width: 767px) {
	ul.flex-direction-nav {
		bottom: calc(92px / 2);
		left: -10px;
		width: calc(100% + 20px);
	}
	ul.flex-direction-nav li a {
		font-size: 26px;
	}
}


