/**
 * JOHN IAN v2.1.6.3 — Product Count & Image Canvas Fix
 * Product thumbnails supplied by Printful are consistently square. Keep the
 * customer-facing product canvas square so no unused beige band remains.
 */
.ji-commerce-card__media,
.ji-commerce-card--featured .ji-commerce-card__media,
.ji-shop-page .ji-commerce-card__media,
.woocommerce ul.products li.product .ji-commerce-card__media,
.woocommerce .related.products .ji-commerce-card__media,
.woocommerce .upsells.products .ji-commerce-card__media {
  aspect-ratio: 1 / 1 !important;
}

.ji-commerce-card__image,
.ji-commerce-card__media img,
.woocommerce ul.products li.product .ji-commerce-card__media img,
.woocommerce .related.products .ji-commerce-card__media img,
.woocommerce .upsells.products .ji-commerce-card__media img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center;
}

@media (max-width: 700px) {
  .ji-commerce-card__media,
  .ji-commerce-card--featured .ji-commerce-card__media,
  .ji-shop-page .ji-commerce-card__media {
    aspect-ratio: 1 / 1 !important;
  }
}
