/* Podstawowe ukrycie elementu przed animacją */
.reveal [data-reveal-item],
.reveal.stagger > * {
  opacity: 0.3;
  transform: translateY(50px);
  transition: opacity var(--transition-time) ease, transform var(--transition-time) ease;
}

/* Efekty bazowe */
[data-reveal-animate*="slide-up"].reveal-active [data-reveal-item],
[data-reveal-animate*="slide-up"].reveal-active.stagger > * {
  transform: translateY(0);
}

[data-reveal-animate*="slide-down"].reveal-active [data-reveal-item],
[data-reveal-animate*="slide-down"].reveal-active.stagger > * {
  transform: translateY(-50px);
}

[data-reveal-animate*="slide-left"].reveal-active [data-reveal-item],
[data-reveal-animate*="slide-left"].reveal-active.stagger > * {
  transform: translateX(0);
}

[data-reveal-animate*="slide-right"].reveal-active [data-reveal-item],
[data-reveal-animate*="slide-right"].reveal-active.stagger > * {
  transform: translateX(0);
}

/* Fade-in */
[data-reveal-animate*="fade"].reveal-active [data-reveal-item],
[data-reveal-animate*="fade"].reveal-active.stagger > * {
  opacity: 1;
}