/*
|--------------------------------------------------------------------------
| Dosya Adı           : image-fit-v9-08-02.css
| Oluşturulma Tarihi  : 27.09.2026
| Değişiklik Tarihi   : 27.09.2026 (v9.08.02)
| Hazırlayan          : Özgür Elibol
| Dokümanın Amacı     : Magazin Haberleri ve Makaleler kart görsellerinin
|                      kırpılmasını önler. Görselin tamamı gösterilir; kutuda
|                      kalan boşluğu aynı görselin bulanık kopyası doldurur
|                      (aynı dosya, ikinci kez indirilmez).
|                      YALNIZCA news.php ve articles.php kartlarında
|                      kullanılır; diğer kartlar bilerek eski hâlinde.
|                      <head> içinde yüklenir (sayfa açılırken ikinci görsel
|                      stilsiz görünmesin diye).
|
|                      İşaretleme:
|                        <a class="caa-v596-card-image caa-fit-box-v90802">
|                            <img class="caa-fit-bg-v90802" src="X" alt="" aria-hidden="true">
|                            <img class="caa-fit-main-v90802" src="X" alt="…">
|                        </a>
|--------------------------------------------------------------------------
*/

/* === Kutu: katmanlar için konumlandırma === */
.caa-fit-box-v90802 {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    background-color: #111827 !important;
}

/* === Arka plan: aynı görselin bulanık, kutuyu dolduran kopyası === */
.caa-fit-box-v90802 > img.caa-fit-bg-v90802 {
    position: absolute !important;
    top: -24px !important;
    left: -24px !important;
    width: calc(100% + 48px) !important;
    height: calc(100% + 48px) !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    filter: blur(18px) saturate(1.25) brightness(0.9);
    transform: none !important;
    z-index: 0;
    pointer-events: none;
}

/* === Ön plan: görselin tamamı, kırpılmadan === */
.caa-fit-box-v90802 > img.caa-fit-main-v90802 {
    position: relative !important;
    z-index: 1;
    object-fit: contain !important;
    object-position: center !important;
}

/* === Mobil: kart görsel alanı 210 → 260 px ===
   (dikey fotoğraflar daha büyük görünsün diye) */
@media (max-width: 620px) {
    .caa-v596-card-image.caa-fit-box-v90802,
    .caa-v596-card-image.caa-fit-box-v90802 > img.caa-fit-main-v90802 {
        height: 260px !important;
    }
}