/* Keep artwork on white across the catalogue, gallery and zoom viewer. */
.hero .hero-art,
.card .picture,
.catalogue-grid .picture,
.card-image,
.schedel-feature-art img,
.schedel-feature-grid figure,
.schedel-feature-grid img,
.social-gallery .social-tile img,
.image-button .product-image,
.product-top[data-photo-display="full-size"] .product-image,
.gallery-main,
.thumb,
dialog.lightbox[open] {
  background: #fff;
}

.card .picture,
.catalogue-grid .picture,
.card-image {
  padding: clamp(7px, 1.15vw, 18px);
}

.card .picture img,
.card-image img,
.schedel-feature-grid img {
  object-fit: contain;
  object-position: center;
  mix-blend-mode: normal;
  filter: none;
}

.product-top .image-button .product-image {
  width: 100%;
  height: clamp(310px, 60svh, 620px);
  max-height: none;
  padding: clamp(6px, 1vw, 14px);
  object-fit: contain;
  object-position: center;
}

.product-top[data-photo-display="full-size"] .image-button .product-image {
  height: auto;
  max-height: min(620px, 74svh);
}

.product-top .thumbs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(68px, 100%), 1fr));
  gap: 8px;
}

.product-top .thumb {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  aspect-ratio: 6 / 5;
  min-width: 0;
  padding: 4px;
  border-color: var(--line);
}

.product-top .thumb[aria-pressed="true"] {
  border-color: var(--wine);
}

@media (max-width: 700px) {
  .product-top .image-button .product-image {
    height: clamp(220px, 52svh, 460px);
    padding: 5px;
  }

  .product-top .thumbs {
    grid-template-columns: repeat(auto-fill, minmax(min(52px, 100%), 1fr));
  }
}