/* Gallery #1 stays the normal product cover; #2 appears on hover. */
@media (hover: hover) and (pointer: fine) {
  a.bpxci-hover-anchor { position: relative !important; }
  a.bpxci-hover-anchor > img.bpxci-hover-image {
    position: absolute !important; top: 0; left: 0; width: 100%; height: 100%;
    object-fit: cover; opacity: 0; pointer-events: none;
    transition: opacity .22s ease; z-index: 2; border: 0;
  }
  a.bpxci-hover-anchor:hover > img.bpxci-hover-image { opacity: 1; }
}