/* Fix Product Images - Prevent Cropping */
/* Override all object-fit: cover with contain for product images - HIGHEST PRIORITY */

.products-container .product-default figure img,
.products-container .product-item figure img,
.products-container .product figure img,
ul.products .product-default figure img,
ul.products .product-item figure img,
ul.products .product figure img,
.product-default figure img,
.product-item figure img,
.product figure img,
.woocommerce .products .product figure img,
.woocommerce .products li.product figure img,
.woocommerce ul.products li.product figure img {
	object-fit: contain !important;
	object-position: center !important;
}

/* Ensure product images in tiles view are not cropped */
.products-container[data-view="tiles"] .product-default figure img,
.products-container[data-view="tiles"] .product-item figure img,
ul.products[data-view="tiles"] .product-default figure img,
ul.products[data-view="tiles"] .product-item figure img,
ul.products[data-view="tiles"] li.product figure img {
	object-fit: contain !important;
	object-position: center !important;
}

/* Ensure product images in list view are not cropped */
.products-container[data-view="list"] .product-default figure img,
.products-container[data-view="list"] .product-item figure img,
ul.products[data-view="list"] .product-default figure img,
ul.products[data-view="list"] .product-item figure img,
ul.products[data-view="list"] li.product figure img {
	object-fit: contain !important;
	object-position: center !important;
}

/* Override any cover rules from style.css and other theme files */
html body .product-default figure img,
html body .product-item figure img,
html body .product figure img {
	object-fit: contain !important;
	object-position: center !important;
}

