.image-hotspot {
  position: relative !important;
  cursor: zoom-in;
}
.image-hotspot .lottieBox { display: none !important; }
.image-hotspot-badge {
  position: absolute;
  z-index: 2;
  top: var(--image-icon-top, -8px);
  left: var(--image-icon-left, 16px);
  width: var(--image-icon-size, 18px);
  height: var(--image-icon-size, 18px);
  border: 1px solid #9c6537;
  border-radius: 50%;
  background: url('../style/image-hotspot-icon.svg') center / 68% no-repeat, #fff1cc;
  box-shadow: 0 0 0 2px #e4a85c88, 0 0 8px 2px #e4a85c88;
  mix-blend-mode: multiply;
  animation: image-icon-glow 2.8s ease-in-out infinite;
  pointer-events: auto;
  cursor: zoom-in;
}
.image-hotspot:hover .image-hotspot-badge, .image-hotspot:focus-visible .image-hotspot-badge {
  box-shadow: 0 0 0 3px #e4a85cbb, 0 0 13px 4px #d88a43bb;
}
.image-hotspot:focus-visible { outline: 2px solid #8b4a26; outline-offset: 3px; border-radius: 5px; }
@keyframes image-icon-glow {
  0%, 100% { opacity: .75; }
  50% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .image-hotspot-badge { animation: none; opacity: 1; }
}