/* Custom styles for Red Ovo catalogue images */

/* The .custom-product-img class is added by custom.js. It ensures that
   images fill the width of their card while preserving aspect ratio. The
   border-radius and margin harmonize with the existing card design. */
/*
 * Images in the product catalogue should fill the card width while
 * maintaining a consistent 4:3 aspect ratio.  Using the
 * aspect-ratio property ensures all cards align uniformly.  The
 * border-radius and margin match the existing design language.
 */
.custom-product-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  margin-bottom: 0.75rem;
  border-radius: 0.75rem;
  object-fit: cover;
}