/* GÖRÜNÜR OLDUĞUNDA AKTİF OLANLAR */
.animate {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}

.animate.active {
  opacity: 1;
  transform: translateY(0);
}

/* Sağdan gelen */
.animate-right {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 0.8s ease-out;
}

.animate-right.active {
  opacity: 1;
  transform: translateX(0);
}

/* Soldan gelen */
.animate-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 0.8s ease-out;
}

.animate-left.active {
  opacity: 1;
  transform: translateX(0);
}

/* Yukarıdan gelen */
.animate-top {
  opacity: 0;
  transform: translateY(-40px);
  transition: all 0.8s ease-out;
}

.animate-top.active {
  opacity: 1;
  transform: translateY(0);
}

/* Aşağıdan gelen */
.animate-bottom {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease-out;
}

.animate-bottom.active {
  opacity: 1;
  transform: translateY(0);
}

/* Hafif gecikme eklemek için */
.delay-1 { transition-delay: 0.3s; }
.delay-2 { transition-delay: 0.6s; }
.delay-3 { transition-delay: 0.9s; }