/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

/* Keep product cards and thumbnails visually consistent across the shop grid */
.products > [class*="col-"] {
  display: flex;
}

.products > [class*="col-"] > .shop-card.card {
  width: 100%;
}

.products .shop-card.card .card-img-top {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.products .shop-card.card .card-img-top img,
.products .shop-card.card .card-img-top svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: auto;
}