/* Alapállapot: a konténer normálisan látszódik */
#main-content-container {
    opacity: 1;
    transform: translateY(0);
    transition: none; /* Nincs átmenet alapból */
}

/* Animáció indítása */
#main-content-container.slide-up {
    animation: slideUp 1s ease-out forwards;
}

/* Kulcskockák */
@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fontos: az animáció után rögzítjük a végső értékeket */
#main-content-container:not(.slide-up) {
    opacity: 1 !important;
    transform: translateY(0) !important;
}