/**
 * Дополнительные анимации для feature grid
 */

/* Анимация появления feature items при скролле */
@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.feature-item {
  animation: fadeInScale 0.5s ease-out backwards;
}

/* Задержки для cascading effect */
.feature-item:nth-child(1) { animation-delay: 0.05s; }
.feature-item:nth-child(2) { animation-delay: 0.1s; }
.feature-item:nth-child(3) { animation-delay: 0.15s; }
.feature-item:nth-child(4) { animation-delay: 0.2s; }
.feature-item:nth-child(5) { animation-delay: 0.25s; }
.feature-item:nth-child(6) { animation-delay: 0.3s; }
.feature-item:nth-child(7) { animation-delay: 0.35s; }
.feature-item:nth-child(8) { animation-delay: 0.4s; }
.feature-item:nth-child(9) { animation-delay: 0.45s; }
.feature-item:nth-child(10) { animation-delay: 0.5s; }
.feature-item:nth-child(11) { animation-delay: 0.55s; }
.feature-item:nth-child(12) { animation-delay: 0.6s; }

/* Плавный переход background при hover */
.feature-back {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Улучшенная анимация hover overlay */
.feature-hover {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Убрали pulse эффект - был слишком активным */
.feature-item:hover {
  /* Простая статичная тень вместо пульсации */
}