/* Animacje wejscia jak na PROD (Elementor: fadeInUp, fadeInRight; 1,25 s; opoznienie z data-reveal-delay).
   Bez JS (brak klasy .js na <html>) i przy ograniczonym ruchu elementy sa po prostu widoczne. */
.js [data-reveal]:not(.is-revealed) { visibility: hidden; }
.is-revealed[data-reveal="fadeInUp"] { animation: fadeInUp 1.25s; }
.is-revealed[data-reveal="fadeInRight"] { animation: fadeInRight 1.25s; }

@keyframes fadeInUp {
  from { opacity: 0; transform: translate3d(0, 100%, 0); }
  to { opacity: 1; transform: none; }
}
@keyframes fadeInRight {
  from { opacity: 0; transform: translate3d(100%, 0, 0); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .js [data-reveal]:not(.is-revealed) { visibility: visible; }
  .is-revealed[data-reveal] { animation: none; }
}
