/* Анімації для сторінки "Про нас" */

/* Загальні анімації для всіх елементів */
.reveal-on-scroll {
    opacity: 1; /* Виправлення для iPhone - картки видимі за замовчуванням */
    transform: translateY(0); /* Виправлення для iPhone - картки в нормальному положенні */
    transition: opacity 1.3s ease-out, transform 1.3s ease-out;
}

.reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Анімації для елементів, що з'являються зліва */
.about-page .from-left {
    opacity: 1; /* Виправлення для iPhone */
    transform: translateX(-30px);
    transition: opacity 1.3s ease-in-out, transform 1.3s ease-in-out;
}

/* Анімації для елементів, що з'являються справа */
.about-page .from-right {
    opacity: 1; /* Виправлення для iPhone */
    transform: translateX(30px);
    transition: opacity 1.3s ease-in-out, transform 1.3s ease-in-out;
}

/* Загальний клас для видимості */
.about-page .from-left.is-visible,
.about-page .from-right.is-visible {
    opacity: 1;
    transform: translateX(0);
}

/* Спеціальні стилі для мобільних пристроїв та iPhone */
@media (max-width: 768px) {
    .reveal-on-scroll {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    
    .articles-grid {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    
    .article-card {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}

/* === ДОДАТКОВЕ ВИПРАВЛЕННЯ ДЛЯ МОБІЛЬНИХ === */
@media (max-width: 768px) {
    .catalog-page .reveal-on-scroll {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}