/**
 * The7 "Product Images" widget — main image only.
 * Full product visible (contain), not cropped (The7 default is cover).
 */

.single-product .elementor-widget-the7-woocommerce-product-images {
	--gallery-ratio: 1 !important;
}

.single-product .elementor-widget-the7-woocommerce-product-images .dt-product-gallery:before {
	padding-bottom: 100% !important;
}

.single-product .elementor-widget-the7-woocommerce-product-images .dt-product-gallery .flex-viewport {
	border-radius: 10px;
	overflow: hidden;
}

.single-product .elementor-widget-the7-woocommerce-product-images .dt-product-gallery .slides > li > a {
	background: #f3f3f3;
}

/* Force contain whether or not Elementor "preserve ratio" is enabled. */
.single-product .elementor-widget-the7-woocommerce-product-images .dt-product-gallery .flexslider .slides a img,
.single-product .elementor-widget-the7-woocommerce-product-images .dt-product-gallery .slides a img {
	object-fit: contain !important;
	object-position: center center;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
}

.single-product .elementor-widget-the7-woocommerce-product-images .dt-product-gallery .slides li.compat-object-fit {
	background-size: contain !important;
	background-position: center center;
}

.single-product .elementor-widget-the7-woocommerce-product-images .dt-product-thumbs .slides .slide-wrapper img {
	object-fit: contain !important;
	object-position: center center;
}