/* 1. Varsayılan hover efektini iptal ediyoruz */

.otomatik-donen-kutu:hover .elementor-flip-box {

    transform: none !important;

}



/* 2. Ana takla animasyonu */

.otomatik-donen-kutu .elementor-flip-box {

    animation: kusursuzTakla 8s infinite ease-in-out !important;

    transform-style: preserve-3d !important;

}



/* 3. Sihirli Dokunuş: Kutulara sırayla gecikme (delay) veriyoruz */

.sıra-1 .elementor-flip-box { animation-delay: 0s !important; }

.sıra-2 .elementor-flip-box { animation-delay: 0.3s !important; }

.sıra-3 .elementor-flip-box { animation-delay: 0.6s !important; }

.sıra-4 .elementor-flip-box { animation-delay: 0.9s !important; }

.sıra-5 .elementor-flip-box { animation-delay: 1.2s !important; }



/* 4. Arka yüzdeki yazının ters dönmesini engelleyen düzeltme */

.otomatik-donen-kutu .elementor-flip-box__layer--back {

    transform: rotateX(180deg) !important;

}



/* 5. Animasyon Döngüsü */

@keyframes kusursuzTakla {

    0%, 40%, 100% {

        transform: rotateX(0deg);

    }

    45%, 90% {

        transform: rotateX(180deg);

    }

}



/* 6. Kırpışma önleyici güvenlik */

.otomatik-donen-kutu .elementor-flip-box__layer {

    backface-visibility: hidden !important;

    -webkit-backface-visibility: hidden !important;

}