@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
        background: linear-gradient(to bottom, #FFFFFF, #FFFFFF); /* Начальный градиент */
    }
    100% {
        opacity: 0;
        transform: translateY(-3%); /* Меньше расстояние перемещения для плавности */
        background: linear-gradient(to bottom, #FFFFFF, #FFFFFF); /* Конечный градиент */
    }
}

body {
    transition: opacity 0.5s;
}

.fade-out-animation {
    animation: fadeOutUp 0.7s forwards; /* Увеличиваем длительность анимации для плавности */
}


    #rec818024704 {
        z-index: 5998 !important; /* Понижаем z-index, чтобы попап был под лоадером */
        position: relative !important; /* Убедимся, что попап относительно других элементов */
    }