/* Pairs with class-wla-product-images.php's uncrop filter. Removing the forced 5:6 crop fixes
   firearm photos getting sliced at both ends, but without this, each grid cell would scale to
   its own image's natural aspect ratio — landscape guns short, portrait accessories tall,
   producing a ragged, uneven-looking grid. This keeps every thumbnail in a uniform box and
   lets the (now uncropped) image sit fully inside it, letterboxed rather than cut off.

   Selectors target .product/.box-image directly (not "li.product") — Flatsome's grid items
   are actually <div class="product ...">, not <li>, confirmed live 2026-08-15 after the first
   version of this file matched nothing at all.

   No ".products" ancestor requirement — found 2026-08-16 that Flatsome's own [ux_products]
   shortcode (used for the homepage's Weekly Featured Products, Best Selling, and this plugin's
   own grids) wraps items in "product-small", not WooCommerce's standard ul.products, so a
   ".products .product .box-image" selector matched the real shop-loop grid but silently missed
   every one of these. ".box-image" alone is specific enough to stay scoped safely. */
.product .box-image, .product-small .box-image {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.product .box-image img, .product-small .box-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
}