/* =============================
   UNIVERSAL POP-UP ANIMATION
============================= */

.animate-pop {
  opacity: 0;
  transform: translateY(20px) scale(0.95);
  animation: popUpText 1.2s ease forwards;
}

/* Optional staggered delay (use .delay-1, .delay-2, etc.) */
.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }

@keyframes popUpText {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  60% {
    opacity: 1;
    transform: translateY(0) scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}