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

.wd-action-btn.wd-style-icon-bg-text {
	--wd-action-icon-size: 18px;
	--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;
	min-width: calc(var(--wd-action-icon-size) * 2.8);
	height: calc(var(--wd-action-icon-size) * 2.8);
	border-radius: calc(var(--wd-action-icon-size) * 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-icon-size) * 1.4);
	max-width: 280px;
}

.wd-action-btn.wd-style-icon-bg-text .wd-action-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--wd-action-icon-size) * 2.8);
	height: calc(var(--wd-action-icon-size) * 2.8);
}

.wd-action-btn.wd-style-icon-bg-text .wd-action-text {
	max-width: 0;
	white-space: nowrap;
	font-size: 90%;
	font-weight: 600;
	transition: padding .4s cubic-bezier(.175, .885, .32, 1.15), max-width .4s cubic-bezier(.175, .885, .32, 1.15);
}

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

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

.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;
	}
}

@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 (max-width: 576px) {
	.woocommerce-product-gallery .product-label.wd-shape-round.label-with-img {
		min-height: auto;
	}
}

@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;
	}
}