.fo-oldal.forum-nezet .kezdolap-tartalom {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-42px) scale(0.98);
    pointer-events: none;
    transition: opacity 0.45s ease, transform 0.55s ease, visibility 0s linear 0.45s;
}

.forum-tartalom {
    position: absolute;
    inset: 0 0 0 var(--oldalsav-szelesseg);
    z-index: 4;
    min-width: 0;
    min-height: 100vh;
    padding: 0;
    background:
        radial-gradient(circle at 8% 15%, rgba(145, 0, 56, 0.48), transparent 30%),
        radial-gradient(circle at 92% 78%, rgba(255, 47, 104, 0.12), transparent 32%),
        linear-gradient(120deg, #090719 0%, #060516 52%, #030312 100%);
    opacity: 0;
    visibility: hidden;
    transform: translateX(72px) scale(1.02);
    pointer-events: none;
    overflow: hidden;
    transition: opacity 0.75s cubic-bezier(.2, .75, .2, 1), transform 0.85s cubic-bezier(.2, .75, .2, 1), visibility 0s linear 0.75s;
}

.fo-oldal.forum-nezet {
    background:
        radial-gradient(circle at 8% 15%, rgba(145, 0, 56, 0.48), transparent 30%),
        radial-gradient(circle at 92% 78%, rgba(255, 47, 104, 0.12), transparent 32%),
        linear-gradient(120deg, #090719 0%, #060516 52%, #030312 100%);
}

.fo-oldal.forum-nezet .forum-tartalom {
    opacity: 1;
    visibility: visible;
    transform: translateX(0) scale(1);
    pointer-events: auto;
    transition: opacity 0.85s cubic-bezier(.2, .75, .2, 1), transform 0.95s cubic-bezier(.2, .75, .2, 1), visibility 0s;
}

.forum-keret {
    width: 100%;
    height: 100vh;
    height: 100svh;
    display: block;
    border: 0;
    background: transparent;
}

@media (max-width: 620px) {
    .forum-tartalom {
        inset: 64px 0 0 0;
        min-height: calc(100svh - 64px);
    }

    .forum-keret {
        height: calc(100svh - 64px);
    }
}

@media (min-width: 381px) and (max-width: 620px) {
    .forum-tartalom {
        top: 70px;
        min-height: calc(100svh - 70px);
    }

    .forum-keret {
        height: calc(100svh - 70px);
    }
}