/* Page-specific styles for products.html */

.product-image-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: #fff;
  box-shadow: var(--shadow);
}

.product-image-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(248, 251, 254, 0.96), rgba(238, 244, 250, 0.9)),
    rgba(15, 23, 42, 0.04);
}

.product-image-card-copy {
  padding: 18px 22px 20px;
}

.product-image-card-copy strong {
  display: block;
  color: var(--text);
  line-height: 1.5;
}

@media (max-width: 760px) {
  .product-image-card img {
    aspect-ratio: 4 / 5;
    padding: 14px;
  }
}