/* Animasi Burung */
.anim-bird-container {
    position: absolute;
    animation-name: fly-across, bob;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-direction: normal, alternate;
    z-index: 16;
    opacity: 0;
    pointer-events: none;
}

.anim-bird-container.ltr {
    left: -10%;
    animation-name: fly-ltr, bob;
}

.anim-bird-container.rtl {
    right: -10%;
    animation-name: fly-rtl, bob;
}

@keyframes fly-ltr {
    0% { left: -10%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { left: 110%; opacity: 0; }
}

@keyframes fly-rtl {
    0% { right: -10%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { right: 110%; opacity: 0; }
}

@keyframes bob {
    0% { transform: translateY(-15px); }
    100% { transform: translateY(15px); }
}

.anim-bird {
    display: flex;
    width: 24px;
}

.bird-wing {
    width: 12px;
    height: 8px;
    border-top: 3px solid rgba(0, 0, 0, 0.7);
    border-radius: 50% 50% 0 0;
    animation: flap 0.4s infinite alternate ease-in-out;
}

.bird-wing.left { transform-origin: bottom right; }
.bird-wing.right { transform-origin: bottom left; }

@keyframes flap {
    0% { transform: rotateX(0deg); }
    100% { transform: rotateX(60deg); }
}