/* === SCROLL ANIMATIONS === */

/* === AUTO SHOW VERTICAL ANIMATION === */
.autoShow {
    opacity: 0;
    transform: translateY(80px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    will-change: opacity, transform;
}

.autoShow.show {
    opacity: 1;
    transform: translateY(0);
}

/* ==================================== */

/* .card.autoShow {
    transition-delay: 0.2s;
}

.card.autoShow:nth-child(2) {
    transition-delay: 0.4s;
}

.card.autoShow:nth-child(3) {
    transition-delay: 0.6s;
} */

/* ==================================== */

/* FROM LEFT */
.autoShow1 {
    opacity: 0;
    transform: translateX(-80px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    will-change: opacity, transform;
}

.autoShow1.show {
    opacity: 1;
    transform: translateX(0);
}

/* Optional stagger for cards */
.card.autoShow1 {
    transition-delay: 0.2s;
}

.card.autoShow1:nth-child(2) {
    transition-delay: 0.4s;
}

.card.autoShow1:nth-child(3) {
    transition-delay: 0.6s;
}

/* FROM RIGHT */
.autoShow2 {
    opacity: 0;
    transform: translateX(80px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    will-change: opacity, transform;
}

.autoShow2.show {
    opacity: 1;
    transform: translateX(0);
}

/* Optional stagger for cards */
.card.autoShow2 {
    transition-delay: 0.2s;
}

.card.autoShow2:nth-child(2) {
    transition-delay: 0.4s;
}

.card.autoShow2:nth-child(3) {
    transition-delay: 0.6s;
}