/* ==========================================
   АНИМАЦИИ
   ========================================== */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 77, 121, 0.5);
  }
  70% {
    box-shadow: 0 0 0 6px rgba(255, 77, 121, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 77, 121, 0);
  }
}

@keyframes wave {
  0% { transform: scale(1); }
  50% { transform: scale(0.96); }
  100% { transform: scale(1); }
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/* Анимация появления счетчиков */
@keyframes countUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.counter-item {
  animation: countUp 0.8s ease forwards;
}

.counter-item:nth-child(1) { animation-delay: 0.1s; }
.counter-item:nth-child(2) { animation-delay: 0.2s; }
.counter-item:nth-child(3) { animation-delay: 0.3s; }
.counter-item:nth-child(4) { animation-delay: 0.4s; }

.gallery-card {
  animation: fadeIn 0.8s ease forwards;
  opacity: 0;
}

.gallery-card:nth-child(1) { animation-delay: 0.5s; }
.gallery-card:nth-child(2) { animation-delay: 0.6s; }
.gallery-card:nth-child(3) { animation-delay: 0.7s; }

/* ==========================================
   Применение анимации
   ========================================== */

.hero-content > *,



.hero-content > *:nth-child(1) {
  animation-delay: 0.2s;
}
.hero-content > *:nth-child(2) {
  animation-delay: 0.4s;
}
.hero-content > *:nth-child(3) {
  animation-delay: 0.6s;
}

/* Для иконок соцсетей можно задать общую задержку, чтобы они появились после основного контента */
.social-links {
  animation-delay: 0.8s;
}