/* Overlay modern megjelenés – kizárólag popuphoz */
.ll-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10, 20, 30, 0.55);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  z-index: 999;
  opacity: 0;
  animation: overlayFadeIn 250ms ease forwards;
}

@keyframes overlayFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Popup kártya finom animáció és árnyék – kizárólag popuphoz */
.ll-popup-scope {
  box-shadow: 0 20px 50px rgba(0,0,0,0.25);
  border-radius: 18px;
  will-change: transform, opacity;
}

.ll-popup-scope.popup-animate-in {
  animation: popupIn 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes popupIn {
  from { transform: translate(-50%, -50%) scale(0.98); opacity: 0.0; }
  to { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

/* Scroll tiltás, amikor popup nyitva van */
body.no-scroll {
  overflow: hidden;
}

/* Gombok egységes stílusa – csak a popupon belül */
.ll-popup-scope .pop-btn-primary,
.ll-popup-scope .rpop-btn-primary {
  background: linear-gradient(279deg, #006FB8 0%, #008BB8 100%);
  border: none;
  border-radius: 16px;
  color: #fff;
  padding: 10px 20px;
  transition: transform 120ms ease, filter 120ms ease;
}

.ll-popup-scope .pop-btn-primary:hover,
.ll-popup-scope .rpop-btn-primary:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* Fejléc nyíl ikon jobb érintési felület – csak popupon belül */
.ll-popup-scope .pop-back-arrow {
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
}

.ll-popup-scope .pop-back-arrow:hover {
  background: rgba(0,0,0,0.06);
}

@media (max-width: 480px) {
  .ll-popup-scope {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0);
  border-radius: 0px;
}
}