<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->
<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->


<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!-- MAKRO LİFE GAYRİMENKUL -->

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <title>Makro Life Gayrimenkul Diyarbakir | Satilik Kiralik Daire Villa Arsa</title>
    <meta name="description" content="Diyarbakir ve Guneydogu Anadolu'nun en guvenilir gayrimenkul danismanligi. Satilik daire, kiralik ev, villa, arsa ve isyeri ilanlari. Yenisehir, Kayapinar, Baglar, Sur, Bismil, Ergani bolgesinde uzman emlak danismanligi. 444 72 21">
    <meta name="keywords" content="diyarbakir emlak, diyarbakir satilik daire, diyarbakir kiralik ev, diyarbakir gayrimenkul, yenisehir satilik, kayapinar emlak, baglar kiralik, sur gayrimenkul, bismil arsa, ergani emlak, guneydogu emlak, makro life, mardin emlak, sanliurfa gayrimenkul, batman emlak, siirt kiralik, sirnak satilik">
    <meta name="referrer" content="no-referrer-when-downgrade">
    <meta name="author" content="Makro Life Gayrimenkul Diyarbakir">
    <meta name="publisher" content="Makro Life Gayrimenkul">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="rating" content="general">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <meta name="googlebot" content="index, follow">
    <meta name="geo.region" content="TR-21">
    <meta name="geo.placename" content="Diyarbakir">
    <meta name="geo.position" content="37.9144;40.2306">
    <meta name="ICBM" content="37.9144, 40.2306">
    <link rel="canonical" href="https://www.makrolife.com.tr/konut-endeksi">

    <!-- Sosyal Medya Meta Etiketleri (Facebook, Twitter, LinkedIn) -->
    <meta property="og:title" content="Makro Life Gayrimenkul Diyarbakir | Satilik Kiralik Daire Villa Arsa" />
    <meta property="og:description" content="Diyarbakir ve Guneydogu Anadolu'nun en guvenilir gayrimenkul danismanligi. Satilik daire, kiralik ev, villa, arsa ve isyeri ilanlari. Yenisehir, Kayapinar, Baglar, Sur, Bismil, Ergani bolgesinde uzman emlak danismanligi. 444 72 21" />
    <meta property="og:image" content="https://www.makrolife.com.tr/assets/images/makrologo.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:url" content="https://www.makrolife.com.tr/konut-endeksi" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Makro Life Gayrimenkul Diyarbakir" />
    <meta property="og:locale" content="tr_TR" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Makro Life Gayrimenkul Diyarbakir | Satilik Kiralik Daire Villa Arsa" />
    <meta name="twitter:description" content="Diyarbakir ve Guneydogu Anadolu'nun en guvenilir gayrimenkul danismanligi. Satilik daire, kiralik ev, villa, arsa ve isyeri ilanlari. Yenisehir, Kayapinar, Baglar, Sur, Bismil, Ergani bolgesinde uzman emlak danismanligi. 444 72 21" />
    <meta name="twitter:image" content="https://www.makrolife.com.tr/assets/images/makrologo.png" />
    <meta name="twitter:site" content="@makrolofetr" />
    <meta name="twitter:creator" content="@makrolifetr" />
    <meta name="facebook-domain-verification" content="i9rnyxg3ksygq0y6cf66gvs2d00oxf" />
    <link rel="apple-touch-icon" href="/icon.png?v=1">
    <meta name="theme-color" content="#1a365d">
    <link rel="shortcut icon" href="/favicon.ico?v=1">
    <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/icons/favicon-16x16.png?v=1">
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/icons/favicon-32x32.png?v=1">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#fff">
    <link rel="apple-touch-icon" sizes="57x57" href="/assets/images/icons/apple-touch-icon-57x57.png?v=1">
    <link rel="apple-touch-icon" sizes="60x60" href="/assets/images/icons/apple-touch-icon-60x60.png?v=1">
    <link rel="apple-touch-icon" sizes="72x72" href="/assets/images/icons/apple-touch-icon-72x72.png?v=1">
    <link rel="apple-touch-icon" sizes="76x76" href="/assets/images/icons/apple-touch-icon-76x76.png?v=1">
    <link rel="apple-touch-icon" sizes="114x114" href="/assets/images/icons/apple-touch-icon-114x114.png?v=1">
    <link rel="apple-touch-icon" sizes="120x120" href="/assets/images/icons/apple-touch-icon-120x120.png?v=1">
    <link rel="apple-touch-icon" sizes="144x144" href="/assets/images/icons/apple-touch-icon-144x144.png?v=1">
    <link rel="apple-touch-icon" sizes="152x152" href="/assets/images/icons/apple-touch-icon-152x152.png?v=1">
    <link rel="apple-touch-icon" sizes="167x167" href="/assets/images/icons/apple-touch-icon-167x167.png?v=1">
    <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/icons/apple-touch-icon-180x180.png?v=1">
    <link rel="apple-touch-icon" sizes="1024x1024" href="/assets/images/icons/apple-touch-icon-1024x1024.png?v=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" href="/assets/images/icons/apple-touch-startup-image-320x460.png?v=1">
    <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" href="/assets/images/icons/apple-touch-startup-image-640x920.png?v=1">
    <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="/assets/images/icons/apple-touch-startup-image-640x1096.png?v=1">
    <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="/assets/images/icons/apple-touch-startup-image-750x1294.png?v=1">
    <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)" href="/assets/images/icons/apple-touch-startup-image-1182x2208.png?v=1">
    <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)" href="/assets/images/icons/apple-touch-startup-image-1242x2148.png?v=1">
    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" href="/assets/images/icons/apple-touch-startup-image-748x1024.png?v=1">
    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" href="/assets/images/icons/apple-touch-startup-image-768x1004.png?v=1">
    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" href="/assets/images/icons/apple-touch-startup-image-1496x2048.png?v=1">
    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" href="/assets/images/icons/apple-touch-startup-image-1536x2008.png?v=1">
    <link rel="icon" type="image/png" sizes="228x228" href="/assets/images/icons/coast-228x228.png?v=1">
    <meta name="msapplication-TileColor" content="#fff">
    <meta name="msapplication-TileImage" content="/mstile-144x144.png?v=1">
    <!-- Font Awesome 5.15.4 - CDN FIRST -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="/assets/vendor/select2/select2.min.css" />
    <link rel="stylesheet" href="/assets/vendor/datetime-picker/bootstrap-datetimepicker.css">
    <link href="/assets/vendor/gritter/css/jquery.gritter.css" rel="stylesheet" />
    <link href="/assets/css/styles.css?v=14062025" rel="stylesheet">
    <!-- APPLICATION STYLES -->
    <link href="/assets/css/m.css?v=14062025" rel="stylesheet">
    <!-- Form Messages CSS - Kurumsal Form Mesajlari -->
    <link href="/assets/css/form-messages.css?v=14062025" rel="stylesheet">
    <!-- GLightbox CSS - Modern Lightbox -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox@3.2.0/dist/css/glightbox.min.css"/>
    <!-- Leaflet CSS - Harita için -->
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/>

    <!-- Custom Colors - Tasarım Ayarları -->
        <link href="/assets/css/custom-colors.css?v=1781093690" rel="stylesheet">
    
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"RealEstateAgent","name":"Makro Life Gayrimenkul","alternateName":"Makro Life Franchising Gayrimenkul","description":"Diyarbakir ve Guneydogu Anadolu'nun lider gayrimenkul danismanligi sirketi. Satilik, kiralik daire, villa, arsa ve isyeri ilanlari.","url":"https://www.makrolife.com.tr","logo":"https://www.makrolife.com.tr/assets/images/makrologo.png","image":"https://www.makrolife.com.tr/assets/images/makrologo.png","telephone":"+904447221","email":"info@makrolife.com.tr","foundingDate":"2020","slogan":"Hayallerinizdeki Gayrimenkul Burada","priceRange":"$$","currenciesAccepted":"TRY","paymentAccepted":"Cash, Credit Card, Bank Transfer","address":{"@type":"PostalAddress","streetAddress":"Yenisehir","addressLocality":"Diyarbakir","addressRegion":"Diyarbakir","postalCode":"21100","addressCountry":"TR"},"geo":{"@type":"GeoCoordinates","latitude":"37.9144","longitude":"40.2306"},"areaServed":[{"@type":"City","name":"Diyarbakir","containedInPlace":{"@type":"Country","name":"Turkey"}},{"@type":"City","name":"Mardin","containedInPlace":{"@type":"Country","name":"Turkey"}},{"@type":"City","name":"Sanliurfa","containedInPlace":{"@type":"Country","name":"Turkey"}},{"@type":"City","name":"Batman","containedInPlace":{"@type":"Country","name":"Turkey"}},{"@type":"City","name":"Siirt","containedInPlace":{"@type":"Country","name":"Turkey"}},{"@type":"City","name":"Sirnak","containedInPlace":{"@type":"Country","name":"Turkey"}}],"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"09:00","closes":"18:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"Saturday","opens":"10:00","closes":"15:00"}],"sameAs":["https://www.facebook.com/makrolifetr","https://www.instagram.com/makrolifetr","https://twitter.com/makrolifetr","https://www.linkedin.com/company/makrolife","https://www.youtube.com/@makrolifetr"],"contactPoint":{"@type":"ContactPoint","telephone":"+90-444-72-21","contactType":"customer service","areaServed":"TR","availableLanguage":["Turkish","English","Arabic"]},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Gayrimenkul Hizmetleri","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Satilik Gayrimenkul Danismanligi","description":"Diyarbakir ve Guneydogu'da satilik daire, villa, arsa satis danismanligi"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Kiralik Gayrimenkul Danismanligi","description":"Diyarbakir ve Guneydogu'da kiralik ev, daire, isyeri bulma hizmeti"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Gayrimenkul Degerleme","description":"Profesyonel gayrimenkul degerleme ve ekspertiz hizmeti"}}]}}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Makro Life Franchising Gayrimenkul Satis ve Pazarlama A.S.","legalName":"MAKRO LIFE FRANCHISING GAYRIMENKUL SATIS VE PAZARLAMA A.S.","url":"https://www.makrolife.com.tr","logo":"https://www.makrolife.com.tr/assets/images/makrologo.png","foundingDate":"2020","founders":[{"@type":"Person","name":"Makro Life Kuruculari"}],"address":{"@type":"PostalAddress","addressLocality":"Diyarbakir","addressRegion":"Guneydogu Anadolu","addressCountry":"TR"},"contactPoint":{"@type":"ContactPoint","contactType":"customer support","telephone":"+90-444-72-21","email":"info@makrolife.com.tr"},"sameAs":["https://www.facebook.com/makrolifetr","https://www.instagram.com/makrolifetr","https://twitter.com/makrolifetr"]}</script>

    <!-- BreadcrumbList Schema - Dinamik -->
        <script type="application/ld+json">
    {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Ana Sayfa","item":"https://www.makrolife.com.tr"}]}    </script>

    <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Makro Life Gayrimenkul","alternateName":"Makro Life Diyarbakir","url":"https://www.makrolife.com.tr","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.makrolife.com.tr/ilanlar?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","name":"Makro Life Gayrimenkul Diyarbakir","image":"https://www.makrolife.com.tr/assets/images/makrologo.png","@id":"https://www.makrolife.com.tr","url":"https://www.makrolife.com.tr","telephone":"+90-444-72-21","priceRange":"$$","address":{"@type":"PostalAddress","streetAddress":"Yenisehir Mahallesi","addressLocality":"Diyarbakir","postalCode":"21100","addressCountry":"TR"},"geo":{"@type":"GeoCoordinates","latitude":37.9144,"longitude":40.2306},"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"09:00","closes":"18:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"Saturday","opens":"10:00","closes":"15:00"}]}</script>

    <!-- Google Tag Manager -->

</head>

<!-- Cookie Consent Banner -->
<style>
/* Kurumsal Çerez Bildirimi - Alt Şerit */
.ck-banner{position:fixed;bottom:0;left:0;right:0;z-index:99999;background:#ffffff;border-top:3px solid #00357a;box-shadow:0 -2px 12px rgba(0,0,0,.08);transform:translateY(100%);transition:transform .35s ease;font-family:inherit}
.ck-banner.show{transform:translateY(0)}
.ck-banner-inner{max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:24px}
.ck-banner-content{flex:1;min-width:0}
.ck-banner-title{margin:0 0 4px;color:#00357a;font-size:14px;font-weight:600;letter-spacing:.2px;text-transform:uppercase}
.ck-banner-text{margin:0;color:#4a4a4a;font-size:13px;line-height:1.55}
.ck-banner-text a{color:#00357a;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.ck-banner-text a:hover{color:#002356}
.ck-banner-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}
.ck-btn{padding:10px 18px;border-radius:2px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease;letter-spacing:.2px;line-height:1;white-space:nowrap;font-family:inherit}
.ck-btn-accept{background:#00357a;color:#ffffff;border-color:#00357a}
.ck-btn-accept:hover{background:#002356;border-color:#002356}
.ck-btn-reject{background:#ffffff;color:#4a4a4a;border-color:#cfd4dc}
.ck-btn-reject:hover{background:#f4f6f9;color:#222}
.ck-btn-manage{background:#ffffff;color:#00357a;border-color:#00357a}
.ck-btn-manage:hover{background:#f0f3f8}
/* Kurumsal Yönetim Paneli */
.ck-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(20,28,45,.55);z-index:100000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}
.ck-panel-overlay.show{display:flex;opacity:1}
.ck-panel{background:#ffffff;border-radius:4px;max-width:560px;width:94%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 40px rgba(0,0,0,.18);border-top:3px solid #00357a}
.ck-panel-header{padding:20px 26px;border-bottom:1px solid #e6e9ef;display:flex;align-items:center;justify-content:space-between;background:#fafbfc}
.ck-panel-header h3{margin:0;font-size:16px;color:#00357a;font-weight:600;letter-spacing:.2px;text-transform:uppercase}
.ck-panel-close{width:30px;height:30px;background:transparent;border:1px solid #d8dde5;border-radius:2px;font-size:18px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;line-height:1}
.ck-panel-close:hover{background:#f0f3f8;color:#00357a;border-color:#00357a}
.ck-panel-body{padding:8px 26px;overflow-y:auto;flex:1}
.ck-panel-intro{font-size:13px;color:#5a5a5a;line-height:1.6;margin:14px 0 4px;padding-bottom:14px;border-bottom:1px solid #eef0f4}
.ck-category{padding:16px 0;border-bottom:1px solid #eef0f4}
.ck-category:last-child{border-bottom:none}
.ck-category-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ck-category-info{flex:1}
.ck-category-info h5{margin:0;font-size:14px;color:#1a1a1a;font-weight:600;display:flex;align-items:center;gap:10px;letter-spacing:.1px}
.ck-category-info p{margin:6px 0 0;font-size:12.5px;color:#6b7280;line-height:1.55}
.ck-badge-required{background:#f0f3f8;color:#00357a;font-size:10px;font-weight:600;padding:3px 9px;border-radius:2px;letter-spacing:.4px;text-transform:uppercase;border:1px solid #d4dceb}
/* Kurumsal Toggle */
.ck-toggle{position:relative;width:40px;height:22px;flex-shrink:0;margin-top:2px}
.ck-toggle input{opacity:0;width:0;height:0}
.ck-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#cfd4dc;border-radius:22px;transition:background .2s ease}
.ck-toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.ck-toggle input:checked+.ck-toggle-slider{background:#00357a}
.ck-toggle input:checked+.ck-toggle-slider:before{transform:translateX(18px)}
.ck-toggle input:disabled+.ck-toggle-slider{opacity:.55;cursor:not-allowed}
.ck-panel-footer{padding:16px 26px;display:flex;gap:8px;border-top:1px solid #e6e9ef;background:#fafbfc;justify-content:flex-end;flex-wrap:wrap}
.ck-panel-footer .ck-btn{padding:10px 18px}
@media(max-width:768px){
    .ck-banner-inner{flex-direction:column;align-items:stretch;gap:14px;padding:16px 18px}
    .ck-banner-actions{flex-wrap:wrap}
    .ck-banner-actions .ck-btn{flex:1 1 auto}
    .ck-panel-footer{justify-content:stretch}
    .ck-panel-footer .ck-btn{flex:1 1 auto}
}
@media(max-width:480px){
    .ck-banner-title{font-size:12.5px}
    .ck-banner-text{font-size:12.5px}
}
/* Anasayfa Arama Kutusu - Yeni Tasarim */
/* Eski big-input:before iconunu gizle - artik SVG kullaniyoruz */
.cb-home-search-bar-v3 .tab-content .big-input:before{display:none !important;content:none !important;}
.home-search-wrapper{width:100%;}
.home-search-box{display:flex;align-items:center;background:#fff;border-radius:50px;padding:5px 5px 5px 20px;box-shadow:0 4px 25px rgba(0,0,0,0.15);border:2px solid #e0e0e0;transition:all 0.3s ease;}
.home-search-box:focus-within{border-color:#1a365d;box-shadow:0 6px 35px rgba(26,54,93,0.2);}
.home-search-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;}
.home-search-icon svg{flex-shrink:0;}
.home-search-input{flex:1;border:none;outline:none;padding:12px 15px;font-size:16px;background:transparent;min-width:0;}
.home-search-input::placeholder{color:#888;}
.home-search-btn{display:flex;align-items:center;gap:8px;background:#1a365d;color:#fff;border:none;padding:12px 28px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:background 0.3s;flex-shrink:0;}
.home-search-btn:hover{background:#2c5282;}
.home-search-btn i{font-size:14px;}
/* Dropdown */
.home-search-dropdown{display:none;background:#fff;border-radius:16px;box-shadow:0 10px 50px rgba(0,0,0,0.2);max-height:400px;overflow-y:auto;margin-top:10px;border:1px solid #e8e8e8;}
.home-search-dropdown.show{display:block !important;}
.search-result-item{padding:15px 20px;cursor:pointer;display:flex;align-items:center;gap:15px;border-bottom:1px solid #f0f0f0;transition:background 0.2s;}
.search-result-item:hover{background:#f5f8fc;}
.search-result-item:last-child{border-bottom:none;}
.search-result-item i{color:#1a365d;font-size:20px;width:30px;text-align:center;flex-shrink:0;}
.search-result-item .result-text{flex:1;min-width:0;}
.search-result-item .result-title{font-weight:600;color:#222;font-size:15px;}
.search-result-item .result-sub{font-size:13px;color:#666;margin-top:3px;}
.search-result-item .result-count{background:#1a365d;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;flex-shrink:0;}
.search-no-result{padding:40px 20px;text-align:center;color:#888;}
.search-no-result i{font-size:48px;margin-bottom:15px;color:#ddd;display:block;}
@media(max-width:767px){
    .home-search-box{border-radius:15px;padding:3px 3px 3px 15px;}
    .home-search-icon{width:35px;height:35px;}
    .home-search-icon svg{width:18px;height:18px;}
    .home-search-input{padding:10px 10px;font-size:14px;}
    .home-search-input::placeholder{font-size:13px;}
    .home-search-dropdown{border-radius:12px;margin-top:8px;}
    .big-input{max-width:100% !important;}
}
</style>

<!-- Cookie Banner -->
<div class="ck-banner" id="ckBanner" role="dialog" aria-live="polite" aria-label="Çerez Bilgilendirmesi">
    <div class="ck-banner-inner">
        <div class="ck-banner-content">
            <p class="ck-banner-title">Çerez Politikası</p>
            <p class="ck-banner-text">
                Web sitemizde, hizmetlerimizi geliştirmek ve kullanıcı deneyiminizi iyileştirmek amacıyla çerezler kullanılmaktadır. Detaylı bilgi için <a href="/gizlilik-politikasi">Gizlilik Politikası</a> ve <a href="/kisisel-verilerin-korunmasi-kanunu">KVKK Aydınlatma Metni</a> sayfalarımızı inceleyebilirsiniz.
            </p>
        </div>
        <div class="ck-banner-actions">
            <button type="button" class="ck-btn ck-btn-reject" onclick="rejectAllCookies()">Reddet</button>
            <button type="button" class="ck-btn ck-btn-manage" onclick="openCookiePanel()">Ayarlar</button>
            <button type="button" class="ck-btn ck-btn-accept" onclick="acceptAllCookies()">Kabul Et</button>
        </div>
    </div>
</div>

<!-- Cookie Yönetim Paneli -->
<div class="ck-panel-overlay" id="ckPanelOverlay" onclick="closeCookiePanelOverlay(event)">
    <div class="ck-panel" role="dialog" aria-modal="true" aria-labelledby="ckPanelTitle">
        <div class="ck-panel-header">
            <h3 id="ckPanelTitle">Çerez Tercih Yönetimi</h3>
            <button type="button" class="ck-panel-close" onclick="closeCookiePanel()" aria-label="Kapat">&times;</button>
        </div>
        <div class="ck-panel-body">
            <p class="ck-panel-intro">Aşağıdaki kategorilerden tercihinize uygun olanları seçerek çerez ayarlarınızı kişiselleştirebilirsiniz. Zorunlu çerezler sitenin temel işlevleri için gereklidir ve devre dışı bırakılamaz.</p>
            <!-- Zorunlu Çerezler -->
            <div class="ck-category">
                <div class="ck-category-top">
                    <div class="ck-category-info">
                        <h5>Zorunlu Çerezler <span class="ck-badge-required">Gerekli</span></h5>
                        <p>Bu çerezler web sitesinin düzgün çalışması için gereklidir ve kapatılamaz.</p>
                    </div>
                    <label class="ck-toggle">
                        <input type="checkbox" checked disabled>
                        <span class="ck-toggle-slider"></span>
                    </label>
                </div>
            </div>
            <!-- Analitik Çerezler -->
            <div class="ck-category">
                <div class="ck-category-top">
                    <div class="ck-category-info">
                        <h5>Analitik Çerezler</h5>
                        <p>Web sitemizin nasıl kullanıldığını anlamamıza yardımcı olan çerezlerdir.</p>
                    </div>
                    <label class="ck-toggle">
                        <input type="checkbox" id="ckAnalytics" checked>
                        <span class="ck-toggle-slider"></span>
                    </label>
                </div>
            </div>
            <!-- Pazarlama Çerezleri -->
            <div class="ck-category">
                <div class="ck-category-top">
                    <div class="ck-category-info">
                        <h5>Pazarlama Çerezleri</h5>
                        <p>Size özel reklamlar göstermek için kullanılan çerezlerdir.</p>
                    </div>
                    <label class="ck-toggle">
                        <input type="checkbox" id="ckMarketing" checked>
                        <span class="ck-toggle-slider"></span>
                    </label>
                </div>
            </div>
            <!-- İşlevsel Çerezler -->
            <div class="ck-category">
                <div class="ck-category-top">
                    <div class="ck-category-info">
                        <h5>İşlevsel Çerezler</h5>
                        <p>Gelişmiş özellikler ve kişiselleştirme için kullanılan çerezlerdir.</p>
                    </div>
                    <label class="ck-toggle">
                        <input type="checkbox" id="ckFunctional" checked>
                        <span class="ck-toggle-slider"></span>
                    </label>
                </div>
            </div>
        </div>
        <div class="ck-panel-footer">
            <button type="button" class="ck-btn ck-btn-reject" onclick="rejectAllCookies()">Tümünü Reddet</button>
            <button type="button" class="ck-btn ck-btn-manage" onclick="saveSelectedCookies()">Seçimi Onayla</button>
            <button type="button" class="ck-btn ck-btn-accept" onclick="acceptAllCookies()">Tümünü Kabul Et</button>
        </div>
    </div>
</div>

<script>
!function(){localStorage.getItem("cookieConsent")||setTimeout(function(){document.getElementById("ckBanner").classList.add("show")},1500)}();

function acceptAllCookies(){
    var prefs={essential:true,analytics:true,marketing:true,functional:true};
    localStorage.setItem("cookieConsent","accepted");
    localStorage.setItem("cookiePrefs",JSON.stringify(prefs));
    document.getElementById("ckBanner").classList.remove("show");
    closeCookiePanel();
}

function rejectAllCookies(){
    var prefs={essential:true,analytics:false,marketing:false,functional:false};
    localStorage.setItem("cookieConsent","rejected");
    localStorage.setItem("cookiePrefs",JSON.stringify(prefs));
    document.getElementById("ckBanner").classList.remove("show");
    closeCookiePanel();
}

function saveSelectedCookies(){
    var prefs={
        essential:true,
        analytics:document.getElementById("ckAnalytics").checked,
        marketing:document.getElementById("ckMarketing").checked,
        functional:document.getElementById("ckFunctional").checked
    };
    localStorage.setItem("cookieConsent","custom");
    localStorage.setItem("cookiePrefs",JSON.stringify(prefs));
    document.getElementById("ckBanner").classList.remove("show");
    closeCookiePanel();
}

function openCookiePanel(){
    var saved=localStorage.getItem("cookiePrefs");
    if(saved){
        try{
            var p=JSON.parse(saved);
            document.getElementById("ckAnalytics").checked=!!p.analytics;
            document.getElementById("ckMarketing").checked=!!p.marketing;
            document.getElementById("ckFunctional").checked=!!p.functional;
        }catch(e){}
    }
    document.getElementById("ckPanelOverlay").classList.add("show");
}

function closeCookiePanel(){document.getElementById("ckPanelOverlay").classList.remove("show")}
function closeCookiePanelOverlay(e){if(e.target===document.getElementById("ckPanelOverlay"))closeCookiePanel()}
</script>

<script>!function(){document.addEventListener("contextmenu",function(e){return e.preventDefault(),!1}),document.addEventListener("keydown",function(e){if(e.ctrlKey&&85===e.keyCode)return e.preventDefault(),!1;if(e.ctrlKey&&83===e.keyCode)return e.preventDefault(),!1;if(123===e.keyCode)return e.preventDefault(),!1;if(e.ctrlKey&&e.shiftKey&&73===e.keyCode)return e.preventDefault(),!1;if(e.ctrlKey&&e.shiftKey&&74===e.keyCode)return e.preventDefault(),!1;if(e.ctrlKey&&e.shiftKey&&67===e.keyCode)return e.preventDefault(),!1}),document.addEventListener("dragstart",function(e){return e.preventDefault(),!1})}();</script>
<script defer src="https://cloud.umami.is/script.js" data-website-id="cac28f08-e564-4510-a3b6-8fe83a94a398"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16700783873"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-16700783873');
</script>
<!-- Event snippet for Sayfa görüntüleme conversion page
In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-16700783873/ChQmCP7r1_IbEIH6xps-',
      'event_callback': callback
  });
  return false;
}
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4HF3C8LBJT"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-4HF3C8LBJT');
</script>
<body>

<!-- Klasik Kurumsal Header — Sade ve Ferah -->
<style>
/* Geniş ekranlarda container nefes alsın */
@media (min-width: 1200px) {
    header > .container { max-width: 1280px; }
}

/* Header navbar — dengeli yükseklik */
header .navbar {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Logo sabit + sağa hafif boşluk */
header .navbar-brand {
    margin-right: 20px !important;
}

/* Desktop menü — eşit ve ferah aralık */
.header-desktop-design {
    gap: 2px !important;
}

/* Menü item — sade, klasik */
.header-desktop-design .header-items {
    margin: 0 !important;
}
.header-desktop-design .header-items > a:not(.header-cta-link):not(.header-soon-link) {
    display: inline-block;
    padding: 8px 14px;
    color: #1a1d24 !important;
    font-size: 13.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color .15s ease;
    white-space: nowrap;
}
.header-desktop-design .header-items { white-space: nowrap; }
.header-desktop-design .header-items > a:not(.header-cta-link):not(.header-soon-link) b {
    font-weight: 500;
}
.header-desktop-design .header-items > a:not(.header-cta-link):not(.header-soon-link):hover {
    color: #00357a !important;
}

/* Sağ taraf görsellerini hafifçe küçült */
header nav > div:last-child a img {
    height: 60px !important;
}

/* Hamburger Buton */
.menu-btn.header-mobile-design {
    display: none;
    background: none;
    border: none;
    font-size: 20px;
    color: #555;
    cursor: pointer;
    padding: 6px 10px;
    text-decoration: none;
    z-index: 1002;
}

/* Desktop menü */
.header-desktop-design {
    display: flex !important;
}

/* Mobil Menü Panel */
.cb-main-menu {
    position: fixed;
    top: 0;
    left: -280px;
    width: 260px;
    height: 100vh;
    background: #ffffff !important;
    z-index: 1100;
    transition: left 0.3s ease;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-shadow: 2px 0 10px rgba(0,0,0,0.08);
}
.cb-main-menu::-webkit-scrollbar {
    display: none;
}
.cb-main-menu.active {
    left: 0;
}
.cb-main-menu .cb-main-menu-left-side {
    background: #ffffff !important;
    min-height: 100vh;
    padding: 16px 20px;
}
.cb-main-menu .menu-closer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f5f5f5;
    font-size: 16px;
    color: #666;
    margin-bottom: 16px;
    float: right;
    transition: background 0.2s, color 0.2s;
}
.cb-main-menu .menu-closer:hover {
    background: #e0e0e0;
    color: #333;
}
.cb-main-menu .brand {
    margin-bottom: 16px;
    clear: both;
}
.cb-main-menu .brand img {
    max-width: 150px;
}
.cb-main-menu ul.menu {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}
.cb-main-menu ul.menu li {
    border-bottom: 1px solid #f0f0f0;
}
.cb-main-menu ul.menu li:last-child {
    border-bottom: none;
}
.cb-main-menu ul.menu li a {
    display: block;
    padding: 8px 0;
    color: #555;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
}
.cb-main-menu ul.menu li a:hover {
    color: var(--color-primary, #007bff);
}
.cb-main-menu ul.socials {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.cb-main-menu ul.socials .title {
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}
.cb-main-menu ul.socials li a {
    color: #666;
    text-decoration: none;
    transition: color 0.2s;
}
.cb-main-menu ul.socials li a:hover {
    color: #333;
}
.cb-main-menu ul.socials li a i {
    font-size: 20px !important;
}

/* Overlay */
body.cb-menu-open {
    overflow: hidden;
}
body.cb-menu-open::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1050;
}

/* Mobil Responsive */
@media (max-width: 991px) {
    .menu-btn.header-mobile-design {
        display: block !important;
    }
    .header-desktop-design {
        display: none !important;
    }
}

/* Talep Oluştur - Outline CTA (Masaüstü) */
.header-desktop-design .header-cta-item .header-cta-link {
    display: inline-block;
    padding: 8px 18px;
    background: transparent;
    color: #00357a !important;
    border: 1.5px solid #00357a;
    border-radius: 999px;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: .3px;
    line-height: 1;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.header-desktop-design .header-cta-item .header-cta-link:hover,
.header-desktop-design .header-cta-item .header-cta-link:focus {
    background: #00357a;
    color: #ffffff !important;
    border-color: #00357a;
    text-decoration: none;
}
.header-desktop-design .header-cta-item .header-cta-link b {
    font-weight: 600;
}

/* Talep Oluştur - Outline CTA (Mobil Menü) — Alıcı Bul ile aynı boyutta */
.cb-main-menu ul.menu li a.menu-cta {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 16px !important;
    background: linear-gradient(135deg, rgba(0,53,122,0.05) 0%, rgba(0,53,122,0.10) 100%) !important;
    color: #00357a !important;
    border: 1.5px solid rgba(0,53,122,0.45) !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    margin: 6px 0 !important;
    transition: background .2s ease, color .2s ease !important;
    font-family: inherit !important;
    text-decoration: none !important;
}
.cb-main-menu ul.menu li a.menu-cta:hover,
.cb-main-menu ul.menu li a.menu-cta:focus {
    background: #00357a !important;
    color: #ffffff !important;
    border-color: #00357a !important;
    text-decoration: none !important;
}

/* Hash linkleri için yumuşak kaydırma */
html { scroll-behavior: smooth; }

/* "Dairenize Müşteri Bulun" - Çok Yakında butonu (Masaüstü) */
.header-desktop-design .header-soon-item {
    position: relative;
    overflow: visible;
}
.header-desktop-design .header-soon-item .header-soon-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 8px 18px;
    background: linear-gradient(135deg, rgba(0,53,122,0.04) 0%, rgba(0,53,122,0.10) 100%);
    color: #00357a !important;
    border: 1.5px solid rgba(0,53,122,0.55);
    border-radius: 999px;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    overflow: visible;
    font-family: inherit;
    transition: background .2s ease, border-color .2s ease, transform .15s ease;
}
.header-desktop-design .header-soon-item .header-soon-link:hover,
.header-desktop-design .header-soon-item .header-soon-link:focus {
    background: linear-gradient(135deg, rgba(0,53,122,0.10) 0%, rgba(0,53,122,0.18) 100%);
    border-color: #00357a;
    outline: none;
}
.header-desktop-design .header-soon-item .header-soon-text {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.header-desktop-design .header-soon-item .header-soon-main {
    font-size: 13px;
    font-weight: 600;
    color: #00357a;
    letter-spacing: .2px;
    line-height: 1;
}
.header-desktop-design .header-soon-item .header-soon-badge {
    position: absolute;
    top: -10px;
    right: -12px;
    z-index: 5;
    background: linear-gradient(135deg, #f97316 0%, #d97706 100%);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 3px 8px;
    border-radius: 999px;
    box-shadow: 0 3px 10px rgba(249, 115, 22, .55), 0 0 0 2px #ffffff;
    animation: hsoonPulse 2s ease-in-out infinite;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
}
@keyframes hsoonPulse {
    0%, 100% { transform: scale(1); box-shadow: 0 3px 10px rgba(249,115,22,.55), 0 0 0 2px #ffffff; }
    50% { transform: scale(1.08); box-shadow: 0 4px 14px rgba(249,115,22,.75), 0 0 0 2px #ffffff; }
}

/* Mobil menü - "Dairenize Müşteri Bulun" Çok Yakında */
.cb-main-menu ul.menu li.menu-soon-item {
    border-bottom: 1px solid #f0f0f0;
}
.cb-main-menu ul.menu li.menu-soon-item .menu-soon {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    padding: 8px 16px !important;
    margin: 6px 0;
    background: linear-gradient(135deg, rgba(0,53,122,0.05) 0%, rgba(0,53,122,0.10) 100%);
    color: #00357a !important;
    border: 1.5px solid rgba(0,53,122,0.45);
    border-radius: 999px;
    cursor: pointer;
    user-select: none;
    position: relative;
    text-decoration: none;
    overflow: visible;
    font-family: inherit;
}
.cb-main-menu ul.menu li.menu-soon-item .menu-soon .menu-soon-text {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.cb-main-menu ul.menu li.menu-soon-item .menu-soon .menu-soon-text b {
    font-size: 13px;
    font-weight: 600;
    color: #00357a;
    line-height: 1;
}
.cb-main-menu ul.menu li.menu-soon-item .menu-soon .menu-soon-badge {
    background: linear-gradient(135deg, #f97316 0%, #d97706 100%);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 3px 7px;
    border-radius: 999px;
    box-shadow: 0 2px 6px rgba(249, 115, 22, .45);
    animation: hsoonPulse 2s ease-in-out infinite;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    .header-soon-badge, .menu-soon-badge { animation: none !important; }
}
</style>

<header style="background-color: white;">
    <div class="container-fluid" style="max-width:100%; padding-left:28px; padding-right:28px;">
        <nav class="navbar navbar-expand-lg px-0" style="display:flex; align-items:center; justify-content:space-between; gap:20px;">
            <a href="/" class="navbar-brand" aria-label="Anasayfa" title="Anasayfa" style="flex-shrink:0;">
                <img src="/assets/images/makrologo.png?v=2" style="max-width:210px;" alt="Makro Life Logo" width="210" height="48" decoding="async"/>
            </a>
            <div class="header-desktop-design" style="flex:1; justify-content:center; align-items:center; gap:4px;">
                        <div class="header-items">
                            <a title="Anasayfa" href="/" aria-label="Anasayfa"><b>Anasayfa</b></a>
                        </div>
                        <div class="header-items">
                            <a title="Ekibimiz" href="/danismanlar" aria-label="Ekibimiz"><b>Ekibimiz</b></a>
                        </div>
                        <div class="header-items">
                            <a title="İlanlar" href="/ilanlar" aria-label="İlanlar"><b>İlanlar</b></a>
                        </div>
                        <div class="header-items">
                            <a title="Hakkımızda" href="/hakkimizda" aria-label="Hakkımızda"><b>Hakkımızda</b></a>
                        </div>
                        <div class="header-items">
                            <a title="Konut Endeksi" href="/konut-endeksi" aria-label="Konut Endeksi"><b>Konut Endeksi</b></a>
                        </div>
                        <div class="header-items">
                            <a title="Haber/Blog" href="/haberler" aria-label="Haber/Blog"><b>Haber/Blog</b></a>
                        </div>
                        <div class="header-items">
                            <a title="İletişim" href="/iletisim" aria-label="İletişim"><b>İletişim</b></a>
                        </div>
                        <div class="header-items header-soon-item">
                            <a href="/alici-bul" title="Mülkünüze Uygun Alıcıyı Bulun" class="header-soon-link" aria-label="Mülküne Alıcı Bul">
                                <span class="header-soon-text">
                                    <b class="header-soon-main">Mülküne Alıcı Bul</b>
                                </span>
                                <span class="header-soon-badge" aria-label="Yeni">YENİ</span>
                            </a>
                        </div>
                        <div class="header-items header-cta-item">
                            <a title="Talep Oluştur" href="/#sizi-arayalim" aria-label="Talep Oluştur" class="header-cta-link"><b>Talep Oluştur</b></a>
                        </div>
                      
            </div>

            <a href="#" class="menu-btn header-mobile-design" data-toggle="main-menu" aria-label="Menü"><i class="fas fa-bars fa-fw"></i></a>

        <div style="display:flex; align-items:center; gap:0; flex-shrink:0;">
            <a href="/franchise" target="_blank" rel="noopener noreferrer" style="display:block; line-height:0;">
                <img src="/assets/images/franchise-logo.png?v=2" style="height:70px; display:block; margin-right:-18px;" decoding="async" alt="Franchise Başvurusu"/>
            </a>
            <a href="/kariyer" title="Danışman Başvurusu" aria-label="Danışman Başvurusu" style="display:block; line-height:0;">
                <img src="/assets/images/danisman.png" style="height:70px; display:block; margin-left:-18px;" decoding="async" alt="Danışman Başvurusu"/>
            </a>
        </div>
        </nav>

    </div>
</header>
<div class="cb-main-menu">
    <div class="container">
        <div class="row">
            <div class="col-md-4 cb-main-menu-left-side">
                <a href="#" data-toggle="main-menu" class="menu-closer text-decoration-none" aria-label="Kapat"><i class="fas fa-fw fa-times"></i></a>
                <a href="/" aria-label="Anasayfa">
                    <div class="brand">
                        <img src="/assets/images/makrologo.png?v=2" style="max-width:210px;" alt="Makro Life Logo" width="210" height="48" decoding="async"/>
                    </div>
                </a>

    <ul class="menu">
                <li><a href="/" aria-label="Anasayfa">Anasayfa</a></li>
                <li><a href="/danismanlar" aria-label="Ekibimiz">Ekibimiz</a></li>
                <li><a href="/ilanlar" aria-label="İlanlar">İlanlar</a></li>
                <li><a href="/hakkimizda" aria-label="Hakkımızda">Hakkımızda</a></li>
                <li><a href="/konut-endeksi" aria-label="Konut Endeksi">Konut Endeksi</a></li>
                <li><a href="/haberler" aria-label="Haber/Blog">Haber/Blog</a></li>
                <li><a href="/iletisim" aria-label="İletişim">İletişim</a></li>
                <li class="menu-soon-item"><a href="/alici-bul" class="menu-soon" aria-label="Mülküne Alıcı Bul"><span class="menu-soon-text"><b>Mülküne Alıcı Bul</b></span><span class="menu-soon-badge">YENİ</span></a></li>
                <li><a href="/#sizi-arayalim" aria-label="Talep Oluştur" class="menu-cta">Talep Oluştur</a></li>
    </ul>

                    <ul class="socials">
                        <li class="title">Sosyal Medya</li>
                            <li><a target="_blank" href="https://www.facebook.com/makrolifee" aria-label="Facebook" rel="noopener noreferrer nofollow"><i style="font-size:24px" class="fab fa-facebook fa-fw"></i></a></li>
                            <li><a target="_blank" href="https://www.instagram.com/makrolifegayrimenkul/" aria-label="Instagram" rel="noopener noreferrer nofollow"><i style="font-size:24px" class="fab fa-instagram fa-fw"></i></a></li>
                            <li><a target="_blank" href="https://twitter.com/makrolifeee" aria-label="Twitter" rel="noopener noreferrer nofollow"><i style="font-size:24px" class="fab fa-twitter fa-fw"></i></a></li>
                            <li><a target="_blank" href="https://www.youtube.com/@makrolifegayrimenkul" aria-label="Youtube" rel="noopener noreferrer nofollow"><i style="font-size:24px" class="fab fa-youtube fa-fw"></i></a></li>
                    </ul>
            </div>


        </div>
    </div>
</div>

<!-- Mobil Menü JavaScript -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    var menuPanel = document.querySelector('.cb-main-menu');
    var menuOpenBtns = document.querySelectorAll('[data-toggle="main-menu"]');

    function toggleMenu(e) {
        if (e) e.preventDefault();
        var isOpen = menuPanel.classList.contains('active');
        if (isOpen) {
            menuPanel.classList.remove('active');
            document.body.classList.remove('cb-menu-open');
        } else {
            menuPanel.classList.add('active');
            document.body.classList.add('cb-menu-open');
        }
    }

    menuOpenBtns.forEach(function(btn) {
        btn.addEventListener('click', toggleMenu);
    });

    // Overlay'a tıklayınca menüyü kapat
    document.addEventListener('click', function(e) {
        if (document.body.classList.contains('cb-menu-open') && !menuPanel.contains(e.target) && !e.target.closest('[data-toggle="main-menu"]')) {
            menuPanel.classList.remove('active');
            document.body.classList.remove('cb-menu-open');
        }
    });
});
</script>

<!-- "Alıcı Bul" Çok Yakında Modal -->
<div class="ml-soon-overlay" id="mlSoonOverlay" role="dialog" aria-modal="true" aria-labelledby="mlSoonTitle" aria-hidden="true">
    <div class="ml-soon-modal" role="document">
        <button type="button" class="ml-soon-close" onclick="mlCloseSoonModal()" aria-label="Kapat">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
        </button>
        <div class="ml-soon-icon" aria-hidden="true">
            <svg viewBox="0 0 32 32" width="34" height="34" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M4 16l4 4 6-8 4 6 4-4 6 6"></path><circle cx="8" cy="20" r="1.5" fill="currentColor" stroke="none"></circle><circle cx="14" cy="12" r="1.5" fill="currentColor" stroke="none"></circle><circle cx="18" cy="18" r="1.5" fill="currentColor" stroke="none"></circle><circle cx="22" cy="14" r="1.5" fill="currentColor" stroke="none"></circle><circle cx="28" cy="20" r="1.5" fill="currentColor" stroke="none"></circle></svg>
        </div>
        <div class="ml-soon-tag-wrap"><span class="ml-soon-tag">YENİ ÖZELLİK</span></div>
        <h3 class="ml-soon-title" id="mlSoonTitle">Çok Yakında</h3>
        <p class="ml-soon-lead">Doğru alıcıyı bulmak hiç bu kadar kolay olmamıştı.</p>
        <p class="ml-soon-text">Mülkünüzün bilgilerini sisteme tanımladığınız anda, veritabanımızdaki <b>yüz binlerce aktif alıcı profili</b> ile akıllı eşleştirme algoritmamız sayesinde anında buluşacaksınız. Profesyonel danışmanlarımız süreci sizin yerinize yönetir; siz yalnızca hayatınıza odaklanırsınız.</p>
        <ul class="ml-soon-features">
            <li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg> Akıllı alıcı eşleştirme</li>
            <li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg> Anlık bildirim ve öneri sistemi</li>
            <li><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg> Profesyonel danışman desteği</li>
        </ul>
        <button type="button" class="ml-soon-cta" onclick="mlCloseSoonModal()">Anladım</button>
    </div>
</div>
<style>
.ml-soon-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100002;display:none;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .25s ease}
.ml-soon-overlay.is-open{display:flex;opacity:1}
.ml-soon-modal{position:relative;background:#ffffff;border-radius:14px;border-top:3px solid #00357a;max-width:480px;width:100%;padding:36px 30px 28px;box-shadow:0 24px 60px rgba(0,0,0,.28);font-family:inherit;text-align:center;animation:mlSoonIn .35s cubic-bezier(.2,0,.2,1) both}
@keyframes mlSoonIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.ml-soon-close{position:absolute;top:14px;right:14px;width:32px;height:32px;background:transparent;border:1px solid #e6e9ef;border-radius:50%;color:#6b7280;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease}
.ml-soon-close:hover{background:#f4f6f9;color:#00357a;border-color:#00357a}
.ml-soon-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#f0f3f8 0%,#e0e7f0 100%);color:#00357a;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;border:1px solid rgba(0,53,122,.18)}
.ml-soon-tag-wrap{display:block;text-align:center;margin:0 0 12px}
.ml-soon-tag{display:inline-block;background:linear-gradient(135deg,#f97316 0%,#d97706 100%);color:#fff;font-size:10px;font-weight:700;letter-spacing:1.6px;padding:5px 13px;border-radius:999px;text-transform:uppercase;box-shadow:0 3px 10px rgba(249,115,22,.40);line-height:1}
.ml-soon-title{margin:0 0 8px;font-size:22px;font-weight:600;color:#00357a;letter-spacing:-.2px;text-align:center}
.ml-soon-lead{margin:0 0 14px;font-size:14px;color:#1a1d24;font-weight:500;line-height:1.5}
.ml-soon-text{margin:0 0 18px;font-size:13.5px;color:#5a6171;line-height:1.65;text-align:left}
.ml-soon-features{list-style:none;margin:0 0 22px;padding:14px 16px;background:#fafbfc;border:1px solid #eef0f4;border-radius:8px;text-align:left}
.ml-soon-features li{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13px;color:#1a1d24;font-weight:500}
.ml-soon-features li svg{color:#00357a;flex-shrink:0;background:rgba(0,53,122,.08);width:20px !important;height:20px !important;padding:3px;border-radius:50%}
.ml-soon-cta{display:inline-flex;align-items:center;justify-content:center;background:#00357a;color:#fff;border:0;border-radius:8px;padding:11px 32px;font-size:13.5px;font-weight:600;letter-spacing:.3px;cursor:pointer;font-family:inherit;transition:background .2s ease;min-width:140px}
.ml-soon-cta:hover,.ml-soon-cta:focus{background:#002356;outline:none}
@media(max-width:480px){
    .ml-soon-modal{padding:30px 22px 24px;border-radius:12px}
    .ml-soon-title{font-size:20px}
    .ml-soon-lead{font-size:13.5px}
    .ml-soon-text{font-size:13px}
    .ml-soon-features li{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){.ml-soon-modal{animation:none}}
</style>
<script>
function mlOpenSoonModal(){
    var ov=document.getElementById('mlSoonOverlay');if(!ov)return;
    ov.classList.add('is-open');
    ov.setAttribute('aria-hidden','false');
    document.body.style.overflow='hidden';
}
function mlCloseSoonModal(){
    var ov=document.getElementById('mlSoonOverlay');if(!ov)return;
    ov.classList.remove('is-open');
    ov.setAttribute('aria-hidden','true');
    document.body.style.overflow='';
}
(function(){
    var ov=document.getElementById('mlSoonOverlay');if(!ov)return;
    ov.addEventListener('click',function(e){if(e.target===ov)mlCloseSoonModal()});
    document.addEventListener('keydown',function(e){if(e.key==='Escape'&&ov.classList.contains('is-open'))mlCloseSoonModal()});
})();
</script>

<!-- Leaflet CSS -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="">

<style>
/* ============================================
   KONUT ENDEKSİ — Sade Kurumsal Hero (Hakkımızda stilinde)
   ============================================ */
.ke-hero{background:#faf8f4;padding:60px 0 70px;border-bottom:1px solid #ece6d8;color:#1a1d24}
.ke-hero .container{max-width:1200px;margin:0 auto;padding:0 20px}
.ke-bc{list-style:none;padding:0;margin:0 0 40px;display:flex;align-items:center;gap:10px;font-size:12px;color:#8a8170;letter-spacing:.3px}
.ke-bc li{display:inline-flex}
.ke-bc a{color:#8a8170;text-decoration:none;transition:color .15s ease}
.ke-bc a:hover{color:#00357a}
.ke-bc .current{color:#1a1d24;font-weight:500}
.ke-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:4px;color:#00357a;text-transform:uppercase;margin-bottom:28px;padding-bottom:8px;border-bottom:1px solid #00357a}
.ke-hero-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,4vw,44px);font-weight:400;line-height:1.18;letter-spacing:-.6px;margin:0 0 28px;color:#1a1d24}
.ke-hero-title em{font-style:italic;color:#00357a;font-weight:400}
.ke-hero-lead{font-size:16px;line-height:1.75;color:#4a4d56;margin:0 0 36px;max-width:760px;font-weight:400}
.ke-hero-meta{display:flex;gap:44px;padding-top:28px;border-top:1px solid #d8d2c2;max-width:760px;flex-wrap:wrap}
.ke-hero-meta div{display:flex;flex-direction:column}
.ke-hero-meta strong{font-size:10.5px;font-weight:600;color:#8a8170;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:5px}
.ke-hero-meta span{font-size:15px;font-weight:500;color:#1a1d24}
@media (max-width:600px){.ke-hero{padding:40px 0 50px}.ke-bc{margin-bottom:28px}.ke-hero-title{font-size:26px}.ke-hero-lead{font-size:14.5px}.ke-hero-meta{gap:24px}}

/* ============ Filtre paneli ============ */
.ke-filter-bar{background:#fff;border-bottom:1px solid #ece6d8;padding:22px 0;position:sticky;top:0;z-index:50;box-shadow:0 4px 12px -8px rgba(26,29,36,.18)}
.ke-filter-bar .container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:auto 1fr 1fr 1fr auto;gap:12px;align-items:flex-end}
@media (max-width:991px){.ke-filter-bar .container{grid-template-columns:1fr 1fr;gap:14px}}
.ke-fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.ke-fld-lbl{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#8a8170;font-weight:700}
.ke-tip-toggle{display:flex;background:#faf8f4;border:1px solid #ece6d8;border-radius:999px;padding:3px;height:42px;align-items:center}
.ke-tip-toggle a{padding:7px 18px;font-size:13px;font-weight:600;color:#5a5440;text-decoration:none;border-radius:999px;letter-spacing:.3px}
.ke-tip-toggle a.on{background:#00357a;color:#fff}
.ke-multisel{position:relative;background:#fff;border:1px solid #ece6d8;border-radius:6px;min-height:42px;cursor:pointer;padding:5px 38px 5px 10px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:13px;color:#1a1d24}
.ke-multisel::after{content:'▾';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#8a8170;font-size:12px;pointer-events:none}
.ke-multisel:hover{border-color:#c9a55a}
.ke-multisel.is-open{border-color:#00357a;box-shadow:0 0 0 3px rgba(0,53,122,.10)}
.ke-multisel .pl{color:#8a8170;font-size:13px;padding:2px}
.ke-multisel .chip{background:#00357a;color:#fff;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:5px;line-height:1.4}
.ke-multisel .chip x{cursor:pointer;font-weight:700;opacity:.7}
.ke-multisel .chip x:hover{opacity:1}
.ke-multisel-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #ece6d8;border-radius:6px;box-shadow:0 16px 36px -16px rgba(26,29,36,.30);z-index:200;display:none;max-height:320px;overflow:hidden;flex-direction:column}
.ke-multisel.is-open .ke-multisel-panel{display:flex}
.ke-multisel-panel input.search{margin:10px;padding:8px 12px;border:1px solid #ece6d8;border-radius:6px;font-size:13px;background:#faf8f4}
.ke-multisel-panel input.search:focus{outline:none;border-color:#c9a55a;background:#fff}
.ke-multisel-panel ul{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}
.ke-multisel-panel li{padding:9px 14px;font-size:13px;color:#1a1d24;cursor:pointer;display:flex;align-items:center;gap:9px;border-bottom:1px solid #f4efe2}
.ke-multisel-panel li:last-child{border-bottom:none}
.ke-multisel-panel li:hover{background:#faf8f4}
.ke-multisel-panel li input[type=checkbox]{margin:0;accent-color:#00357a}
.ke-multisel-panel li.is-checked{background:#faf8f4;color:#00357a;font-weight:600}
.ke-multisel-panel-empty{padding:18px;text-align:center;color:#8a8170;font-size:12.5px}
.ke-filter-actions{display:flex;gap:8px}
.ke-btn-apply{padding:11px 22px;background:#00357a;color:#fff;border:0;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.4px;text-transform:uppercase;font-family:inherit}
.ke-btn-apply:hover{background:#002356}
.ke-btn-clear{padding:11px 18px;background:transparent;color:#8a8170;border:1px solid #ece6d8;border-radius:6px;font-size:12.5px;font-weight:500;cursor:pointer;text-decoration:none;font-family:inherit}
.ke-btn-clear:hover{color:#a31621;border-color:#a31621;text-decoration:none}

/* ============ Body ============ */
.ke-body{background:#faf8f4;padding:38px 0 64px;color:#1a1d24}
.ke-body .container{max-width:1200px;margin:0 auto;padding:0 20px}

/* ============ Özet KPI ============ */
.ke-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:38px}
@media (max-width:991px){.ke-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ke-kpi-grid{grid-template-columns:1fr}}
.ke-kpi{background:#fff;border:1px solid #ece6d8;border-radius:6px;padding:24px 22px;position:relative;overflow:hidden;transition:.25s}
.ke-kpi:hover{transform:translateY(-2px);box-shadow:0 16px 32px -18px rgba(26,29,36,.25)}
.ke-kpi-label{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#8a8170;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.ke-kpi-label i{color:#c9a55a}
.ke-kpi-value{font-family:Georgia,serif;font-size:30px;font-weight:400;color:#1a1d24;letter-spacing:-.6px;line-height:1.05}
.ke-kpi-value small{font-size:13px;color:#8a8170;font-family:inherit;font-weight:400;margin-left:4px}
.ke-kpi-trend{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;margin-top:8px}
.ke-kpi-trend.up{background:rgba(34,139,69,.10);color:#1f7d3d}
.ke-kpi-trend.down{background:rgba(176,38,52,.10);color:#a31621}
.ke-kpi-trend.flat{background:rgba(120,120,120,.10);color:#5a5440}
.ke-kpi-sub{font-size:12px;color:#5a5440;line-height:1.5;margin-top:8px}

/* ============ Section başlık ============ */
.ke-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 18px}
.ke-sec-title{font-family:Georgia,serif;font-size:24px;font-weight:400;color:#1a1d24;margin:0 0 4px;letter-spacing:-.4px}
.ke-sec-sub{font-size:12.5px;color:#8a8170;margin:0;letter-spacing:.2px}

/* ============ Chart ============ */
.ke-chart-card{background:#fff;border:1px solid #ece6d8;border-radius:6px;padding:28px 30px;margin-bottom:38px}
.ke-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.ke-chart-legend{display:flex;gap:16px;font-size:12px;color:#5a5440}
.ke-chart-legend span{display:inline-flex;align-items:center;gap:7px}
.ke-chart-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}
.ke-chart-wrap{position:relative;height:320px}

/* ============ Harita — Sahibinden Tarzı ============ */
.ke-map-card{background:#fff;border:1px solid #ece6d8;border-radius:6px;overflow:hidden;margin-bottom:38px;position:relative}
.ke-map-head{padding:22px 28px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid #ece6d8}
.ke-map-controls{display:flex;align-items:center;gap:12px}
.ke-map-toggle{display:inline-flex;align-items:center;gap:6px;background:#faf8f4;border:1px solid #ece6d8;border-radius:999px;padding:4px}
.ke-map-toggle button{background:transparent;border:0;padding:6px 14px;font-size:12px;font-weight:600;color:#5a5440;cursor:pointer;border-radius:999px;letter-spacing:.3px;font-family:inherit}
.ke-map-toggle button.on{background:#00357a;color:#fff}
.ke-map-fs{width:36px;height:36px;border:1px solid #ece6d8;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5a5440;font-size:16px;transition:.2s}
.ke-map-fs:hover{border-color:#00357a;color:#00357a}
#keMap{height:540px;width:100%;background:#eaf0e5;position:relative;z-index:1}
.ke-map-card.is-fs{position:fixed;inset:0;border-radius:0;z-index:9999;margin:0;border:0;display:flex;flex-direction:column}
.ke-map-card.is-fs #keMap{flex:1;height:auto}

/* Legend */
.ke-map-legend-box{position:absolute;bottom:18px;left:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border:1px solid #ece6d8;border-radius:6px;padding:12px 14px;z-index:500;font-size:12px;box-shadow:0 8px 20px -8px rgba(26,29,36,.20);max-width:240px}
.ke-map-legend-title{font-family:Georgia,serif;font-size:12px;font-weight:600;color:#1a1d24;margin:0 0 8px;letter-spacing:-.1px}
.ke-map-legend-scale{display:flex;flex-direction:column;gap:4px}
.ke-map-legend-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#5a5440}
.ke-map-legend-row i{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.1)}
.ke-map-legend-grad{height:10px;background:linear-gradient(90deg,#1f7d3d 0%,#c9a55a 50%,#a31621 100%);border-radius:5px;margin:6px 0 3px;border:1px solid rgba(0,0,0,.05)}
.ke-map-legend-axis{display:flex;justify-content:space-between;font-size:10px;color:#8a8170;letter-spacing:.2px}
.ke-map-legend-note{font-size:10.5px;color:#8a8170;margin-top:8px;line-height:1.4;border-top:1px solid #ece6d8;padding-top:8px}

/* Tooltip / popup */
.ke-map-tooltip{padding:6px 2px;font-family:inherit;min-width:200px}
.ke-map-tooltip b{font-family:Georgia,serif;font-size:15px;color:#1a1d24;display:block;margin-bottom:6px}
.ke-map-tooltip .price{font-size:18px;color:#00357a;font-weight:700;font-family:Georgia,serif}
.ke-map-tooltip .price small{font-size:11px;color:#8a8170;font-weight:400;font-family:inherit;margin-left:3px}
.ke-map-tooltip .meta{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:11.5px;color:#5a5440;margin:8px 0 4px}
.ke-map-tooltip .meta b{font-family:inherit;font-size:11.5px;color:#8a8170;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin:0}
.ke-map-tooltip a.btn{display:inline-block;margin-top:8px;padding:6px 14px;background:#00357a;color:#fff;text-decoration:none;border-radius:4px;font-size:11.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}
.ke-map-tooltip a.btn:hover{background:#002356}

/* Leaflet popup customization */
.leaflet-popup-content-wrapper{border-radius:6px;box-shadow:0 16px 36px -16px rgba(26,29,36,.30);padding:6px 4px}
.leaflet-popup-content{margin:8px 12px}
.leaflet-popup-tip{background:#fff}

.ke-map-empty{padding:60px 20px;text-align:center;color:#8a8170;font-size:13.5px}

/* Hover effect for polygons */
.ke-map-poly-label{background:transparent !important;border:none !important;box-shadow:none !important;color:#fff;font-weight:700;font-size:11.5px;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 4px rgba(0,0,0,.5);pointer-events:none;text-align:center;font-family:inherit}

/* ============ Top kazanan/kaybeden ============ */
.ke-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:38px}
@media (max-width:768px){.ke-grid-2{grid-template-columns:1fr}}
.ke-rank{background:#fff;border:1px solid #ece6d8;border-radius:6px;padding:24px 26px}
.ke-rank-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ke-rank-head h3{font-family:Georgia,serif;font-size:17px;font-weight:400;color:#1a1d24;margin:0}
.ke-rank-head .badge{font-size:9.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.ke-rank-head .badge.up{background:rgba(34,139,69,.12);color:#1f7d3d}
.ke-rank-head .badge.down{background:rgba(176,38,52,.12);color:#a31621}
.ke-rank ol{list-style:none;margin:0;padding:0}
.ke-rank ol li{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #f4efe2;font-size:13.5px}
.ke-rank ol li:last-child{border-bottom:none}
.ke-rank .pos{font-family:Georgia,serif;font-size:18px;color:#c9a55a;width:24px;font-weight:600}
.ke-rank .name{flex:1;min-width:0;padding:0 12px}
.ke-rank .name strong{display:block;color:#1a1d24;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ke-rank .name span{display:block;font-size:11px;color:#8a8170;margin-top:2px}
.ke-rank .val{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
.ke-rank .val b{display:block;color:#1a1d24;font-weight:700}
.ke-rank .pct{display:block;font-size:11px;font-weight:700;margin-top:2px}
.ke-rank .pct.up{color:#1f7d3d}
.ke-rank .pct.down{color:#a31621}

/* ============ Bölge tablosu ============ */
.ke-table-card{background:#fff;border:1px solid #ece6d8;border-radius:6px;overflow:hidden;margin-bottom:38px}
.ke-table-head{padding:24px 28px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ke-table-head h3{font-family:Georgia,serif;font-size:22px;font-weight:400;color:#1a1d24;margin:0 0 4px;letter-spacing:-.3px}
.ke-table{width:100%;border-collapse:collapse}
.ke-table thead th{background:#faf8f4;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#8a8170;padding:13px 28px;text-align:left;border-top:1px solid #ece6d8;border-bottom:1px solid #ece6d8}
.ke-table thead th.num{text-align:right}
.ke-table tbody td{padding:13px 28px;border-bottom:1px solid #f4efe2;font-size:13.5px;color:#1a1d24;vertical-align:middle}
.ke-table tbody tr:hover{background:#faf8f4}
.ke-table tbody tr:last-child td{border-bottom:none}
.ke-table .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.ke-table .name a{color:#1a1d24;text-decoration:none;font-weight:500}
.ke-table .name a:hover{color:#00357a}
.ke-table .name small{display:block;color:#8a8170;font-size:11px;margin-top:2px;font-weight:400}
.ke-table .bar-wrap{display:inline-block;width:70px;height:5px;background:#f4efe2;border-radius:3px;overflow:hidden;vertical-align:middle;margin-right:8px}
.ke-table .bar-fill{display:block;height:100%;background:linear-gradient(90deg,#1f7d3d 0%,#c9a55a 60%,#a31621 100%)}

/* ============ CTA ============ */
.ke-cta{background:linear-gradient(135deg,#00357a 0%,#001e4d 100%);color:#fff;border-radius:6px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:38px}
.ke-cta h3{font-family:Georgia,serif;font-size:22px;font-weight:400;margin:0 0 4px;color:#fff;letter-spacing:-.3px}
.ke-cta p{font-size:13px;color:rgba(255,255,255,.78);margin:0;line-height:1.5}
.ke-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:#c9a55a;color:#1a1d24;font-weight:600;font-size:13px;letter-spacing:.4px;text-transform:uppercase;text-decoration:none;border-radius:999px;transition:.2s}
.ke-cta-btn:hover{background:#fff;color:#00357a;text-decoration:none}
.ke-cta-btn::after{content:'→';font-size:16px;line-height:1}

/* ============ Metodoloji ============ */
.ke-meth{background:#fff;border:1px solid #ece6d8;border-radius:6px;padding:30px 32px}
.ke-meth h3{font-family:Georgia,serif;font-size:20px;font-weight:400;color:#1a1d24;margin:0 0 12px;letter-spacing:-.3px}
.ke-meth p{font-size:13.5px;line-height:1.7;color:#5a5440;margin:0 0 12px}
.ke-meth ul{padding-left:20px;margin:8px 0;font-size:13px;color:#5a5440;line-height:1.7}
.ke-meth li{margin:4px 0}
.ke-meth .note{font-size:11.5px;color:#8a8170;border-left:3px solid #c9a55a;padding:8px 14px;background:#faf8f4;margin-top:12px;font-style:italic}

.ke-empty{padding:40px 30px;text-align:center;color:#8a8170;font-size:13.5px}
.ke-empty b{color:#1a1d24;display:block;margin-bottom:6px;font-size:15px}
</style>

<!-- HERO — Sade, Hakkımızda stilinde -->
<section class="ke-hero">
  <div class="container">
    <nav aria-label="breadcrumb">
      <ol class="ke-bc">
        <li><a href="/">Anasayfa</a></li>
        <li><span aria-hidden="true">—</span></li>
        <li class="current" aria-current="page">Konut Endeksi</li>
      </ol>
    </nav>
    <span class="ke-eyebrow">Kurumsal · Konut Endeksi</span>
    <h1 class="ke-hero-title">
      Diyarbakır konut piyasası,<br>
      <em>Mayıs 2026</em> dönemi.
    </h1>
    <p class="ke-hero-lead">
      Birden fazla il, ilçe ve mahalle seçerek bölgelerin ağırlıklı m² ortalamasını karşılaştırın,
      interaktif harita üzerinde fiyat dağılımını inceleyin. Aktif ve pasif ilanlar dahil
      1.524'i aşkın gerçek emlak verisinden hesaplanan bağımsız piyasa endeksi.
    </p>
    <div class="ke-hero-meta">
      <div><strong>İlan Analizi</strong><span>1.524</span></div>
      <div><strong>Dönem</strong><span>Mayıs 2026</span></div>
      <div><strong>Son Güncelleme</strong><span>10.06.2026</span></div>
    </div>
  </div>
</section>

<!-- FİLTRE BAR — Çoklu Seçim -->
<form class="ke-filter-bar" method="get" action="" id="keFilterForm">
  <div class="container">
    <div class="ke-fld">
      <span class="ke-fld-lbl">Tip</span>
      <div class="ke-tip-toggle">
        <a class="on" href="?tip=satilik">Satılık</a>
        <a class="" href="?tip=kiralik">Kiralık</a>
      </div>
    </div>
    <div class="ke-fld">
      <span class="ke-fld-lbl">Şehir</span>
      <div class="ke-multisel" data-name="il" data-placeholder="Tüm Şehirler">
        <div class="ke-multisel-chips"></div>
        <div class="ke-multisel-panel">
          <input type="text" class="search" placeholder="Şehir ara…" autocomplete="off">
          <ul>
                          <li data-value="Batman" class="">
                <input type="checkbox" name="il[]" value="Batman" >
                <span>Batman</span>
              </li>
                          <li data-value="Denizli" class="">
                <input type="checkbox" name="il[]" value="Denizli" >
                <span>Denizli</span>
              </li>
                          <li data-value="Diyarbakır" class="is-checked">
                <input type="checkbox" name="il[]" value="Diyarbakır" checked>
                <span>Diyarbakır</span>
              </li>
                          <li data-value="İstanbul" class="">
                <input type="checkbox" name="il[]" value="İstanbul" >
                <span>İstanbul</span>
              </li>
                          <li data-value="İzmir" class="">
                <input type="checkbox" name="il[]" value="İzmir" >
                <span>İzmir</span>
              </li>
                          <li data-value="Mardin" class="">
                <input type="checkbox" name="il[]" value="Mardin" >
                <span>Mardin</span>
              </li>
                          <li data-value="Mersin" class="">
                <input type="checkbox" name="il[]" value="Mersin" >
                <span>Mersin</span>
              </li>
                          <li data-value="Muğla" class="">
                <input type="checkbox" name="il[]" value="Muğla" >
                <span>Muğla</span>
              </li>
                      </ul>
        </div>
      </div>
    </div>
    <div class="ke-fld">
      <span class="ke-fld-lbl">İlçe</span>
      <div class="ke-multisel" data-name="ilce" data-placeholder="Tüm İlçeler">
        <div class="ke-multisel-chips"></div>
        <div class="ke-multisel-panel">
          <input type="text" class="search" placeholder="İlçe ara…" autocomplete="off">
          <ul>
                          <li data-value="Bağlar" class="">
                <input type="checkbox" name="ilce[]" value="Bağlar" >
                <span>Bağlar</span>
              </li>
                          <li data-value="Bismil" class="">
                <input type="checkbox" name="ilce[]" value="Bismil" >
                <span>Bismil</span>
              </li>
                          <li data-value="Çınar" class="">
                <input type="checkbox" name="ilce[]" value="Çınar" >
                <span>Çınar</span>
              </li>
                          <li data-value="Eğil" class="">
                <input type="checkbox" name="ilce[]" value="Eğil" >
                <span>Eğil</span>
              </li>
                          <li data-value="Ergani" class="">
                <input type="checkbox" name="ilce[]" value="Ergani" >
                <span>Ergani</span>
              </li>
                          <li data-value="Kayapınar" class="">
                <input type="checkbox" name="ilce[]" value="Kayapınar" >
                <span>Kayapınar</span>
              </li>
                          <li data-value="Silvan" class="">
                <input type="checkbox" name="ilce[]" value="Silvan" >
                <span>Silvan</span>
              </li>
                          <li data-value="Sur" class="">
                <input type="checkbox" name="ilce[]" value="Sur" >
                <span>Sur</span>
              </li>
                          <li data-value="Yenişehir" class="">
                <input type="checkbox" name="ilce[]" value="Yenişehir" >
                <span>Yenişehir</span>
              </li>
                      </ul>
        </div>
      </div>
    </div>
    <div class="ke-fld">
      <span class="ke-fld-lbl">Mahalle</span>
      <div class="ke-multisel" data-name="mahalle" data-placeholder="Önce ilçe seçin">
        <div class="ke-multisel-chips"></div>
        <div class="ke-multisel-panel">
          <input type="text" class="search" placeholder="Mahalle ara…" autocomplete="off">
          <ul>
                          <div class="ke-multisel-panel-empty">Önce ilçe seçin</div>
                      </ul>
        </div>
      </div>
    </div>
    <input type="hidden" name="tip" value="satilik">
    <div class="ke-fld">
      <span class="ke-fld-lbl">&nbsp;</span>
      <div class="ke-filter-actions">
        <button type="submit" class="ke-btn-apply">Uygula</button>
        <a href="/konut-endeksi" class="ke-btn-clear">Temizle</a>
      </div>
    </div>
  </div>
</form>

<section class="ke-body">
  <div class="container">

    
    <!-- KPI -->
    <div class="ke-kpi-grid">
      <div class="ke-kpi">
        <div class="ke-kpi-label"><i class="fas fa-chart-line"></i> Ağırlıklı Medyan m²</div>
        <div class="ke-kpi-value">34.027 <small>₺/m²</small></div>
                  <span class="ke-kpi-trend up">
            ▲ 4,9% bu ay
          </span>
                <div class="ke-kpi-sub">Önceki dönem: <b>32.426 ₺/m²</b></div>
      </div>
      <div class="ke-kpi">
        <div class="ke-kpi-label"><i class="fas fa-coins"></i> Ağırlıklı Ortalama m²</div>
        <div class="ke-kpi-value">35.409 <small>₺/m²</small></div>
        <div class="ke-kpi-sub">Aralık: 25 – 303.030 ₺/m²</div>
      </div>
      <div class="ke-kpi">
        <div class="ke-kpi-label"><i class="fas fa-home"></i> Ağırlıklı Medyan İlan</div>
        <div class="ke-kpi-value">4.400.000 <small>₺</small></div>
        <div class="ke-kpi-sub"><b>340</b> Satılık ilan / 1 bölge</div>
      </div>
      <div class="ke-kpi">
        <div class="ke-kpi-label"><i class="fas fa-exchange-alt"></i> Kiralık Karşılaştırma</div>
        <div class="ke-kpi-value">205 <small>₺/m²</small></div>
        <div class="ke-kpi-sub">
                      Oran: <b>165,8×</b>
                  </div>
      </div>
    </div>

    <!-- HARİTA — Sahibinden Tarzı, Mahalle/İlçe Poligonlu -->
    <div class="ke-map-card" id="keMapCard">
      <div class="ke-map-head">
        <div>
          <h3 class="ke-sec-title">İnteraktif Konut Fiyat Haritası</h3>
          <p class="ke-sec-sub">Her bölge medyan m² fiyatına göre renklendirildi · Üzerine gel detay gör, tıkla bölgeye git</p>
        </div>
        <div class="ke-map-controls">
          <div class="ke-map-toggle" role="tablist" aria-label="Harita seviyesi">
            <button type="button" data-level="ilce" class="on">İlçe</button>
            <button type="button" data-level="mahalle" class="">Mahalle</button>
          </div>
          <button type="button" class="ke-map-fs" id="keMapFs" title="Tam ekran" aria-label="Tam ekran">⛶</button>
        </div>
      </div>
              <div id="keMap" aria-label="Konut endeksi haritası">
          <div class="ke-map-legend-box">
            <div class="ke-map-legend-title">Medyan ₺/m²</div>
            <div class="ke-map-legend-grad"></div>
            <div class="ke-map-legend-axis"><span id="keLegMin">—</span><span id="keLegMax">—</span></div>
            <div class="ke-map-legend-note">Renk = m² fiyat · Opaklık = ilan yoğunluğu</div>
          </div>
        </div>
          </div>

    <!-- TREND CHART -->
    <div class="ke-chart-card">
      <div class="ke-chart-head">
        <div>
          <h2 class="ke-sec-title">Aylık m² Fiyat Trendi</h2>
          <p class="ke-sec-sub">Seçilen bölgelerin ağırlıklı medyan değerleri · son 12 ay</p>
        </div>
        <div class="ke-chart-legend">
          <span><i style="background:#00357a"></i> Satılık (₺/m²)</span>
          <span><i style="background:#c9a55a"></i> Kiralık (₺/m²)</span>
        </div>
      </div>
      <div class="ke-chart-wrap"><canvas id="keChart"></canvas></div>
    </div>

    <!-- Top Kazanan / Kaybeden -->
        <div class="ke-grid-2">
      <div class="ke-rank">
        <div class="ke-rank-head">
          <h3>En Çok Değer Kazanan Bölgeler</h3>
          <span class="badge up">▲ Bu Ay</span>
        </div>
                <ol>
                      <li>
              <span class="pos">1</span>
              <span class="name">
                <strong>Kayapınar</strong>
                <span>Diyarbakır · 132 ilan</span>
              </span>
              <span class="val"><b>35.340 ₺</b><span class="pct up">▲ 20,8%</span></span>
            </li>
                      <li>
              <span class="pos">2</span>
              <span class="name">
                <strong>Sur</strong>
                <span>Diyarbakır · 20 ilan</span>
              </span>
              <span class="val"><b>38.861 ₺</b><span class="pct up">▲ 2,6%</span></span>
            </li>
                      <li>
              <span class="pos">3</span>
              <span class="name">
                <strong>Bağlar</strong>
                <span>Diyarbakır · 94 ilan</span>
              </span>
              <span class="val"><b>31.146 ₺</b><span class="pct up">▲ -4,2%</span></span>
            </li>
                      <li>
              <span class="pos">4</span>
              <span class="name">
                <strong>Yenişehir</strong>
                <span>Diyarbakır · 90 ilan</span>
              </span>
              <span class="val"><b>34.078 ₺</b><span class="pct up">▲ -5,0%</span></span>
            </li>
                  </ol>
              </div>
      <div class="ke-rank">
        <div class="ke-rank-head">
          <h3>En Çok Değer Kaybeden Bölgeler</h3>
          <span class="badge down">▼ Bu Ay</span>
        </div>
                <ol>
                      <li>
              <span class="pos">1</span>
              <span class="name">
                <strong>Yenişehir</strong>
                <span>Diyarbakır · 90 ilan</span>
              </span>
              <span class="val"><b>34.078 ₺</b><span class="pct down">▼ 5,0%</span></span>
            </li>
                      <li>
              <span class="pos">2</span>
              <span class="name">
                <strong>Bağlar</strong>
                <span>Diyarbakır · 94 ilan</span>
              </span>
              <span class="val"><b>31.146 ₺</b><span class="pct down">▼ 4,2%</span></span>
            </li>
                      <li>
              <span class="pos">3</span>
              <span class="name">
                <strong>Sur</strong>
                <span>Diyarbakır · 20 ilan</span>
              </span>
              <span class="val"><b>38.861 ₺</b><span class="pct down">▼ 2,6%</span></span>
            </li>
                      <li>
              <span class="pos">4</span>
              <span class="name">
                <strong>Kayapınar</strong>
                <span>Diyarbakır · 132 ilan</span>
              </span>
              <span class="val"><b>35.340 ₺</b><span class="pct down">▼ 20,8%</span></span>
            </li>
                  </ol>
              </div>
    </div>
    
    <!-- BÖLGE TABLOSU -->
    <div class="ke-table-card">
      <div class="ke-table-head">
        <div>
          <h3 class="ke-sec-title">Bölge Sıralaması — Satılık</h3>
          <p class="ke-sec-sub">Medyan m² fiyatına göre · 6 ilçe</p>
        </div>
      </div>
                      <table class="ke-table">
          <thead>
            <tr>
              <th>İlçe</th>
              <th class="num">Medyan ₺/m²</th>
              <th class="num">Ortalama ₺/m²</th>
              <th class="num">Aralık</th>
              <th class="num">İlan</th>
            </tr>
          </thead>
          <tbody>
                          <tr>
                <td class="name">
                  <a href="/konut-endeksi/diyarbakir/sur">
                    Sur                    <small>Diyarbakır</small>
                  </a>
                </td>
                <td class="num">
                  <span class="bar-wrap"><span class="bar-fill" style="width:100%"></span></span>
                  38.861                </td>
                <td class="num">48.628</td>
                <td class="num">463 – 303.030</td>
                <td class="num">20</td>
              </tr>
                          <tr>
                <td class="name">
                  <a href="/konut-endeksi/diyarbakir/kayapinar">
                    Kayapınar                    <small>Diyarbakır</small>
                  </a>
                </td>
                <td class="num">
                  <span class="bar-wrap"><span class="bar-fill" style="width:90.939013322059%"></span></span>
                  35.340                </td>
                <td class="num">36.706</td>
                <td class="num">25 – 124.013</td>
                <td class="num">132</td>
              </tr>
                          <tr>
                <td class="name">
                  <a href="/konut-endeksi/diyarbakir/yenisehir">
                    Yenişehir                    <small>Diyarbakır</small>
                  </a>
                </td>
                <td class="num">
                  <span class="bar-wrap"><span class="bar-fill" style="width:87.692682993358%"></span></span>
                  34.078                </td>
                <td class="num">34.136</td>
                <td class="num">220 – 170.000</td>
                <td class="num">90</td>
              </tr>
                          <tr>
                <td class="name">
                  <a href="/konut-endeksi/diyarbakir/baglar">
                    Bağlar                    <small>Diyarbakır</small>
                  </a>
                </td>
                <td class="num">
                  <span class="bar-wrap"><span class="bar-fill" style="width:80.147762120022%"></span></span>
                  31.146                </td>
                <td class="num">32.784</td>
                <td class="num">6.750 – 101.093</td>
                <td class="num">94</td>
              </tr>
                          <tr>
                <td class="name">
                  <a href="/konut-endeksi/diyarbakir/bismil">
                    Bismil                    <small>Diyarbakır</small>
                  </a>
                </td>
                <td class="num">
                  <span class="bar-wrap"><span class="bar-fill" style="width:9.2969552336513%"></span></span>
                  3.613                </td>
                <td class="num">3.613</td>
                <td class="num">3.613 – 3.613</td>
                <td class="num">1</td>
              </tr>
                          <tr>
                <td class="name">
                  <a href="/konut-endeksi/diyarbakir/silvan">
                    Silvan                    <small>Diyarbakır</small>
                  </a>
                </td>
                <td class="num">
                  <span class="bar-wrap"><span class="bar-fill" style="width:1.3763888885315%"></span></span>
                  535                </td>
                <td class="num">535</td>
                <td class="num">535 – 535</td>
                <td class="num">1</td>
              </tr>
                      </tbody>
        </table>
          </div>

    
    <!-- CTA -->
    <div class="ke-cta">
      <div>
        <h3>Evinizin Güncel Değerini Öğrenin</h3>
        <p>Konum, oda sayısı ve m² bilgisini paylaşın; danışmanlarımız endeks verilerine dayalı ücretsiz değerleme hazırlasın.</p>
      </div>
      <a href="/iletisim" class="ke-cta-btn">Ücretsiz Değerleme Al</a>
    </div>

  </div>
</section>

<!-- JSON-LD -->
<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"Dataset",
  "name":"Makro Life Konut Endeksi — Diyarbakır Mayıs 2026",
  "description":"Mayıs 2026 Diyarbakır Satılık konut endeksi: çoklu bölge seçimi, ağırlıklı ortalama, ilçe ve mahalle bazında m² fiyatları, interaktif harita ve aylık değişim. Makro Life Konut Endeksi.",
  "url":"https://www.makrolife.com.tr/konut-endeksi",
  "temporalCoverage":"2026-05",
  "spatialCoverage":{"@type":"Place","name":"Diyarbakır"},
  "creator":{"@type":"Organization","name":"Makro Life Gayrimenkul","url":"https://www.makrolife.com.tr"}
}
</script>

<!-- Leaflet + Turf.js + Chart.js -->
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<script src="https://unpkg.com/@turf/turf@6.5.0/turf.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js" defer></script>
<script>
// ====== MULTI-SELECT DROPDOWN ======
(function(){
  function build(el){
    var name = el.dataset.name;
    var placeholder = el.dataset.placeholder || 'Seçim yok';
    var chipsEl = el.querySelector('.ke-multisel-chips');
    var panel = el.querySelector('.ke-multisel-panel');
    var lis = el.querySelectorAll('li[data-value]');
    var search = el.querySelector('input.search');

    function renderChips(){
      chipsEl.innerHTML = '';
      var checks = el.querySelectorAll('input[type=checkbox]:checked');
      if (checks.length === 0) {
        var pl = document.createElement('span');
        pl.className = 'pl'; pl.textContent = placeholder;
        chipsEl.appendChild(pl);
        return;
      }
      checks.forEach(function(c){
        var chip = document.createElement('span'); chip.className = 'chip';
        chip.innerHTML = '<span>' + c.value + '</span><x>×</x>';
        chip.querySelector('x').addEventListener('click', function(ev){
          ev.stopPropagation();
          c.checked = false;
          var li = c.closest('li'); if (li) li.classList.remove('is-checked');
          renderChips();
        });
        chipsEl.appendChild(chip);
      });
    }
    renderChips();

    el.addEventListener('click', function(e){
      if (e.target.closest('.ke-multisel-panel')) return;
      e.stopPropagation();
      // Önce diğer açık panelleri kapat
      document.querySelectorAll('.ke-multisel.is-open').forEach(function(o){ if (o !== el) o.classList.remove('is-open'); });
      el.classList.toggle('is-open');
    });
    lis.forEach(function(li){
      li.addEventListener('click', function(e){
        e.stopPropagation();
        var cb = li.querySelector('input[type=checkbox]');
        cb.checked = !cb.checked;
        li.classList.toggle('is-checked', cb.checked);
        renderChips();
      });
    });
    if (search) {
      search.addEventListener('click', function(e){ e.stopPropagation(); });
      search.addEventListener('input', function(){
        var q = search.value.toLowerCase().trim();
        lis.forEach(function(li){
          var t = li.textContent.toLowerCase();
          li.style.display = (q === '' || t.indexOf(q) !== -1) ? '' : 'none';
        });
      });
    }
  }
  document.querySelectorAll('.ke-multisel').forEach(build);
  document.addEventListener('click', function(){
    document.querySelectorAll('.ke-multisel.is-open').forEach(function(o){ o.classList.remove('is-open'); });
  });
})();

// ====== LEAFLET HARİTA — SAHİBİNDEN TARZI POLİGON ======
(function(){
  var mapEl = document.getElementById('keMap');
  if (!mapEl || typeof L === 'undefined') return;

  var dataIlce    = [{"ad":"Sur","alt":"Diyarbak\u0131r","lat":37.933851,"lng":40.284196,"med_m2":38861.11,"avg_m2":48627.58,"min_m2":462.75,"max_m2":303030.3,"ilan":20,"slug":"\/konut-endeksi\/diyarbakir\/sur"},{"ad":"Kayap\u0131nar","alt":"Diyarbak\u0131r","lat":37.943334,"lng":40.153023,"med_m2":35339.91,"avg_m2":36706.28,"min_m2":24.62,"max_m2":124013.16,"ilan":132,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar"},{"ad":"Yeni\u015fehir","alt":"Diyarbak\u0131r","lat":37.970827,"lng":40.178695,"med_m2":34078.35,"avg_m2":34135.9,"min_m2":220,"max_m2":170000,"ilan":90,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir"},{"ad":"Ba\u011flar","alt":"Diyarbak\u0131r","lat":37.917721,"lng":40.17222,"med_m2":31146.31,"avg_m2":32783.87,"min_m2":6750,"max_m2":101092.9,"ilan":94,"slug":"\/konut-endeksi\/diyarbakir\/baglar"},{"ad":"Bismil","alt":"Diyarbak\u0131r","lat":37.836163,"lng":40.6006,"med_m2":3612.9,"avg_m2":3612.9,"min_m2":3612.9,"max_m2":3612.9,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/bismil"},{"ad":"Silvan","alt":"Diyarbak\u0131r","lat":38.137442,"lng":40.947475,"med_m2":534.88,"avg_m2":534.88,"min_m2":534.88,"max_m2":534.88,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/silvan"}];
  var dataMahalle = [{"ad":"Abdaldede Mah","alt":"Sur","lat":37.9081,"lng":40.235965,"med_m2":303030.3,"avg_m2":303030.3,"min_m2":303030.3,"max_m2":303030.3,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/sur\/abdaldede-mah"},{"ad":"Fabrika Mah.","alt":"Yeni\u015fehir","lat":37.946559,"lng":40.197463,"med_m2":100909.09,"avg_m2":100909.09,"min_m2":31818.18,"max_m2":170000,"ilan":2,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/fabrika-mah"},{"ad":"Diclekent Mah.","alt":"Kayap\u0131nar","lat":37.939385,"lng":40.188716,"med_m2":57983.06,"avg_m2":57983.06,"min_m2":21029.41,"max_m2":94936.71,"ilan":2,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/diclekent-mah"},{"ad":"Mezopotamya Mah.","alt":"Kayap\u0131nar","lat":37.936701,"lng":40.150432,"med_m2":55288.46,"avg_m2":55288.46,"min_m2":43076.92,"max_m2":67500,"ilan":2,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/mezopotamya-mah"},{"ad":"Ziya G\u00f6kalp Mah","alt":"Sur","lat":37.910163,"lng":40.232999,"med_m2":50000,"avg_m2":50000,"min_m2":50000,"max_m2":50000,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/sur\/ziya-gokalp-mah"},{"ad":"D\u00f6kmeta\u015f Mah.","alt":"Yeni\u015fehir","lat":37.999935,"lng":40.122722,"med_m2":50000,"avg_m2":50000,"min_m2":50000,"max_m2":50000,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/dokmetas-mah"},{"ad":"D\u00f6n\u00fcml\u00fc Mah.","alt":"Yeni\u015fehir","lat":37.955579,"lng":40.227271,"med_m2":49892.86,"avg_m2":49892.86,"min_m2":48000,"max_m2":51785.71,"ilan":2,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/donumlu-mah"},{"ad":"Yukar\u0131k\u0131l\u0131\u00e7ta\u015f\u0131 Mah","alt":"Sur","lat":37.957691,"lng":40.264181,"med_m2":49095.02,"avg_m2":61673.65,"min_m2":42592.59,"max_m2":93333.33,"ilan":3,"slug":"\/konut-endeksi\/diyarbakir\/sur\/yukarikilictasi-mah"},{"ad":"Talaytepe Mah","alt":"Kayap\u0131nar","lat":37.963879,"lng":40.130668,"med_m2":47448.98,"avg_m2":45835.41,"min_m2":25153.85,"max_m2":66666.67,"ilan":25,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/talaytepe-mah"},{"ad":"Yi\u011fit\u00e7avu\u015f Mah.","alt":"Sur","lat":37.932726,"lng":40.285703,"med_m2":45238.1,"avg_m2":45238.1,"min_m2":45238.1,"max_m2":45238.1,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/sur\/yigitcavus-mah"},{"ad":"Dokuz\u00e7eltik Mah","alt":"Yeni\u015fehir","lat":37.963618,"lng":40.172671,"med_m2":43529.41,"avg_m2":40073.71,"min_m2":30263.16,"max_m2":46428.57,"ilan":3,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/dokuzceltik-mah"},{"ad":"\u015eeyh \u015eamil Mah","alt":"Ba\u011flar","lat":37.925495,"lng":40.194266,"med_m2":43000,"avg_m2":38490.2,"min_m2":24000,"max_m2":48470.59,"ilan":3,"slug":"\/konut-endeksi\/diyarbakir\/baglar\/seyh-samil-mah"},{"ad":"Yolalt\u0131 Mah.","alt":"Yeni\u015fehir","lat":37.951891,"lng":40.198975,"med_m2":42482.91,"avg_m2":42482.91,"min_m2":26076.92,"max_m2":58888.89,"ilan":2,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/yolalti-mah"},{"ad":"Medya Mah.","alt":"Kayap\u0131nar","lat":37.939879,"lng":40.180735,"med_m2":42400,"avg_m2":42400,"min_m2":42400,"max_m2":42400,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/medya-mah"},{"ad":"K\u00fc\u00e7\u00fckkad\u0131 Mah","alt":"Sur","lat":37.933088,"lng":40.275945,"med_m2":42307.69,"avg_m2":42307.69,"min_m2":42307.69,"max_m2":42307.69,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/sur\/kucukkadi-mah"},{"ad":"Bar\u0131\u015f Mah","alt":"Kayap\u0131nar","lat":37.921769,"lng":40.11521,"med_m2":42045.45,"avg_m2":41329.54,"min_m2":30114.29,"max_m2":48235.29,"ilan":7,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/baris-mah"},{"ad":"Medya Mah","alt":"Kayap\u0131nar","lat":37.957466,"lng":40.169154,"med_m2":41315.79,"avg_m2":46407.49,"min_m2":18705.88,"max_m2":124013.16,"ilan":14,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/medya-mah"},{"ad":"Ba\u011fc\u0131lar Mah.","alt":"Ba\u011flar","lat":37.91999,"lng":40.175865,"med_m2":38984.85,"avg_m2":36409.7,"min_m2":22375,"max_m2":45294.12,"ilan":4,"slug":"\/konut-endeksi\/diyarbakir\/baglar\/bagcilar-mah"},{"ad":"Yi\u011fit\u00e7avu\u015f Mah","alt":"Sur","lat":37.935437,"lng":40.288932,"med_m2":38200,"avg_m2":38517.22,"min_m2":29117.65,"max_m2":48750,"ilan":8,"slug":"\/konut-endeksi\/diyarbakir\/sur\/yigitcavus-mah"},{"ad":"F\u0131rat Mah","alt":"Kayap\u0131nar","lat":37.928573,"lng":40.147346,"med_m2":37000,"avg_m2":40114.6,"min_m2":24250,"max_m2":68947.37,"ilan":27,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/firat-mah"},{"ad":"D\u00f6n\u00fcml\u00fc Mah","alt":"Yeni\u015fehir","lat":37.955571,"lng":40.222406,"med_m2":36903.79,"avg_m2":36664.35,"min_m2":28928.57,"max_m2":43846.15,"ilan":8,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/donumlu-mah"},{"ad":"\u00c7\u00f6lg\u00fczeli Mah","alt":"Kayap\u0131nar","lat":37.911709,"lng":40.081469,"med_m2":36250,"avg_m2":36250,"min_m2":36250,"max_m2":36250,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/colguzeli-mah"},{"ad":"Talaytepe Mah.","alt":"Kayap\u0131nar","lat":37.969973,"lng":40.149628,"med_m2":35250,"avg_m2":35250,"min_m2":33000,"max_m2":37500,"ilan":2,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/talaytepe-mah"},{"ad":"D\u00f6kmeta\u015f Mah","alt":"Yeni\u015fehir","lat":38.01529,"lng":40.127785,"med_m2":35000,"avg_m2":37500.35,"min_m2":27500,"max_m2":51333.33,"ilan":5,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/dokmetas-mah"},{"ad":"Fabrika Mah","alt":"Yeni\u015fehir","lat":37.968375,"lng":40.175612,"med_m2":35000,"avg_m2":37459.34,"min_m2":25000,"max_m2":61666.67,"ilan":23,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/fabrika-mah"},{"ad":"\u00dc\u00e7kuyu Mah","alt":"Yeni\u015fehir","lat":37.990215,"lng":40.151182,"med_m2":34821.43,"avg_m2":36338.13,"min_m2":13030.3,"max_m2":57692.31,"ilan":21,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/uckuyu-mah"},{"ad":"F\u0131rat Mah.","alt":"Kayap\u0131nar","lat":37.930688,"lng":40.141314,"med_m2":34090.91,"avg_m2":34090.91,"min_m2":34090.91,"max_m2":34090.91,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/firat-mah"},{"ad":"Ali Pa\u015fa Mah.","alt":"Sur","lat":37.912839,"lng":40.240343,"med_m2":34054.05,"avg_m2":34054.05,"min_m2":34054.05,"max_m2":34054.05,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/sur\/ali-pasa-mah"},{"ad":"Ba\u011fc\u0131lar Mah","alt":"Ba\u011flar","lat":37.914975,"lng":40.160906,"med_m2":34000,"avg_m2":38057.54,"min_m2":21000,"max_m2":101092.9,"ilan":61,"slug":"\/konut-endeksi\/diyarbakir\/baglar\/bagcilar-mah"},{"ad":"Mezopotamya Mah","alt":"Kayap\u0131nar","lat":37.940253,"lng":40.159219,"med_m2":33684.21,"avg_m2":34693.9,"min_m2":20764.71,"max_m2":58888.89,"ilan":11,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/mezopotamya-mah"},{"ad":"G\u00fcrdo\u011fan Mah","alt":"Yeni\u015fehir","lat":37.946337,"lng":40.220314,"med_m2":33123.15,"avg_m2":33123.15,"min_m2":23142.86,"max_m2":43103.45,"ilan":2,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/gurdogan-mah"},{"ad":"Peyas Mah","alt":"Kayap\u0131nar","lat":37.936019,"lng":40.176808,"med_m2":30882.35,"avg_m2":30950.65,"min_m2":19857.14,"max_m2":49642.86,"ilan":9,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/peyas-mah"},{"ad":"Kaynartepe Mah","alt":"Ba\u011flar","lat":37.926307,"lng":40.207965,"med_m2":28735.63,"avg_m2":28735.63,"min_m2":12137.93,"max_m2":45333.33,"ilan":2,"slug":"\/konut-endeksi\/diyarbakir\/baglar\/kaynartepe-mah"},{"ad":"Aziziye Mah","alt":"Yeni\u015fehir","lat":37.949445,"lng":40.229227,"med_m2":27900,"avg_m2":29812.5,"min_m2":26250,"max_m2":37200,"ilan":4,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/aziziye-mah"},{"ad":"O\u011flakl\u0131 Mah","alt":"Ba\u011flar","lat":37.8758,"lng":39.944999,"med_m2":27619.05,"avg_m2":27619.05,"min_m2":27619.05,"max_m2":27619.05,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/baglar\/oglakli-mah"},{"ad":"Aziziye Mah.","alt":"Yeni\u015fehir","lat":37.950267,"lng":40.205984,"med_m2":26086.54,"avg_m2":26086.54,"min_m2":21923.08,"max_m2":30250,"ilan":2,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/aziziye-mah"},{"ad":"Diclekent Mah","alt":"Kayap\u0131nar","lat":37.94694,"lng":40.17423,"med_m2":24614.22,"avg_m2":26722.15,"min_m2":21000,"max_m2":46931.41,"ilan":14,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/diclekent-mah"},{"ad":"\u015eehitlik Mah","alt":"Yeni\u015fehir","lat":37.90603,"lng":40.219302,"med_m2":19166.67,"avg_m2":18776.14,"min_m2":13750,"max_m2":23411.76,"ilan":3,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/sehitlik-mah"},{"ad":"Selahattin Eyyubi Mah","alt":"Ba\u011flar","lat":37.932216,"lng":40.202904,"med_m2":17894.74,"avg_m2":25977.8,"min_m2":15666.67,"max_m2":41357.14,"ilan":5,"slug":"\/konut-endeksi\/diyarbakir\/baglar\/selahattin-eyyubi-mah"},{"ad":"Yeni\u015fehir Mah","alt":"Yeni\u015fehir","lat":37.91648,"lng":40.22419,"med_m2":16666.67,"avg_m2":16180.56,"min_m2":15000,"max_m2":16875,"ilan":3,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/yenisehir-mah"},{"ad":"Huzurevleri Mah","alt":"Kayap\u0131nar","lat":37.938172,"lng":40.197288,"med_m2":16060.61,"avg_m2":17110.37,"min_m2":24.62,"max_m2":36500,"ilan":11,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/huzurevleri-mah"},{"ad":"Yolboyu Pirin\u00e7lik Mah","alt":"Kayap\u0131nar","lat":37.902781,"lng":39.938297,"med_m2":15978.26,"avg_m2":15978.26,"min_m2":15978.26,"max_m2":15978.26,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/yolboyu-pirinclik-mah"},{"ad":"Muradiye Mah","alt":"Ba\u011flar","lat":37.917453,"lng":40.214356,"med_m2":15464.29,"avg_m2":13496.72,"min_m2":6750,"max_m2":18275.86,"ilan":3,"slug":"\/konut-endeksi\/diyarbakir\/baglar\/muradiye-mah"},{"ad":"5 Nisan Mah","alt":"Ba\u011flar","lat":37.922031,"lng":40.206545,"med_m2":14321.43,"avg_m2":17262.38,"min_m2":8800,"max_m2":35000,"ilan":10,"slug":"\/konut-endeksi\/diyarbakir\/baglar\/5-nisan-mah"},{"ad":"Mevlana Halit Mah","alt":"Ba\u011flar","lat":37.927806,"lng":40.202682,"med_m2":13802.71,"avg_m2":14833.64,"min_m2":12666.67,"max_m2":19062.5,"ilan":4,"slug":"\/konut-endeksi\/diyarbakir\/baglar\/mevlana-halit-mah"},{"ad":"Kooperatifler Mah","alt":"Yeni\u015fehir","lat":37.919723,"lng":40.21881,"med_m2":12352.56,"avg_m2":14029.73,"min_m2":9000,"max_m2":22413.79,"ilan":4,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/kooperatifler-mah"},{"ad":"Yenik\u00f6y Mah","alt":"Ba\u011flar","lat":37.92248,"lng":40.192498,"med_m2":11636.36,"avg_m2":11636.36,"min_m2":11636.36,"max_m2":11636.36,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/baglar\/yenikoy-mah"},{"ad":"Huzurevleri Mah.","alt":"Kayap\u0131nar","lat":37.937306,"lng":40.198378,"med_m2":10773.81,"avg_m2":10773.81,"min_m2":10714.29,"max_m2":10833.33,"ilan":2,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/huzurevleri-mah"},{"ad":"Dokuz\u00e7eltik Mah.","alt":"Yeni\u015fehir","lat":38.001945,"lng":40.166535,"med_m2":7000,"avg_m2":7000,"min_m2":7000,"max_m2":7000,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/dokuzceltik-mah"},{"ad":"\u00c7\u00f6lg\u00fczeli Mah.","alt":"Kayap\u0131nar","lat":37.904088,"lng":40.084836,"med_m2":5824.51,"avg_m2":5824.51,"min_m2":5824.51,"max_m2":5824.51,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/colguzeli-mah"},{"ad":"K\u00f6seli Mah","alt":"Bismil","lat":37.836163,"lng":40.6006,"med_m2":3612.9,"avg_m2":3612.9,"min_m2":3612.9,"max_m2":3612.9,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/bismil\/koseli-mah"},{"ad":"Ferit K\u00f6\u015fk Mah.","alt":"Yeni\u015fehir","lat":37.917202,"lng":40.2276,"med_m2":3043.48,"avg_m2":3043.48,"min_m2":3043.48,"max_m2":3043.48,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/ferit-kosk-mah"},{"ad":"Uyand\u0131k Mah","alt":"Kayap\u0131nar","lat":37.994837,"lng":40.02636,"med_m2":1590.91,"avg_m2":1590.91,"min_m2":1590.91,"max_m2":1590.91,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/kayapinar\/uyandik-mah"},{"ad":"Karaba\u015f Mah","alt":"Sur","lat":37.930883,"lng":40.327242,"med_m2":850.04,"avg_m2":1190.71,"min_m2":462.75,"max_m2":2600,"ilan":4,"slug":"\/konut-endeksi\/diyarbakir\/sur\/karabas-mah"},{"ad":"Yola\u00e7 Mah","alt":"Silvan","lat":38.137442,"lng":40.947475,"med_m2":534.88,"avg_m2":534.88,"min_m2":534.88,"max_m2":534.88,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/silvan\/yolac-mah"},{"ad":"Ekinciler Mah.","alt":"Yeni\u015fehir","lat":38.129768,"lng":39.978102,"med_m2":531.91,"avg_m2":531.91,"min_m2":531.91,"max_m2":531.91,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/ekinciler-mah"},{"ad":"Ekinciler Mah","alt":"Yeni\u015fehir","lat":38.128394,"lng":39.977389,"med_m2":504.55,"avg_m2":504.55,"min_m2":504.55,"max_m2":504.55,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/ekinciler-mah"},{"ad":"Tan\u0131\u015f\u0131k Mah","alt":"Yeni\u015fehir","lat":38.072724,"lng":40.237509,"med_m2":220,"avg_m2":220,"min_m2":220,"max_m2":220,"ilan":1,"slug":"\/konut-endeksi\/diyarbakir\/yenisehir\/tanisik-mah"}];
  var currentLevel = 'ilce';
  if (currentLevel === 'mahalle' && dataMahalle.length === 0) currentLevel = 'ilce';
  if (currentLevel === 'ilce' && dataIlce.length === 0) currentLevel = 'mahalle';

  // Renk paleti: yeşil → altın → kırmızı
  function interp(a,b,t){
    return 'rgb('+Math.round(a[0]+(b[0]-a[0])*t)+','+Math.round(a[1]+(b[1]-a[1])*t)+','+Math.round(a[2]+(b[2]-a[2])*t)+')';
  }
  function colorFor(v, min, max){
    if (max === min) return 'rgb(201,165,90)';
    var t = Math.max(0, Math.min(1, (v - min) / (max - min)));
    return t < 0.5
      ? interp([31,125,61], [201,165,90], t/0.5)
      : interp([201,165,90], [163,22,33], (t-0.5)/0.5);
  }

  var map = L.map('keMap', {
    zoomControl: true,
    scrollWheelZoom: true,
    attributionControl: true,
    fadeAnimation: true,
    zoomAnimation: true,
    minZoom: 6,
    maxZoom: 18
  });

  // Carto Positron — sade, alanlar parlasın
  L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png', {
    attribution: '&copy; OpenStreetMap, &copy; Carto',
    subdomains: 'abcd',
    maxZoom: 19
  }).addTo(map);

  var polyLayer = null;
  var markerLayer = null;
  var labelLayer = null;

  function buildLayer(noktalar){
    if (polyLayer) { map.removeLayer(polyLayer); polyLayer = null; }
    if (markerLayer) { map.removeLayer(markerLayer); markerLayer = null; }
    if (labelLayer) { map.removeLayer(labelLayer); labelLayer = null; }

    if (noktalar.length === 0) return;

    // Renk skalası min/max
    var minV = Math.min.apply(null, noktalar.map(function(n){return n.med_m2;}));
    var maxV = Math.max.apply(null, noktalar.map(function(n){return n.med_m2;}));
    document.getElementById('keLegMin').textContent = minV.toLocaleString('tr-TR', {maximumFractionDigits:0});
    document.getElementById('keLegMax').textContent = maxV.toLocaleString('tr-TR', {maximumFractionDigits:0});

    // Opaklık ilan sayısına göre (0.55 → 0.92)
    var maxIlan = Math.max.apply(null, noktalar.map(function(n){return n.ilan;}));
    function opacityFor(n){
      if (maxIlan <= 1) return 0.78;
      var t = Math.sqrt(n / maxIlan);
      return 0.55 + t * 0.37;
    }

    // ==== VORONOI tessellation (Turf.js) — her bölge için sınırlı poligon ====
    var voronoiOk = (typeof turf !== 'undefined' && noktalar.length >= 2);
    var bounds = L.latLngBounds(noktalar.map(function(n){return [n.lat, n.lng];}));
    if (voronoiOk) {
      try {
        var points = turf.featureCollection(noktalar.map(function(n, idx){
          return turf.point([n.lng, n.lat], { idx: idx });
        }));
        // bbox'i %25 büyüt — kenarlar nefes alsın
        var bb = turf.bbox(points);
        var pad = Math.max((bb[2]-bb[0])*0.22, (bb[3]-bb[1])*0.22, 0.05);
        var bigBox = [bb[0]-pad, bb[1]-pad, bb[2]+pad, bb[3]+pad];
        var vor = turf.voronoi(points, { bbox: bigBox });
        // turf.voronoi feature.properties bos — geri ekleyelim
        vor.features.forEach(function(f, i){ if (f) f.properties = { idx: i }; });

        polyLayer = L.geoJSON(vor, {
          style: function(feature){
            var n = noktalar[feature.properties.idx];
            return {
              fillColor: colorFor(n.med_m2, minV, maxV),
              fillOpacity: opacityFor(n.ilan),
              color: '#ffffff',
              weight: 1.4,
              opacity: 0.9
            };
          },
          onEachFeature: function(feature, layer){
            var n = noktalar[feature.properties.idx];
            layer.bindPopup(popupHtml(n), { maxWidth: 280, className: 'ke-pop' });
            layer.on({
              mouseover: function(e){
                e.target.setStyle({ weight: 3, color: '#1a1d24', fillOpacity: Math.min(0.95, opacityFor(n.ilan) + 0.10) });
                e.target.bringToFront();
              },
              mouseout: function(e){
                polyLayer.resetStyle(e.target);
              },
              click: function(e){
                map.fitBounds(e.target.getBounds(), { padding: [40, 40], maxZoom: 14 });
                e.target.openPopup(e.latlng);
              }
            });
          }
        }).addTo(map);
      } catch(err) {
        console.warn('Voronoi başarısız, dairelere düşülüyor:', err);
        voronoiOk = false;
      }
    }

    // Üzerine etiket ekle (her bölgenin merkezi)
    labelLayer = L.layerGroup().addTo(map);
    noktalar.forEach(function(n, idx){
      var label = L.divIcon({
        className: 'ke-map-poly-label',
        html: n.ad + '<br><span style="font-weight:600;font-size:10.5px;">' +
              Math.round(n.med_m2).toLocaleString('tr-TR') + ' ₺/m²</span>',
        iconSize: [120, 32],
        iconAnchor: [60, 16]
      });
      L.marker([n.lat, n.lng], { icon: label, interactive: false, keyboard: false }).addTo(labelLayer);
    });

    // Yedek: voronoi olmazsa renkli daire göster
    if (!voronoiOk) {
      markerLayer = L.layerGroup().addTo(map);
      noktalar.forEach(function(n){
        var r = 14 + Math.sqrt(Math.max(0, n.ilan) / Math.max(1, maxIlan)) * 30;
        var marker = L.circleMarker([n.lat, n.lng], {
          radius: Math.max(12, Math.min(46, r)),
          color: '#fff', weight: 2,
          fillColor: colorFor(n.med_m2, minV, maxV),
          fillOpacity: opacityFor(n.ilan)
        }).bindPopup(popupHtml(n), { maxWidth: 280, className: 'ke-pop' });
        marker.addTo(markerLayer);
      });
    }

    if (bounds.isValid()) map.fitBounds(bounds, { padding: [60, 60], maxZoom: 14 });
  }

  function popupHtml(n){
    return '<div class="ke-map-tooltip">' +
      '<b>' + n.ad + '</b>' +
      '<div class="price">' + Math.round(n.med_m2).toLocaleString('tr-TR') + ' <small>₺/m²</small></div>' +
      '<div class="meta">' +
        '<b>Bölge</b><span>' + n.alt + '</span>' +
        '<b>İlan</b><span>' + n.ilan + ' adet</span>' +
        '<b>Ortalama</b><span>' + Math.round(n.avg_m2).toLocaleString('tr-TR') + ' ₺/m²</span>' +
        (n.min_m2 && n.max_m2 ? '<b>Aralık</b><span>' + Math.round(n.min_m2).toLocaleString('tr-TR') + ' – ' + Math.round(n.max_m2).toLocaleString('tr-TR') + ' ₺/m²</span>' : '') +
      '</div>' +
      '<a href="' + n.slug + '" class="btn">Bölge Detayı →</a>' +
    '</div>';
  }

  buildLayer(currentLevel === 'mahalle' ? dataMahalle : dataIlce);

  // Toggle butonları
  document.querySelectorAll('.ke-map-toggle button[data-level]').forEach(function(btn){
    btn.addEventListener('click', function(){
      var lvl = btn.dataset.level;
      if (lvl === currentLevel) return;
      if (lvl === 'mahalle' && dataMahalle.length === 0) return;
      if (lvl === 'ilce' && dataIlce.length === 0) return;
      currentLevel = lvl;
      document.querySelectorAll('.ke-map-toggle button').forEach(function(b){ b.classList.toggle('on', b.dataset.level === lvl); });
      buildLayer(lvl === 'mahalle' ? dataMahalle : dataIlce);
    });
  });

  // Tam ekran butonu
  var fsBtn = document.getElementById('keMapFs');
  if (fsBtn) {
    var card = document.getElementById('keMapCard');
    fsBtn.addEventListener('click', function(){
      card.classList.toggle('is-fs');
      setTimeout(function(){ map.invalidateSize(); }, 100);
    });
    document.addEventListener('keydown', function(e){
      if (e.key === 'Escape' && card.classList.contains('is-fs')) {
        card.classList.remove('is-fs');
        setTimeout(function(){ map.invalidateSize(); }, 100);
      }
    });
  }
})();

// ====== CHART.JS TREND ======
window.addEventListener('load', function(){
  var ctx = document.getElementById('keChart');
  if (!ctx || typeof Chart === 'undefined') return;
  var s = [{"donem":"2025-06","med_m2":"11000.000000","ilan":"7"},{"donem":"2025-07","med_m2":"35517.240000","ilan":"7"},{"donem":"2025-08","med_m2":"9916.670000","ilan":"13"},{"donem":"2025-09","med_m2":"36111.110000","ilan":"12"},{"donem":"2025-10","med_m2":"37189.750000","ilan":"32"},{"donem":"2025-11","med_m2":"28690.480000","ilan":"38"},{"donem":"2025-12","med_m2":"33131.580000","ilan":"43"},{"donem":"2026-01","med_m2":"30729.470000","ilan":"96"},{"donem":"2026-02","med_m2":"34962.960000","ilan":"101"},{"donem":"2026-03","med_m2":"28620.690000","ilan":"271"},{"donem":"2026-04","med_m2":"32426.470000","ilan":"372"},{"donem":"2026-05","med_m2":"34027.030000","ilan":"340"}];
  var k = [{"donem":"2025-08","med_m2":"141.180000","ilan":"1"},{"donem":"2025-10","med_m2":"253.970000","ilan":"1"},{"donem":"2025-12","med_m2":"140.180000","ilan":"6"},{"donem":"2026-01","med_m2":"183.330000","ilan":"9"},{"donem":"2026-02","med_m2":"266.350000","ilan":"12"},{"donem":"2026-03","med_m2":"226.790000","ilan":"36"},{"donem":"2026-04","med_m2":"200.000000","ilan":"28"},{"donem":"2026-05","med_m2":"205.260000","ilan":"25"}];
  var aylar = {1:'Oca',2:'Şub',3:'Mar',4:'Nis',5:'May',6:'Haz',7:'Tem',8:'Ağu',9:'Eyl',10:'Eki',11:'Kas',12:'Ara'};
  function lbl(d){var p=d.split('-');return aylar[parseInt(p[1],10)]+' '+p[0].substr(2);}
  var all = {};
  s.forEach(function(r){ all[r.donem] = true; });
  k.forEach(function(r){ all[r.donem] = true; });
  var donemler = Object.keys(all).sort();
  var sm={},km={};
  s.forEach(function(r){ sm[r.donem] = parseFloat(r.med_m2); });
  k.forEach(function(r){ km[r.donem] = parseFloat(r.med_m2); });
  new Chart(ctx, {
    type:'line',
    data:{
      labels: donemler.map(lbl),
      datasets:[
        {label:'Satılık ₺/m²', data:donemler.map(function(d){return sm[d]||null}), borderColor:'#00357a', backgroundColor:'rgba(0,53,122,.08)', tension:.35, fill:true, borderWidth:2.5, pointRadius:4, pointBackgroundColor:'#00357a', pointBorderColor:'#fff', pointBorderWidth:2, spanGaps:true, yAxisID:'y'},
        {label:'Kiralık ₺/m²', data:donemler.map(function(d){return km[d]||null}), borderColor:'#c9a55a', backgroundColor:'rgba(201,165,90,.06)', tension:.35, borderWidth:2.5, pointRadius:4, pointBackgroundColor:'#c9a55a', pointBorderColor:'#fff', pointBorderWidth:2, spanGaps:true, yAxisID:'y1'}
      ]
    },
    options:{
      responsive:true, maintainAspectRatio:false,
      interaction:{mode:'index',intersect:false},
      plugins:{
        legend:{display:false},
        tooltip:{
          backgroundColor:'#1a1d24', titleColor:'#fff', bodyColor:'#fff', borderColor:'#c9a55a', borderWidth:1, padding:12,
          titleFont:{family:"Georgia, serif", size:14, weight:'400'},
          callbacks:{label:function(ctx){return ctx.dataset.label+': '+(ctx.parsed.y?ctx.parsed.y.toLocaleString('tr-TR',{maximumFractionDigits:0})+' ₺/m²':'—')}}
        }
      },
      scales:{
        y:{position:'left',ticks:{color:'#00357a',callback:function(v){return v.toLocaleString('tr-TR')+' ₺'}},grid:{color:'#ece6d8'}},
        y1:{position:'right',ticks:{color:'#c9a55a',callback:function(v){return v.toLocaleString('tr-TR')+' ₺'}},grid:{display:false}},
        x:{ticks:{color:'#8a8170'},grid:{display:false}}
      }
    }
  });
});
</script>


<footer class="bg-white">
    <div class="border-top py-5">
        <div class="container">
            <div class="row">
                <!-- Popüler İlanlar -->
                <div class="col-lg col-md-6 col-12 mb-4">
                    <ul class="list-unstyled">
                        <li class="text-primary font-weight-bold mb-2">Popüler İlanlar</li>
                                                                                <li class="mb-2">
                                <a href="/ilanlar?il=Diyarbak%C4%B1r&kategori=Sat%C4%B1l%C4%B1k+Daire" title="Diyarbakır Satılık Daire">
                                    <span>Diyarbakır Satılık Daire</span>
                                    <small class="text-muted">(480)</small>
                                </a>
                            </li>
                                                                                <li class="mb-2">
                                <a href="/ilanlar?il=Diyarbak%C4%B1r&kategori=Sat%C4%B1l%C4%B1k+%C4%B0%C5%9Fyeri" title="Diyarbakır Satılık İşyeri">
                                    <span>Diyarbakır Satılık İşyeri</span>
                                    <small class="text-muted">(51)</small>
                                </a>
                            </li>
                                                                                <li class="mb-2">
                                <a href="/ilanlar?il=Diyarbak%C4%B1r&kategori=Sat%C4%B1l%C4%B1k+Arsa" title="Diyarbakır Satılık Arsa">
                                    <span>Diyarbakır Satılık Arsa</span>
                                    <small class="text-muted">(38)</small>
                                </a>
                            </li>
                                                                                <li class="mb-2">
                                <a href="/ilanlar?il=Diyarbak%C4%B1r&kategori=Kiral%C4%B1k+Daire" title="Diyarbakır Kiralık Daire">
                                    <span>Diyarbakır Kiralık Daire</span>
                                    <small class="text-muted">(33)</small>
                                </a>
                            </li>
                                                                                <li class="mb-2">
                                <a href="/ilanlar?il=Diyarbak%C4%B1r&kategori=Sat%C4%B1l%C4%B1k+Villa" title="Diyarbakır Satılık Villa">
                                    <span>Diyarbakır Satılık Villa</span>
                                    <small class="text-muted">(28)</small>
                                </a>
                            </li>
                                            </ul>
                    <ul class="list-unstyled">
                        <li class="text-primary font-weight-bold mb-2">İlanlar</li>
                        <li class="mb-2"><a title="Satılık" href="/ilanlar?tip=satilik"><span>Satılık</span></a></li>
                        <li class="mb-2"><a title="Kiralık" href="/ilanlar?tip=kiralik"><span>Kiralık</span></a></li>
                        <li class="mb-2"><a title="Tüm İlanlar" href="/ilanlar"><span>Tüm İlanlar</span></a></li>
                    </ul>
                </div>

                <!-- Hakkımızda -->
                <div class="col-lg col-md-6 col-12 mb-4">
                    <ul class="list-unstyled">
                        <li class="text-primary font-weight-bold mb-2">Kurumsal</li>
                        <li class="mb-2"><a title="Hakkımızda" href="/hakkimizda"><span>Hakkımızda</span></a></li>
                        <li class="mb-2"><a title="Ekibimiz" href="/ekibimiz"><span>Ekibimiz</span></a></li>
                        <li class="mb-2"><a title="Gayrimenkul Almak" href="/gayrimenkul-almak"><span>Gayrimenkul Almak</span></a></li>
                        <li class="mb-2"><a title="Gayrimenkul Satmak" href="/gayrimenkul-satmak"><span>Gayrimenkul Satmak</span></a></li>
                        <li class="mb-2"><a title="Danışman Ol" href="/kariyer"><span>Danışman Ol</span></a></li>
                        <li class="mb-2"><a title="Gizlilik Politikası" href="/gizlilik-politikasi"><span>Gizlilik Politikası</span></a></li>
                    </ul>
                </div>

                <!-- Güneydoğu Bölgesi Emlak -->
                <div class="col-lg col-md-6 col-12 mb-4">
                    <ul class="list-unstyled">
                        <li class="text-primary font-weight-bold mb-2">Güneydoğu Emlak</li>
                        <li class="mb-2"><a title="Diyarbakır Emlak İlanları" href="/ilanlar?il=Diyarbak%C4%B1r"><span>Diyarbakır Emlak</span></a></li>
                        <li class="mb-2"><a title="Mardin Emlak İlanları" href="/ilanlar?il=Mardin"><span>Mardin Emlak</span></a></li>
                        <li class="mb-2"><a title="Şanlıurfa Emlak İlanları" href="/ilanlar?il=%C5%9Eanl%C4%B1urfa"><span>Şanlıurfa Emlak</span></a></li>
                        <li class="mb-2"><a title="Batman Emlak İlanları" href="/ilanlar?il=Batman"><span>Batman Emlak</span></a></li>
                        <li class="mb-2"><a title="Siirt Emlak İlanları" href="/ilanlar?il=Siirt"><span>Siirt Emlak</span></a></li>
                        <li class="mb-2"><a title="Şırnak Emlak İlanları" href="/ilanlar?il=%C5%9E%C4%B1rnak"><span>Şırnak Emlak</span></a></li>
                    </ul>
                </div>

                <!-- Diyarbakır İlçeleri -->
                <div class="col-lg col-md-6 col-12 mb-4">
                    <ul class="list-unstyled">
                        <li class="text-primary font-weight-bold mb-2">Diyarbakır İlçeleri</li>
                        <li class="mb-2"><a title="Yenişehir Satılık Kiralık" href="/ilanlar?il=Diyarbak%C4%B1r&ilce=Yeni%C5%9Fehir"><span>Yenişehir Emlak</span></a></li>
                        <li class="mb-2"><a title="Kayapınar Satılık Kiralık" href="/ilanlar?il=Diyarbak%C4%B1r&ilce=Kayap%C4%B1nar"><span>Kayapınar Emlak</span></a></li>
                        <li class="mb-2"><a title="Bağlar Satılık Kiralık" href="/ilanlar?il=Diyarbak%C4%B1r&ilce=Ba%C4%9Flar"><span>Bağlar Emlak</span></a></li>
                        <li class="mb-2"><a title="Sur Satılık Kiralık" href="/ilanlar?il=Diyarbak%C4%B1r&ilce=Sur"><span>Sur Emlak</span></a></li>
                        <li class="mb-2"><a title="Bismil Satılık Kiralık" href="/ilanlar?il=Diyarbak%C4%B1r&ilce=Bismil"><span>Bismil Emlak</span></a></li>
                        <li class="mb-2"><a title="Ergani Satılık Kiralık" href="/ilanlar?il=Diyarbak%C4%B1r&ilce=Ergani"><span>Ergani Emlak</span></a></li>
                    </ul>
                </div>

                <!-- Neden Biz -->
                <div class="col-lg col-md-6 col-12 mb-4">
                    <ul class="list-unstyled">
                        <li class="text-primary font-weight-bold mb-2"><a href="/neden-biz" title="Neden Biz">Neden Biz</a></li>
                        <li class="mb-2"><a title="Köklü Marka" href="/koklu-marka"><span>Köklü Marka</span></a></li>
                        <li class="mb-2"><a title="Deneyimli Ekip" href="/deneyimli-ekip"><span>Deneyimli Ekip</span></a></li>
                        <li class="mb-2"><a title="Güç Birlikteliği" href="/guc-birlikteligi"><span>Güç Birlikteliği</span></a></li>
                        <li class="mb-2"><a title="Hizmet Alanları" href="/hizmet-alanlari"><span>Hizmet Alanları</span></a></li>
                        <li class="mb-2"><a title="Networking" href="/networking"><span>Networking</span></a></li>
                    </ul>
                </div>

                <!-- Danışmanlar & Bize Katılın -->
                <div class="col-lg col-md-6 col-12 mb-4">
                    <ul class="list-unstyled">
                        <li class="text-primary font-weight-bold mb-2">Danışmanlar</li>
                        <li class="mb-2"><a title="Danışmanlarımız" href="/danismanlar"><span>Danışmanlarımız</span></a></li>
                    </ul>
                    <ul class="list-unstyled">
                        <li class="text-primary font-weight-bold mb-2">Bize Katılın</li>
                        <li class="mb-2"><a title="Danışman Başvurusu" href="/danisman-basvuru"><span>Danışman Ol</span></a></li>
                        <li class="mb-2"><a title="Franchise" href="/franchise"><span>Franchise</span></a></li>
                        <li class="mb-2"><a title="İletişim" href="/iletisim"><span>İletişim</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- Alt Footer -->
    <div class="border-top py-5">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col col-md-8">
                    <ul class="cb-breadcrumb-links">
                        <li><a title="KVKK" href="/kisisel-verilerin-korunmasi-kanunu">KVKK</a></li>
                    </ul>
                    <p>&copy; 2026 <a href="/" class="text-secondary">Makro Life Türkiye</a>. Tüm hakları saklıdır.</p>
                </div>
                <div class="col col-md-4 d-flex flex-column align-items-lg-end">
                    <p>Sosyal <i class="far fa-heart text-danger"></i> Medya</p>
                    <ul class="d-flex list-unstyled">
                        <li><a title="Facebook" target="_blank" href="https://www.facebook.com/MakroLifee" aria-label="Facebook" rel="noopener nofollow noreferrer"><i style="font-size:24px" class="fab fa-facebook fa-fw"></i></a></li>
                        <li><a title="Instagram" target="_blank" href="https://www.instagram.com/makrolifegayrimenkul/" aria-label="Instagram" rel="noopener nofollow noreferrer"><i style="font-size:24px" class="fab fa-instagram fa-fw"></i></a></li>
                        <li><a title="Twitter" target="_blank" href="https://twitter.com/Makrolifeee" aria-label="Twitter" rel="noopener nofollow noreferrer"><i style="font-size:24px" class="fab fa-twitter fa-fw"></i></a></li>
                        <li><a title="Youtube" target="_blank" href="https://www.youtube.com/@makrolifegayrimenkul" aria-label="Youtube" rel="noopener nofollow noreferrer"><i style="font-size:24px" class="fab fa-youtube fa-fw"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- Makro Creative İbare -->
<div style="background:#f5f5f5; padding:12px 0; text-align:center; border-top:1px solid #e0e0e0;">
    <a href="https://makrocreative.com" target="_blank" rel="noopener" style="display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:#666; font-size:12px; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">
        <img src="https://makrocreative.com/assets/img/logo/logo1.png" alt="Makro Creative" style="height:18px;">
        <span>Web yazılım hizmeti <strong style="color:#333;">Makro Creative</strong> tarafından sağlanmıştır.</span>
    </a>
</div>

<!-- Instagram Sabit Sağ-Alt Simge -->
<a href="https://www.instagram.com/makrolifegayrimenkul/" target="_blank" rel="noopener noreferrer" class="ig-fab" aria-label="Instagram'da Takip Et" title="Instagram'da Takip Et">
    <span class="ig-fab-icon" aria-hidden="true">
        <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="2.5" width="19" height="19" rx="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><circle cx="17.5" cy="6.5" r="1.1" fill="currentColor" stroke="none"></circle></svg>
    </span>
    <span class="ig-fab-label">Bizi Takip Edin</span>
</a>

<style>
.ig-fab{position:fixed;right:22px;bottom:22px;z-index:9998;display:inline-flex;align-items:center;gap:0;height:48px;padding:0 6px 0 0;background:#ffffff;color:#1a1d24;border:1px solid rgba(0,0,0,.08);border-radius:999px;text-decoration:none;box-shadow:0 6px 20px rgba(15,23,42,.10),0 2px 4px rgba(15,23,42,.06);font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.2px;overflow:hidden;max-width:48px;transition:max-width .35s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,transform .25s ease,border-color .25s ease}
.ig-fab:hover{max-width:240px;box-shadow:0 10px 28px rgba(15,23,42,.16),0 3px 6px rgba(15,23,42,.08);transform:translateY(-1px);border-color:rgba(0,0,0,.12);color:#1a1d24;text-decoration:none}
.ig-fab:focus-visible{outline:2px solid #00357a;outline-offset:3px}
.ig-fab-icon{flex:0 0 48px;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#feda75 0%,#fa7e1e 25%,#d62976 50%,#962fbf 75%,#4f5bd5 100%);color:#fff;border-radius:999px;transition:transform .35s ease}
.ig-fab:hover .ig-fab-icon{transform:rotate(-6deg) scale(1.04)}
.ig-fab-label{display:inline-block;padding:0 18px 0 12px;white-space:nowrap;line-height:48px;color:#1a1d24;opacity:0;transform:translateX(-4px);transition:opacity .25s ease .05s,transform .3s ease .05s}
.ig-fab:hover .ig-fab-label{opacity:1;transform:translateX(0)}
@media(max-width:768px){
    .ig-fab{right:14px;bottom:14px;height:44px;padding:0}
    .ig-fab-icon{flex-basis:44px;width:44px;height:44px}
    .ig-fab:hover{max-width:48px;transform:none}
    .ig-fab-label{display:none}
}
@media(prefers-reduced-motion:reduce){
    .ig-fab,.ig-fab-icon,.ig-fab-label{transition:none}
}
</style>

<!-- Resim Popup Banner Sistemi -->
<div id="imgPopupOverlay" class="img-popup-overlay" style="display:none;" onclick="closeImgPopup(event)">
    <div class="img-popup-box">
        <button class="img-popup-close" onclick="closeImgPopup(event, true)" aria-label="Kapat">&times;</button>
        <img id="imgPopupImage" src="" alt="Kampanya" class="img-popup-img">
    </div>
</div>

<style>
.img-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:99999;display:flex;align-items:center;justify-content:center;animation:popupFadeIn .3s ease}
@keyframes popupFadeIn{from{opacity:0}to{opacity:1}}
.img-popup-box{position:relative;max-width:550px;width:90%;animation:popupScaleIn .3s ease}
@keyframes popupScaleIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}
.img-popup-img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.img-popup-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;background:#fff;border:none;border-radius:50%;font-size:22px;line-height:1;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:background .2s,transform .2s;z-index:1}
.img-popup-close:hover{background:#f0f0f0;transform:scale(1.1)}
@media(max-width:576px){.img-popup-box{width:92%}.img-popup-close{top:-12px;right:-12px;width:32px;height:32px;font-size:20px}}
</style>

<script>
(function(){
    var POPUP_INTERVAL = 3 * 60 * 1000; // 3 dakika

    function loadBannerConfig(callback) {
        var xhr = new XMLHttpRequest();
        xhr.open('GET', '/banner.txt?_=' + Date.now(), true);
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4) {
                if (xhr.status === 200) {
                    var lines = xhr.responseText.trim().split('\n');
                    var config = {};
                    // Satır 1: active durumu, Satır 2: resim yolu
                    if (lines.length >= 1) {
                        var firstLine = lines[0].trim();
                        if (firstLine.indexOf('=') !== -1) {
                            config.active = firstLine.split('=')[1].trim();
                        } else {
                            config.active = firstLine;
                        }
                    }
                    if (lines.length >= 2) {
                        var secondLine = lines[1].trim();
                        if (secondLine.indexOf('=') !== -1) {
                            config.image = secondLine.split('=').slice(1).join('=').trim();
                        } else {
                            config.image = secondLine;
                        }
                    }
                    callback(config);
                }
            }
        };
        xhr.send();
    }

    function showPopup(imageSrc) {
        var img = document.getElementById('imgPopupImage');
        var overlay = document.getElementById('imgPopupOverlay');
        if (img && overlay) {
            img.src = imageSrc;
            overlay.style.display = 'flex';
            sessionStorage.setItem('popupLastShown', Date.now().toString());
        }
    }

    function shouldShowPopup() {
        var lastShown = sessionStorage.getItem('popupLastShown');
        if (!lastShown) return true;
        return (Date.now() - parseInt(lastShown)) >= POPUP_INTERVAL;
    }

    function tryShowPopup() {
        loadBannerConfig(function(config) {
            if (config.active !== '1' && config.active !== 'true') return;
            if (!config.image) return;
            showPopup(config.image);
        });
    }

    // Sayfa yüklendikten sonra çalıştır
    function init() {
        if (!shouldShowPopup()) return;
        loadBannerConfig(function(config) {
            if (config.active !== '1' && config.active !== 'true') return;
            if (!config.image) return;
            setTimeout(function(){ showPopup(config.image); }, 1500);
        });
    }

    if (document.readyState === 'complete') {
        init();
    } else {
        window.addEventListener('load', init);
    }

    // 30 saniyede bir kontrol et, 3 dakika dolduysa tekrar göster
    setInterval(function(){
        if (shouldShowPopup()) {
            tryShowPopup();
        }
    }, 30000);
})();

function closeImgPopup(e, forceClose) {
    if (forceClose || e.target === document.getElementById('imgPopupOverlay')) {
        document.getElementById('imgPopupOverlay').style.display = 'none';
    }
}
</script>

<!-- Haber Cron Auto-Trigger Pixel — her sayfa yüklemesinde arka planda haber import çalıştırır.
     Browser-level guarantee: PHP fire-and-forget başarısız olursa bile bu çalışır. -->
<img src="/api/haber-tick.php" width="1" height="1" alt="" loading="lazy"
     style="position:fixed;left:-9999px;top:-9999px;opacity:0;pointer-events:none;width:1px;height:1px"
     aria-hidden="true">


</body>
</html>