/* One interaction treatment for catalogue, gallery and sidebar photo surfaces.
   Only the backdrop changes: the product cutout and separate stand stay intact. */
body :is(.product-image, .featured-image, .gallery-stage, .gallery-tabs button, .category-family-pictures a) {
  background-color: #f7f7f7 !important;
  transition: background-color 160ms ease;
}

/* Older studio rules painted an opaque rectangle behind the stand SVG. */
body :is(.product-image, .featured-image, .gallery-stage, .gallery-tabs button, .category-family-pictures a) img {
  background-color: transparent !important;
}

@media (hover: hover) {
  body :is(.product-image, .featured-image, .gallery-stage, .gallery-tabs button, .category-family-pictures a):hover {
    background-color: #fff1f1 !important;
  }
}

body :is(.product-image, .featured-image, .gallery-tabs button, .category-family-pictures a):focus-visible,
body .gallery-stage:has(button:focus-visible) {
  background-color: #fff1f1 !important;
}

@media (prefers-reduced-motion: reduce) {
  body :is(.product-image, .featured-image, .gallery-stage, .gallery-tabs button, .category-family-pictures a) {
    transition: none;
  }
}