/* Animasi Kupu-kupu */
.anim-butterfly-container {
    position: absolute;
    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-butterfly-container.ltr {
    left: -10%;
    animation-name: fly-ltr, flutter;
}

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

@keyframes flutter {
    0% { transform: translateY(-30px) rotate(-10deg); }
    50% { transform: translateY(10px) rotate(10deg); }
    100% { transform: translateY(-20px) rotate(-5deg); }
}

.anim-butterfly {
    display: flex;
    width: 12px;
    height: 12px;
    justify-content: center;
    align-items: center;
}

.bfly-wing {
    width: 6px;
    height: 10px;
    border-radius: 50% 20% 50% 20%;
    animation: b-flap 0.15s infinite alternate ease-in-out;
    opacity: 0.85;
    box-shadow: inset 0 0 2px rgba(255,255,255,0.5);
}

.bfly-wing.left { transform-origin: center right; }
.bfly-wing.right { 
    transform-origin: center left; 
    border-radius: 20% 50% 20% 50%;
}

@keyframes b-flap {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(75deg); }
}