/* Product image stability: fixed ratio, consistent sizing, no hover movement. */
#products .product-matrix-media,
#products .product-marquee-media {
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

#products .product-matrix-card,
#products .product-marquee-card,
#products .product-matrix-card:hover,
#products .product-matrix-card:focus-visible,
#products .product-marquee-card:hover,
#products .product-marquee-card:focus-within {
  transform: none !important;
}

#products .product-matrix-card img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  transition: filter 180ms ease !important;
}

#products .product-marquee-media img {
  width: 82% !important;
  height: 82% !important;
  max-width: 82% !important;
  max-height: 82% !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  transition: filter 180ms ease !important;
}

#products .product-matrix-card:hover img,
#products .product-matrix-card:focus-visible img,
#products .product-matrix-card:active img,
#products .product-marquee-card:hover .product-marquee-media img,
#products .product-marquee-card:focus-within .product-marquee-media img,
#products .product-marquee-card:active .product-marquee-media img {
  transform: none !important;
}

#products .product-matrix-card:nth-child(1) img,
#products .product-matrix-card:nth-child(2) img,
#products .product-matrix-card:nth-child(3) img,
#products .product-matrix-card:nth-child(4) img,
#products .product-matrix-card:nth-child(5) img,
  #products .product-matrix-card:nth-child(6) img,
  #products .product-matrix-card:nth-child(7) img,
  #products .product-matrix-card:nth-child(8) img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 !important;
  object-fit: cover !important;
  transform: none !important;
}

@media (max-width: 720px) {
  #products .product-marquee-media img {
    width: 84% !important;
    height: 84% !important;
    max-width: 84% !important;
    max-height: 84% !important;
  }
}