/* Product card photographs. Isolated from app.css so fonts/legal edits do not collide. */

.product-media {
  margin: 0 0 0.9rem;
}

.product-img {
  display: block;
  width: 100%;
  max-width: 26rem;
  height: auto;
  max-height: 16rem;
  object-fit: contain;
  object-position: center;
  background: var(--paper-deep);
  border: 1px solid var(--rule);
}

@media (max-width: 640px) {
  .product-img {
    max-width: none;
    max-height: 13rem;
  }
}

.photo-credit {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--ink-muted, #5c574e);
}

.photo-credit a {
  color: inherit;
}