.product-magnifier {
  position: fixed;
  z-index: 1100;
  width: 192px;
  height: 192px;
  border-radius: 50%;
  pointer-events: none;
  background-color: #F5F6F7;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px rgba(11, 71, 168, .35), 0 8px 28px rgba(23, 25, 28, .18);
}
.product-magnifier[hidden] { display: none; }
[data-magnifier].is-magnifying { cursor: none; }
@media (hover: none), (pointer: coarse) {
  .product-magnifier { display: none; }
}