/* Make product grid images taller instead of square */
.product-list-image-container,
.product-list-image-container img.product-list-image {
width: 100%;
}
/* Force a portrait ratio for the image area */
.product-list-image-container {
aspect-ratio: 3 / 4; /* taller than 1/1 */
overflow: hidden;
}
/* Fill the container without stretching */
.product-list-image-container img.product-list-image {
height: 100%;
object-fit: cover;
display: block;
}
/* Optional, make it even taller on iPhone */
@media (max-width: 767px) {
.product-list-image-container {
aspect-ratio: 2 / 3;
}
}