/* Ana Yükleyici Ekranı */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8); 
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.6s ease; 
}

/* Logo Stilleri */
#logo-spinner {
    width: 250px; 
    height: 250px;
    border-radius: 50%; 
    
    /* İstenen: Dönme ve silinme için geçiş süresi */
    transition: transform 0.6s ease-out, opacity 0.6s ease; /* transform da artık geçişe dahil */
}

/* YÜKLEME BİTTİĞİNDE EKLENECEK SINIF */
.preloader-hidden {
    opacity: 0; 
    pointer-events: none; 
}

/* Logo için Kaybolma Efekti (180 derece dönme ve silinme) */
.preloader-hidden #logo-spinner {
    /* İstenen: 180 derece dönerek silinme */
    transform: rotate(180deg); 
    opacity: 0; /* Silinme efekti */
}
#site-content {
}