/* Product cards: reserve room for wrapped descriptions and pin price actions. */
.product-card {
  height: 100%;
}

.product-image {
  height: auto;
  aspect-ratio: 4 / 5;
  padding: 8px;
}

.product-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-fit: contain;
}

.product-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.product-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}

.product-info p {
  height: auto;
  min-height: 64px;
}

.price-row {
  margin-top: auto;
}

@media (max-width: 440px) {
  .product-image {
    height: auto;
    aspect-ratio: 4 / 5;
    padding: 5px;
  }

  .product-info p {
    min-height: 76px;
  }
}