/* AURA Magnifier V2: independent borderless detail window for primary worn imagery. */
[data-aura-magnifier="true"] {
  position: fixed;
  z-index: 70;
  width: clamp(280px, 28vw, 420px);
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 24px);
  aspect-ratio: 1;
  overflow: hidden;
  border: 0;
  border-radius: 2px;
  background-color: #f6f3ec;
  background-repeat: no-repeat;
  box-shadow: 0 10px 30px rgba(17, 48, 39, .08);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 60ms linear, visibility 0s linear 60ms;
  contain: strict;
}

[data-aura-magnifier="true"][data-aura-magnifier-active="true"] {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

[data-aura-magnifier="true"][data-aura-magnifier-instant="true"] {
  transition-duration: 0ms !important;
}

.gallery-zoom {
  display: none !important;
}

@media (hover: hover) and (pointer: fine) and (min-width: 721px) {
  [data-aura-magnifier-target="true"],
  [data-aura-magnifier-image="true"] {
    cursor: zoom-in;
  }
}

@media (max-width: 720px), (hover: none), (pointer: coarse) {
  [data-aura-magnifier="true"] {
    display: none !important;
  }

  [data-aura-magnifier-target="true"],
  [data-aura-magnifier-image="true"] {
    cursor: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-aura-magnifier="true"] {
    transition-duration: 0ms !important;
  }
}
