/* ============================================================
   SAWKI SHOP — animations.css  (Light Elegant Edition)
   ============================================================ */

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeLeft {
  from { opacity: 0; transform: translateX(-20px); }
  to   { opacity: 1; transform: translateX(0); }
}

.reveal-fade-up, .reveal-fade-left { opacity: 0; will-change: opacity, transform; }
.reveal-fade-up  { transform: translateY(20px); transition: opacity var(--transition-slow), transform var(--transition-slow); }
.reveal-fade-left { transform: translateX(-20px); transition: opacity var(--transition-slow), transform var(--transition-slow); }
.reveal-fade-up.is-visible, .reveal-fade-left.is-visible { opacity: 1; transform: translate(0,0); }

.reveal-fade-up:nth-child(1), .reveal-fade-left:nth-child(1) { transition-delay: 0ms; }
.reveal-fade-up:nth-child(2), .reveal-fade-left:nth-child(2) { transition-delay: 80ms; }
.reveal-fade-up:nth-child(3), .reveal-fade-left:nth-child(3) { transition-delay: 160ms; }
.reveal-fade-up:nth-child(4), .reveal-fade-left:nth-child(4) { transition-delay: 240ms; }
.reveal-fade-up:nth-child(5), .reveal-fade-left:nth-child(5) { transition-delay: 320ms; }
.reveal-fade-up:nth-child(6), .reveal-fade-left:nth-child(6) { transition-delay: 400ms; }

.hero__text.reveal-fade-up { animation: fadeUp 350ms ease both; animation-delay: 60ms; }
.hero__text.reveal-fade-up.is-visible { animation: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
  .reveal-fade-up, .reveal-fade-left { opacity: 1; transform: none; transition: none; }
  .hero__text.reveal-fade-up { animation: none; opacity: 1; transform: none; }
}