.scroll-animate {
  will-change: transform, opacity;
}

/* Hanya inner LANGSUNG di dalam elemen yang di-animate */
.e-scroll-init .scroll-animate > .scroll-animate__inner {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.90s ease-out, opacity 0.90s ease-out;
}

/* Saat elemen .scroll-animate sudah .show */
.e-scroll-init .scroll-animate.show > .scroll-animate__inner {
  opacity: 1;
  transform: translateY(0);
}

/* Popup dibiarkan tampil normal (kalau mau tetap auto-show) */
.dialog-widget-content .scroll-animate__inner,
.dialog-lightbox-widget-content .scroll-animate__inner,
.elementor-location-popup .scroll-animate__inner {
  opacity: 1;
  transform: none;
}

.dialog-widget-content .scroll-animate,
.dialog-lightbox-widget-content .scroll-animate,
.elementor-location-popup .scroll-animate {
  opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
  .e-scroll-init .scroll-animate > .scroll-animate__inner {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}