/* ===================== Flyer-Popup (importierbares Bild) ===================== */
.flyer-overlay {
  position: fixed; inset: 0; z-index: 300;
  background: rgba(0, 0, 0, 0.62);              /* durchsichtiges Schwarz */
  display: flex; justify-content: center; align-items: flex-start;
  overflow-y: auto; padding: clamp(16px, 4vw, 48px) 16px;
  -webkit-overflow-scrolling: touch;
}
.flyer-overlay[hidden] { display: none; }
.flyer-scroll { width: 100%; max-width: 600px; margin: auto; display: flex; flex-direction: column; align-items: center; gap: 16px; }

/* Flyer-Bild: als Layer sichtbar, aber nicht in einen Tab ziehbar/öffenbar */
.flyer-img {
  width: 100%; height: auto; display: block;
  border-radius: 18px; box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.6);
  pointer-events: none;              /* verhindert Ziehen / Rechtsklick-Öffnen */
  -webkit-user-drag: none; user-select: none; -webkit-user-select: none;
}

/* Weiter-Button */
.flyer-continue { position: sticky; bottom: 6px; box-shadow: 0 16px 34px -14px rgba(47, 128, 237, 0.9); }