/* Shared by the homepage, category pages and Market product cards. */
.product-media-card .product-image-swap{display:block;position:relative;width:100%;height:100%;isolation:isolate;background:#fff;mix-blend-mode:multiply;overflow:hidden}
.product-media-card .product-image-swap img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;padding:5%;background:#fff;transform:none!important;transition:opacity .24s ease;pointer-events:none}
.product-media-card .product-image-primary{opacity:1;z-index:1}
.product-media-card .product-image-secondary{opacity:0;z-index:2}
.product-media-card .product-image-secondary[hidden]{display:none}
@media(hover:hover) and (pointer:fine){
  .product-media-card:hover .product-image-swap.is-ready .product-image-secondary{opacity:1}
}
.product-media-card:focus-within .product-image-swap.is-ready .product-image-secondary{opacity:1}
.product-media-card:focus-visible{outline:2px solid #202020;outline-offset:5px;border-radius:12px}
.purchase-media img,.purchase-thumbnails img,.detail-media>img,.thumbs img{object-fit:contain!important;background:#fff;transform:none!important}
.purchase-media img,.detail-media>img{padding:4%}
.home-cover img{object-fit:contain!important;padding:3%;background:#fff}
/* Blend the complete image stack, so white studio backdrops disappear without
   allowing the primary product to show through the secondary hover view. */
.product-media-card .card-image,.product-media-card .feature-image,
.purchase-media,.detail-media,.purchase-thumbnails button,.thumbs button,
.home-hero .home-cover{background:#efefed}
img[src*="assets/images/products/"]{
  mix-blend-mode:multiply;background-color:#fff;
}
.product-media-card .product-image-swap img{mix-blend-mode:normal}
.purchase-thumbnails button,.thumbs button{isolation:isolate}
@media(prefers-reduced-motion:reduce){.product-media-card .product-image-swap img{transition:none}}