/**
 * Keep single-product galleries stable when source images use different
 * dimensions. The legacy Owl carousel otherwise retains the tallest slide.
 */

@media only screen and (min-width: 768px) {
	.single-product-images .product_images #product-images-carousel {
		aspect-ratio: 2 / 3;
		max-height: 720px;
	}

	.single-product-images .product_images #product-images-carousel .owl-stage-outer,
	.single-product-images .product_images #product-images-carousel .owl-stage,
	.single-product-images .product_images #product-images-carousel .owl-item,
	.single-product-images .product_images #product-images-carousel .owl-item > div,
	.single-product-images .product_images #product-images-carousel .woocommerce-product-gallery__image,
	.single-product-images .product_images #product-images-carousel .easyzoom,
	.single-product-images .product_images #product-images-carousel a {
		height: 100%;
	}

	.single-product-images .product_images #product-images-carousel .owl-item img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}
}

@media only screen and (max-width: 767px) {
	.single-product-images .product_images #product-images-carousel {
		aspect-ratio: 1 / 1;
	}

	.single-product-images .product_images #product-images-carousel .owl-stage-outer,
	.single-product-images .product_images #product-images-carousel .owl-stage,
	.single-product-images .product_images #product-images-carousel .owl-item,
	.single-product-images .product_images #product-images-carousel .owl-item > div,
	.single-product-images .product_images #product-images-carousel .woocommerce-product-gallery__image,
	.single-product-images .product_images #product-images-carousel .easyzoom,
	.single-product-images .product_images #product-images-carousel a {
		height: 100%;
	}

	.single-product-images .product_images #product-images-carousel .owl-item img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}
}