/* ==========================================================================
   ОКОЛИЦЯ — Анімації появи елементів
   Підключається окремо для чистоти коду
   ========================================================================== */

/* Початковий стан елементів з анімацією */
.will-animate {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.55s ease, transform 0.55s ease;
}

/* Стан після появи */
.will-animate.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Затримки для карток у рядку */
.service-card:nth-child(1)  { transition-delay: 0s; }
.service-card:nth-child(2)  { transition-delay: 0.08s; }
.service-card:nth-child(3)  { transition-delay: 0.16s; }
.service-card:nth-child(4)  { transition-delay: 0.24s; }
.service-card:nth-child(5)  { transition-delay: 0.08s; }
.service-card:nth-child(6)  { transition-delay: 0.16s; }
.service-card:nth-child(7)  { transition-delay: 0.24s; }
.service-card:nth-child(8)  { transition-delay: 0.32s; }

.review-card:nth-child(1)   { transition-delay: 0s; }
.review-card:nth-child(2)   { transition-delay: 0.1s; }
.review-card:nth-child(3)   { transition-delay: 0.2s; }

.schedule-item:nth-child(1) { transition-delay: 0s; }
.schedule-item:nth-child(2) { transition-delay: 0.12s; }
.schedule-item:nth-child(3) { transition-delay: 0.24s; }

/* Активне посилання в навігації */
.nav__link--active {
    color: var(--color-accent-light) !important;
}