/* FŐOLDALI CÍMKE ANIMÁCIÓ */
/* 1. A legkülső elem: Kiszélesedő intro */
.announcement-item {
    opacity: 0;
    transform: scaleX(0) scaleY(0.2);
    transform-origin: center;
    /* Progresszív gyorsuló nyitás */
    transition: opacity 0.6s ease-in, transform 0.9s cubic-bezier(0.7, 0, 0.3, 1);
    will-change: transform, opacity;
}

/* Ez az osztály marad rajta az első görgetés után */
.announcement-item.reveal-active {
    opacity: 1;
    transform: scaleX(1) scaleY(1);
}

/* 2. A belső tartalom: A gyors rázkódás */
.shake-it .announcement-item-wrapper {
    animation: quick-vibrate 0.4s linear;
    animation-iteration-count: 1;
}

@keyframes quick-vibrate {
    0% { transform: translateX(0); }
    25% { transform: translateX(-12px); }
    50% { transform: translateX(12px); }
    75% { transform: translateX(-12px); }
    100% { transform: translateX(0); }
}