.woocommerce-product-gallery .zoomImg[src$=".png"] {
	background-color: var(--wd-main-bgcolor);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.wd-single-gallery {
	max-width: 100%;
}

.wd-action-btn.wd-style-icon-bg-text {
	--wd-action-icon-size: 18px;
	--wd-action-h: calc(var(--wd-action-icon-size) * 2.8);
	--wd-action-w: calc(var(--wd-action-icon-size) * 2.8);
	--wd-action-color: var(--color-gray-600);
	--wd-action-color-hover: var(--color-gray-800);
}

.wd-action-btn.wd-style-icon-bg-text>a {
	flex-wrap: nowrap;
	overflow: hidden;
	gap: 0;
	min-width: var(--wd-action-w);
	width: unset;
	border-radius: calc(var(--wd-action-h) / 2);
	background-color: var(--bgcolor-white);
	box-shadow: 0 0 5px rgba(0, 0, 0, .08);
}

.wd-action-btn.wd-style-icon-bg-text>a:hover .wd-action-text {
	padding-inline-end: calc(var(--wd-action-w) / 2);
	max-width: 280px;
}

.wd-action-btn.wd-style-icon-bg-text .wd-action-icon {
	width: var(--wd-action-w);
	height: var(--wd-action-h);
}

.wd-action-btn.wd-style-icon-bg-text .wd-action-text {
	max-width: 0;
	white-space: nowrap;
	font-size: .9em;
}

.wd-show-product-gallery-wrap {
	--wd-btn-icon: "";
}

.wd-play-icon {
	--wd-btn-icon: "";
}

.wd-popup.wd-product-360-view {
	background-color: rgba(0, 0, 0, 0);
}

.woocommerce-product-gallery .product-label.wd-shape-round {
	min-width: 55px;
	min-height: 55px;
}

.woocommerce-product-gallery .product-label.wd-shape-round.label-with-img {
	min-height: auto;
}

@media (min-width: 1025px) {
	.wd-builder-on :is(.thumbs-grid-bottom_grid,.thumbs-grid-bottom_column) .wd-carousel {
		--wd-col: var(--wd-col-lg) !important;
	}
}

.woocommerce-product-gallery.image-action-zoom .wd-carousel-item figure a:last-child, .woocommerce-product-gallery.image-action-none .wd-carousel-item figure a {
	cursor: default;
	pointer-events: none;
}

@media (max-width: 1024px) {
	.wd-action-btn.wd-style-icon-bg-text {
		--wd-action-icon-size: 16px;
	}
}

@media (max-width: 768.98px) {
	.wd-builder-on :is(.thumbs-grid-bottom_grid,.thumbs-grid-bottom_column) .wd-carousel {
		--wd-col: var(--wd-col-sm) !important;
	}
}

@media (min-width: 769px)and (max-width: 1024px) {
	.wd-builder-on :is(.thumbs-grid-bottom_grid,.thumbs-grid-bottom_column) .wd-carousel {
		--wd-col: var(--wd-col-md) !important;
	}
}

@media (max-width: 576px) {
	.woocommerce-product-gallery .product-label.wd-shape-round {
		min-width: 40px;
		min-height: 40px;
	}
	
	.woocommerce-product-gallery .product-label.wd-shape-round.label-with-img {
		min-height: auto;
	}
}