/* CSS */


.anim-item,
.anim-group-item,
.anim-text {
    transition: all 1s ease;
}



.anim-item,
.anim-item.anim-wait {
    opacity: 0;
    transform: translate(0px, 40px);
}

.header.anim-item {
    transform: translate(0, -90px);
}

.anim-no-translate,
.anim-item.anim-no-translate,
.anim-item.anim-wait.anim-no-translate {
    transform: translate(0, 0);
}

.anim-text {
    /* Базові стилі для текстових елементів */
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(0px, 50%) rotateX(-40deg);
    opacity: 0;
    background-attachment: scroll;
}

.anim-wait,
.anim-group-item.anim-wait {
    opacity: 0;
    transform: translateY(60px);
}

/* Специфічні стилі для anim-text в стані очікування */
.anim-text.anim-wait {
    transform: translateY(50%) rotateX(-40deg);
    opacity: 0;
}


/* Активний стан для обох */
.anim-active,
.anim-group-item.anim-active {
    opacity: 1;
    transform: translateY(0);
}

.anim-item.anim-active {
    opacity: 1;
    transform: translate(0px, 0);
}

/* Специфічний активний стан для anim-text */
.anim-text.anim-active {
    opacity: 1;
    transform: translateY(0) rotateX(0deg);
}