/* Animasyonlar */
        @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .animate-fade-in-up { animation: fadeInUp 0.8s ease-out forwards; }

        /* Dropdown Styles */
        .custom-dropdown-options { transform-origin: top; transition: all 0.3s ease-in-out; opacity: 0; transform: scaleY(0); pointer-events: none; }
        .custom-dropdown-open .custom-dropdown-options { opacity: 1; transform: scaleY(1); pointer-events: auto; }
        .custom-dropdown-open .arrow-icon { transform: rotate(180deg); }
        .icon-bounce { transition: transform 0.3s; }
        .group:hover .icon-bounce { transform: scale(1.1); }

        /* -----------------------------------------------------------------
           CUSTOM CSS: DOKTOR KART EFEKTLERİ
           ----------------------------------------------------------------- */
        
        /* 1. KART GÖVDESİ (BODY) HOVER EFEKTİ */
        .doctor-card .doctor-card-body {
            transition: background-color 0.7s ease, color 0.7s ease;
            background-color: #ffffff; /* Varsayılan renk */
            color: inherit;
        }
        /* Kartın herhangi bir yerine (.doctor-card) gelince body rengini değiştir */
        .doctor-card:hover .doctor-card-body {
            background-color: #27477D;
            color: #ffffff;
        }
        /* Hover durumunda başlık rengini de beyaz yap */
        .doctor-card:hover .doctor-card-body h2 {
            color: #ffffff;
        }

        /* 2. GÖRSEL ÜZERİNDEKİ PARLAMA (SHINE) EFEKTİ */
        .shine-effect {
            position: absolute;
            top: 0;
            left: 0;
            width: 50%; /* Genişlik */
            height: 100%;
            /* Beyaz degrade geçiş */
            background: linear-gradient(to bottom right, transparent 0%, rgba(255,255,255,0.7) 50%, transparent 100%);
            
            /* Başlangıç konumu ve açısı */
            transform: rotate(30deg) translate(-150%, -150%);
            
            /* Animasyon süresi ve tipi */
            transition: transform 0.8s ease-in-out;
            pointer-events: none; /* Tıklamayı engelle */
            z-index: 10;
        }

        /* Kartın üzerine gelince parlamayı kaydır */
        .doctor-card:hover .shine-effect {
            transform: rotate(45deg) translate(350px, 150%);
        }

        /* 3. SOSYAL MEDYA İKONLARI POP-UP */
        .social-icons-wrapper {
            transform-origin: bottom;
            transform: scaleY(0); /* Varsayılan gizli */
            transition: transform 0.5s ease;
        }
        .doctor-card:hover .social-icons-wrapper {
            transform: scaleY(1); /* Hoverda göster */
        }