.elite-zoom-modal {
    display: none; /* Varsayılan kapalı */
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 11, 24, 0.95); /* Siber karanlık arka plan */
    backdrop-filter: blur(15px);
    z-index: 10000;
    justify-content: center;
    align-items: center;
    cursor: zoom-out; /* Fare imleci çıkış modunda */
}

.zoom-container {
    max-width: 90%;
    max-height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#eliteZoomImg {
    max-width: 100%;
    max-height: 80vh;
    border: 4px solid #fff;
    border-radius: 12px;
    box-shadow: 0 0 50px rgba(0,0,0,0.5);
    transition: 0.3s;
}

#eliteZoomTitle {
    letter-spacing: 1px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

    /* ... Diğer kodlar aynı ... */

    /* MARQUEE SİSTEMİ (Daha pürüzsüz akış) */
  

    /* 🛡️ KART TASARIMI - KESİN ÇÖZÜM BURASI */
    .fed-flow-card {
        width: 280px; /* Genişliği biraz daralttık ki daha çok resim görünsün */
        margin: 0 10px; /* Sağ-sol toplam 20px margin */
        flex-shrink: 0;
        cursor: pointer;
        transition: 0.4s ease;
    }

    .flow-card-inner {
        width: 100%;
        height: 380px; /* 🚩 BURASI ÇOK ÖNEMLİ: Sabit yükseklik verdik! */
        border: 4px solid #fff;
        border-radius: 15px;
        overflow: hidden;
        position: relative;
        background: #1a1a1a; /* Resim yüklenirken boşluk siyah görünsün */
    }

    .flow-card-inner img { 
        width: 100%; 
        height: 100%; 
        object-fit: cover; /* 🚩 RESMİ BOZMADAN KUTUYA SIĞDIRIR */
        object-position: top center; /* Özellikle boydan resimlerde kafa kısmını gösterir */
        transition: 0.5s; 
    }

    /* ... Geri kalan hover ve modal kodların harika, dokunmana gerek yok ... */

    @media (max-width: 768px) {
        .fed-flow-card { width: 180px; }
        .flow-card-inner { height: 250px; } /* Mobil vizörü */
    }