/* ============================================================
   JKM — square (1:1) product images, contained (no crop).
   Loaded site-wide. Wherever WooCommerce shows a product image
   (shop, category/tag grids, related, up-sells, the customizer
   grid, and the single-product image), the image sits in a 1:1
   box and is fully contained — letterboxed rather than cropped.
   ============================================================ */

/* --- Product listings: shop, archives, related, up-sells, customizer --- */
ul.products li.product a img,
ul.products li.product img.attachment-woocommerce_thumbnail,
ul.products li.product img.wp-post-image,
.related.products ul.products li.product img,
.up-sells ul.products li.product img,
.mk-customizer ul.products li.product img{
  aspect-ratio:1 / 1 !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
}

/* --- Single product main image + gallery --- */
.single-product div.product .woocommerce-product-gallery__image img,
.single-product div.product .images img,
.single-product div.product img.wp-post-image{
  aspect-ratio:1 / 1 !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}