/* === Popups: sanfte Ein-/Ausblend-Animationen === */

/* Optionaler sanfter Einstieg (FadeInUp) für geöffnete Popups */
.brx-popup[data-popup-id] {
  animation: popupFadeInUp .28s ease both;
}

/* Fade-Out-Down Keyframes */
@keyframes popupFadeOutDown {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(60px); }
}

/* Fade-In-Up (optional) */
@keyframes popupFadeInUp {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Klasse, die beim Schließen gesetzt wird */
.popup-anim-out {
  animation: popupFadeOutDown .28s ease forwards;
}

/* Optionaler "Grab Handle" für bessere Touch-UX */
.popup-sheet::before {
  content: "";
  display: block;
  width: 48px;
  height: 5px;
  margin: 10px auto 8px auto;
  border-radius: 999px;
  background: rgba(0,0,0,.2);
}