/**
 * Lavie eye popup (eyePopup.js) — Juice Land placement
 * Default script pins bottom-left; that overlaps the hero CTA on mobile.
 */

.eye-popup {
  left: auto !important;
  right: max(14px, env(safe-area-inset-right)) !important;
  bottom: auto !important;
  top: max(14px, env(safe-area-inset-top)) !important;
  z-index: 30 !important;
}

.eye-popup .img-wrapper {
  width: 52px;
  height: 52px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

.eye-popup .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}

.eye-popup .small-menu--wrapper {
  top: 100%;
  bottom: auto !important;
  left: auto !important;
  right: 0;
  margin-top: 10px;
}

@media (max-width: 520px) {
  .eye-popup .img-wrapper {
    width: 46px;
    height: 46px;
  }

  .eye-popup .small-menu--wrapper {
    right: -4px;
    max-width: min(92vw, 520px);
  }
}