.rotating-text-wrapper {
    display: block; /* text-align működéséhez */
}

/* Base text – saját sorában marad */
.rotating-text-wrapper .base-text {
    display: block;
}

/* Dinamikus szöveg – külön sorban, fix magassággal */
/* A min-height értéket a tipográfiához igazítsd (font-size * line-height) */
.rotating-text-wrapper .rotating-dynamic {
    display: block;
    min-height: 1.3em;
}

.rotating-text-wrapper .message {
    display: none;
}

.rotating-text-wrapper .message.active {
    display: inline-block;
    opacity: 1;
    transition: opacity 0.4s ease;
}

@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1; }
}