/* Resim hover efektleri */
        .doctor-card {
            overflow: visible;
            /* Hover'da resim taşabilsin */
            position: relative;
        }

        .doctor-card .doctor-img {
            transition: transform 0.3s ease, filter 0.3s ease;
            object-fit: cover;
            border-radius: 6px;
            /* Opsiyonel: hafif yuvarlak köşeler */
            z-index: 1;
            position: relative;
        }

        /* Hover olunca resim biraz dışarı çıksın ve büyüsün */
        .doctor-card:hover .doctor-img {
            transform: scale(1.1) translateY(-10px);
            /* Daha büyük ve yukarı kayma */
            filter: brightness(1.15);
            /* Hafif parlaklık */
            z-index: 2;
        }

        /* Altındaki beyaz kutu da yukarı kayar */
        .doctor-card:hover .abs .bg-white {
            transform: translateY(-10px);
            /* Daha belirgin yukarı kayma */
            transition: transform 0.3s ease;
            z-index: 3;
        }

        /* Optional: Hover sırasında hafif gölge */
        .doctor-card:hover {
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        }

        #btn-extra span {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            width: 100%;
            border-bottom: solid 2px #ffffff;
        }