/* Keep product photos proportional in the drawer, checkout and order summary. */
.cart-line {
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: start;
}

.cart-line > img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 10px;
  mix-blend-mode: multiply;
}

.checkout-summary .cart-line {
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding-bottom: 24px;
}

@media (max-width: 760px) {
  .cart-line,
  .checkout-summary .cart-line {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 17px;
  }
}