/* =================================================================
   Yayın Sistemleri — Animations
   ================================================================= */

/* Scroll-reveal base */
[data-animate]{
  opacity:0;transform:translate3d(0,30px,0);
  transition:opacity .8s var(--ease), transform .8s var(--ease);
  will-change:transform,opacity;
}
[data-animate="fade-up"]{transform:translate3d(0,40px,0)}
[data-animate="fade-down"]{transform:translate3d(0,-40px,0)}
[data-animate="fade-left"]{transform:translate3d(40px,0,0)}
[data-animate="fade-right"]{transform:translate3d(-40px,0,0)}
[data-animate="zoom-in"]{transform:scale(.92)}
[data-animate="fade"]{transform:none}

[data-animate].is-visible{
  opacity:1;transform:translate3d(0,0,0) scale(1);
}

/* Stagger delays */
[data-delay="100"]{transition-delay:.1s}
[data-delay="200"]{transition-delay:.2s}
[data-delay="300"]{transition-delay:.3s}
[data-delay="400"]{transition-delay:.4s}
[data-delay="500"]{transition-delay:.5s}
[data-delay="600"]{transition-delay:.6s}

/* Marquee already in style.css */

/* Tilt hover effect target */
.tilt{transform-style:preserve-3d;transition:transform .15s var(--ease)}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important;
  }
  [data-animate]{opacity:1!important;transform:none!important}
}

/* Subtle glow loop on accent items */
@keyframes glowLoop{
  0%,100%{box-shadow:0 0 0 rgba(255,32,66,0)}
  50%{box-shadow:0 0 30px rgba(255,32,66,.45)}
}

/* Number counter target gets a small highlight when running */
.counting{color:#fff !important;-webkit-text-fill-color:#fff}