body {
    background-color: #f9f9f9; 
    margin: 0; 
    padding: 0;
}

.hero-alani {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), url('fotolar/site_icerisi_fotolar/golcuk_arkaplan_gorsel.jpg');
    background-size: cover;
    background-position: center;
    height: 85vh; 
    border-bottom-left-radius: 80px; 
    border-bottom-right-radius: 80px;
    display: flex;
    flex-direction: column;
}

.ust-menu {
    background-color: transparent; 
    padding: 30px 50px; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    font-family: Arial, sans-serif;
}

.marka-alani {
    justify-content: center;
    gap: 15px;
}

.logo-gorsel {
    height: 120px; 
    width: auto;
    margin-top: -30px; 
    margin-left: -50px; 
}

.logo-yazi {
    text-align: left; 
    color: white; 
    font-size: 30px; 
    font-weight: bold;
    letter-spacing: 2px; 
    line-height: 1.1; 
    font-family: 'Georgia', 'Times New Roman', serif; 
}

.telefon {
    font-size: 18px;
    letter-spacing: 1px;
}

.sol-menu, .marka-alani, .sag-menu {
    flex: 1; 
    display: flex;
    align-items: center;
}

.sol-menu {
    justify-content: flex-start;
    gap: 30px; 
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.sag-menu {
    justify-content: flex-end;
    gap: 30px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.hero-icerik {
    flex: 1; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 80px; 
}

.hero-baslik {
    color: white;
    font-size: 45px;
    font-family: 'Georgia', serif;
    font-weight: normal;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5); 
    margin-bottom: 60px; 
}

.arama-kutusu {
    background-color: rgba(255, 255, 255, 0.65); 
    padding: 0; 
    border-radius: 50px; 
    display: flex;
    width: 90%; 
    max-width: 1150px; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    align-items: stretch; 
}

.ozel-secim {
    flex: 1; 
    position: relative;
    display: flex;
    align-items: center;
}

/* Yeni Şık Dikey Çizgi (Sadece aralara konur, sonuncuya konmaz) */
.ozel-secim:not(:last-of-type)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 2px;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

.ozel-secim:nth-child(1) {
    flex: 2; 
}

.secili-yazi {
    padding: 20px 40px 20px 20px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23333" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 12px;
    box-sizing: border-box; 
}

.secenek-listesi {
    position: absolute;
    top: calc(100% + 10px); 
    left: 0;
    width: 100%;
    background-color: white;
    border-radius: 15px; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    list-style: none;
    margin: 0;
    padding: 10px 0;
    text-align: left; 
    max-height: 280px; 
    overflow-y: auto; 
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

.secenek-listesi.aktif {
    opacity: 1; 
    visibility: visible;
    transform: translateY(0); 
    z-index: 999; /* Açılan menüyü kesinlikle her şeyin önüne alır */
}

.secenek-listesi li {
    padding: 12px 20px;
    cursor: pointer;
    color: #333;
    font-size: 15px;
    transition: background 0.2s; 
}

.secenek-listesi li:hover {
    background-color: #f0f0f0;
}

.varsayilan-secim {
    font-weight: bold;
    color: #999 !important;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

.arama-buton {
    background-color: #cda434; 
    color: white;
    border: none;
    padding: 0 50px; 
    font-size: 16px;
    font-weight: bold;
    border-top-right-radius: 50px; 
    border-bottom-right-radius: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0; 
    cursor: pointer;
    transition: 0.3s; 
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; 
}

.arama-buton:hover {
    background-color: #b58d2a;
}

.hizmetler-alani {
    background: linear-gradient(to bottom, #f9f9f9 0%, #2c3e50 20%);
    padding: 50px 50px 50px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0; 
}

.hizmetler-baslik-alani {
    text-align: center;
    color: white;
    margin-bottom: 60px;
}

.hizmetler-baslik-alani h2 {
    font-size: 45px;
    font-family: 'Georgia', serif;
    font-weight: normal;
    margin: 0 0 10px 0;
}

.hizmetler-alt-baslik {
    font-family: 'Georgia', serif;
    font-style: italic;
    font-size: 26px;
    color: rgba(255, 255, 255, 0.4); 
}

.hizmet-kartlari {
    display: flex;
    gap: 20px; 
    width: 100%;
    max-width: 1250px; 
    justify-content: center;
    flex-wrap: wrap; 
}

.hizmet-karti {
    background-color: white;
    flex: 1; 
    padding: 50px 40px;
    border-radius: 15px; 
    text-align: center;
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    transition: transform 0.3s ease; 
}

.hizmet-karti:hover {
    transform: translateY(-15px); 
}

.kart-ikon {
    background-color: #cda434; 
    color: white;
    width: 80px;
    height: 80px;
    border-radius: 50%; 
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    margin: 0 auto 25px auto; 
    box-shadow: 0 5px 15px rgba(205, 164, 52, 0.4); 
}

.hizmet-karti h3 {
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.hizmet-karti p {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 30px;
}

.kart-link {
    text-decoration: none; 
    color: #333;
    font-weight: bold;
    font-size: 14px;
    transition: color 0.3s;
}

.kart-link:hover {
    color: #cda434;
}

.danismanlik-alani {
    background-color: #2c3e50;
    padding: 0px 50px 100px 50px; 
    display: flex;
    justify-content: center;
}

.danismanlik-kutusu {
    background-color: white;
    width: 100%;
    max-width: 900px;
    padding: 50px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.danismanlik-kutusu h2 {
    color: #cda434;
    font-size: 32px;
    margin-bottom: 20px;
}

.danisman-isimleri {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
}

.danismanlik-kutusu p {
    font-size: 16px;
    color: #555;
    line-height: 1.7;
    margin-top: 20px;
}

.footer-beyaz {
    background-color: #ffffff;
    padding: 60px 50px;
    border-top: 5px solid #800000;
}

.footer-icerik {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.footer-kutu h3 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #2c3e50;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.saat-tablosu-beyaz {
    width: 100%;
    color: #555;
    font-size: 14px;
}

.saat-tablosu-beyaz td {
    padding: 5px 0;
}

.footer-alt-beyaz {
    text-align: center;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    font-size: 12px;
    color: #888;
}

/* YUMUŞATILMIŞ GEÇİŞ KÖPRÜSÜ (Düzeltildi) */
.konum-alani {
    /* Geçişi daha geniş bir alana yayıyoruz */
    background: linear-gradient(to bottom, #2c3e50 0%, #f9f9f9 100%);
    padding: 100px 50px;
    margin-bottom: 0;
}

.konum-icerik {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    gap: 50px;
    align-items: center;
    flex-wrap: wrap;
}

.konum-yazi {
    flex: 1;
    min-width: 300px;
    background: rgba(255, 255, 255, 0.8);
    padding: 30px;
    border-radius: 20px;
}

.konum-yazi h2 {
    color: #2c3e50;
    font-size: 35px;
    margin-bottom: 20px;
}

.harita-kutusu {
    flex: 1;
    min-width: 300px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    border-radius: 20px;
    border: 8px solid white; 
    overflow: hidden;
    transition: transform 0.3s ease;
}

.harita-kutusu:hover {
    transform: scale(1.02); 
}

/* Animasyonlar (Düzeltildi) */
.hizmet-karti, .danismanlik-kutusu, .panel-item {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease-out;
}

.goster {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.istatistik-seridi {
    background-color: #800000; 
    padding: 40px 50px;
    margin: 20px 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.istatistik-kutu {
    display: flex;
    justify-content: space-around;
    max-width: 1000px;
    margin: 0 auto;
    color: white;
    text-align: center;
}

.istatistik-item h3 {
    font-size: 40px;
    color: #ffffff;
    margin: 0;
}

.istatistik-item p {
    font-size: 16px;
    margin: 5px 0 0 0;
    opacity: 0.9;
}

.hizli-erisim {
    padding: 80px 50px;
    background-color: transparent; 
    /* -100px yerine -180px yaparak paneli daha yukarı çektik */
    margin-top: -135px; 
    position: relative; 
    z-index: 2;
}

.panel-kapsayici {
    display: flex;
    justify-content: center;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.panel-item {
    background: white;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    flex: 1;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.panel-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.panel-ikon {
    font-size: 40px;
    margin-bottom: 20px;
}

.panel-link {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #2c3e50;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
}

.koyu-alan-kapsayici {
    background: transparent; 
    padding: 0;
}

.konum-alani {
    background: #2c3e50; 
    padding: 50px 50px 0 50px; 
}

.hizli-erisim {
    background: linear-gradient(to bottom, #2c3e50 0%, #f9f9f9 100%);
    padding: 80px 50px 100px 50px;
    margin-top: 0;
}

/* Mevcut animasyonlu sınıfların arasına bunları da ekle */
.hizmet-karti, .danismanlik-kutusu, .panel-item, .konum-yazi, .harita-kutusu {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease-out;
}

/* --- SARI AYRAÇ ÇİZGİSİ --- */
.ayrac-cizgisi {
    height: 3px;
    width: 80%; /* Sayfanın genişliğinin %80'i kadar uzanır */
    max-width: 1200px; /* Çok geniş ekranlarda çok dağılmaması için limit */
    background-color: #cda434;
    margin: 0 auto; /* Tam ortaya hizalar */
    border-radius: 5px;
}

.ayrac-bolumu {
    width: 100%;
    background-color: #2c3e50; /* Lacivert arka planın devam etmesi için */
    padding: 20px 0; /* Yukarıdan ve aşağıdan boşluk vererek çizginin konumunu ayarladık */
}

/* Konum alanı sadece lacivert zemin ve geçişin başlangıcı */
.konum-alani {
    background: #2c3e50; /* Tam lacivert */
    padding: 50px 50px 0 50px; 
}

/* Hızlı Erişim alanı lacivertten beyaza geçişi üstleniyor */
.hizli-erisim {
    background: linear-gradient(to bottom, #2c3e50 0%, #f9f9f9 100%);
    padding: 80px 50px 100px 50px;
    margin-top: 0;
}

.kirmizi-cizgi {
    background-color: transparent; /* Beyaz rengi kaldırdık */
    padding: 0; /* Boşlukları sıfırladık */
    border-top: 5px solid #cda434; /* Sadece çizgi kaldı */
    margin: 20px 0; /* İsterseniz çizginin altına biraz boşluk bırakmak için margin ekleyebilirsiniz */
}

/* --- FOOTER İMZA ALANI --- */
.footer-alt-beyaz p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Yazılar arasındaki boşluk */
    margin: 0;
    flex-wrap: wrap; /* Mobilde alt alta inebilmesi için */
}

.yapimci-imzasi {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #888;
}

.ei-link {
    display: flex;
    align-items: center;
    gap: 4px; /* Logo ile EI yazısı arasındaki boşluk */
    color: #2c3e50; /* Sitenin ana lacivert tonu */
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.3s ease;
}

.ei-link:hover {
    color: #cda434; /* Üzerine gelince sarı parlasın */
    transform: translateY(-2px); /* Çok hafif yukarı kalkma efekti */
}
/* --- ÜST MENÜ AÇILIR LİSTE (DROPDOWN) --- */

.acilir-menu-kapsayici {
    position: relative; /* Alt menünün bu yazıya göre konumlanmasını sağlar */
    display: inline-block;
}

.menu-baslik {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px; /* Yazı ile ok işareti arasındaki boşluk */
    transition: color 0.3s;
}

/* Menüye gelince yazı sarı olsun (İsteğe bağlı) */
.acilir-menu-kapsayici:hover .menu-baslik {
    color: #cda434; 
}

/* Alt Menü Kutusu */
.alt-menu {
    display: none; /* Başlangıçta gizli */
    position: absolute;
    top: 100%; /* "Kurumsal" yazısının hemen altından başlar */
    left: 0;
    background-color: rgba(255, 255, 255, 0.98); /* Şık, neredeyse tam opak beyaz arka plan */
    min-width: 180px; /* Kutunun genişliği */
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15); /* Modern ve yumuşak gölge */
    border-radius: 12px; /* Oval köşeler */
    padding: 10px 0;
    z-index: 100;
    margin-top: 15px; /* Yazı ile kutu arasında boşluk */
    border-top: 3px solid #cda434; /* Üstüne imza sarı çizgimizi atalım */
}

/* Görünmez bir köprü: Farenin menüden kutuya geçerken kaymamasını sağlar */
.acilir-menu-kapsayici::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 15px; /* margin-top ile aynı değer */
}

/* Fareyle üzerine gelince menüyü göster ve animasyonu tetikle */
.acilir-menu-kapsayici:hover .alt-menu {
    display: block;
    animation: asagiDogruAcilma 0.3s ease-out forwards;
}

/* Alt menü linkleri */
.alt-menu a {
    color: #2c3e50; /* Lacivert tonu */
    padding: 12px 20px;
    text-decoration: none;
    display: block;
    font-size: 15px;
    font-weight: bold;
    transition: all 0.2s ease;
}

/* Linklerin üzerine gelince */
.alt-menu a:hover {
    background-color: #f0f0f0; /* Hafif gri arka plan */
    color: #cda434; /* Yazı rengi sarı olur */
    padding-left: 25px; /* Üzerine gelince link hafif sağa kayar (Çok şık bir detaydır) */
}

/* Yumuşak açılma animasyonu */
@keyframes asagiDogruAcilma {
    0% {
        opacity: 0;
        transform: translateY(-10px); /* 10px yukarıdan başla */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* Tam yerine otur */
    }
}
/* --- ANA MENÜ LİNKLERİ STANDART GÖRÜNÜM --- */
.ana-menu-link {
    color: white; /* Rengini beyaz tutuyoruz */
    text-decoration: none; /* Altındaki o çirkin çizgiyi siliyoruz */
    transition: color 0.3s ease; /* Renk geçişi yumuşak olsun */
}

/* Üzerine gelince senin meşhur sarı rengine dönsün */
.ana-menu-link:hover {
    color: #cda434;
}

/* --- TELEFON LİNKİ GÖRÜNÜMÜ --- */
.telefon-link {
    color: white;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 1px;
    transition: color 0.3s ease;
}

.telefon-link:hover {
    color: #cda434;
}

/* =========================================
   MOBİL UYUMLULUK (RESPONSIVE DESIGN)
   Ekran 768px'den küçükse bu kurallar geçerli olur
========================================= */

@media screen and (max-width: 768px) {
    
 /* 1. Üst Menü ve Logo Sıralaması */
    .ust-menu {
        flex-direction: column;
        gap: 10px;
        padding: 20px 10px 0 10px;
    }

    /* HAYAT KURTARICI: Logoyu zorla en başa (yukarı) alıyoruz */
    .marka-alani {
        order: -1; 
        margin-bottom: 10px;
    }

    .logo-gorsel {
        margin-top: 0;
        margin-left: 0;
        height: 60px; /* Logoyu mobilde biraz daha kibarlaştırdık */
    }
    
    .logo-yazi {
        font-size: 22px;
        text-align: center;
    }

    /* Menü linklerini tekrar yan yana alıp, sığmazsa alt satıra atıyoruz */
    .sol-menu, .sag-menu {
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: center;
        gap: 15px;
        font-size: 14px; /* Mobilde yazılar çok kaba durmasın */
    }

    .telefon-link {
        font-size: 14px; /* Telefon numarası tek satıra sığsın */
    }

    /* 2. Hero Alanı (Arka plan) Esnekleşsin */
    .hero-alani {
        height: auto;
        padding-bottom: 50px;
        border-bottom-left-radius: 30px; 
        border-bottom-right-radius: 30px;
    }

    .hero-baslik {
        font-size: 26px; /* Ekranı taşırmaması için fontu kıstık */
        margin-top: 20px;
        padding: 0 10px;
    }

    /* 3. Arama Kutusu Ekrana Yayılsın */
    .arama-kutusu {
        flex-direction: column;
        width: 95%; 
        border-radius: 20px; 
        overflow: visible; /* Taşmalara izin veriyoruz */
    }

    .ozel-secim {
    border-right: none;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.ozel-secim::after {
    display: none !important; /* Mobilde dikey ayraçları gizler */
}

    .arama-buton {
        border-radius: 0 0 20px 20px; /* Sadece alt köşeleri ovalleştirir */
        padding: 15px;
        width: 100%;
        font-size: 15px;
    }

    /* 4. HAYAT KURTARAN DOKUNUŞ: Yan boşlukları daraltıyoruz */
    .hizmetler-alani, 
    .danismanlik-alani, 
    .konum-alani, 
    .hizli-erisim {
        padding-left: 15px;  /* 50px olan kenar boşlukları 15px yapıldı */
        padding-right: 15px; 
    }

    /* Kutuların iç boşluklarını da iPhone'a göre ayarladık */
    .danismanlik-kutusu,
    .panel-item,
    .konum-yazi {
        padding: 30px 15px; 
    }

    /* Kartları ve içerikleri alt alta diz */
    .hizmet-kartlari, 
    .panel-kapsayici, 
    .konum-icerik, 
    .footer-icerik {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .hizmetler-baslik-alani h2 {
        font-size: 28px;
    }

    /* 5. Footer Ortalama Ayarı */
    .footer-beyaz {
        padding: 40px 15px 20px 15px; /* Yan boşlukları daralttık */
    }
    
    .saat-tablosu-beyaz {
        margin: 0 auto; 
    }
}
/* =========================================
   DEĞERLEME SAYFASI TASARIMI
========================================= */

.degerleme-sayfasi {
    padding: 80px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.degerleme-baslik {
    text-align: center;
    margin-bottom: 40px;
    max-width: 700px;
}

.degerleme-baslik h1 {
    color: #2c3e50;
    font-size: 36px;
    font-family: 'Georgia', serif;
    margin-bottom: 15px;
}

.degerleme-baslik p {
    color: #666;
    font-size: 16px;
    line-height: 1.6;
}

.form-kutusu {
    background-color: white;
    width: 100%;
    max-width: 800px;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

.form-satir {
    display: flex;
    gap: 30px;
    margin-bottom: 25px;
}

.form-eleman {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.form-eleman label {
    font-size: 14px;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 8px;
}

/* Kutuların hepsini eşit boyutta ve modern yapmak için */
.degerleme-input {
    width: 100%;
    height: 50px; /* Hepsinin boyunu 50 piksele eşitliyoruz */
    box-sizing: border-box; /* Yüksekliğin taşmasını engeller */
    padding: 0 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 15px;
    color: #333;
    outline: none;
    transition: all 0.3s;
    background-color: #fafafa;
    font-family: Arial, sans-serif;
    
    /* Safari, Chrome vb. tarayıcıların eski tip tasarımlarını tamamen SIFIRLAR */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Sadece açılır menülere (select) özel modern "ok" işareti ekliyoruz */
select.degerleme-input {
    /* Özel bir SVG ok çizimi ekliyoruz */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 15px;
    padding-right: 40px; /* Yazı oka değmesin diye içeriden boşluk bırakıyoruz */
}

.degerleme-input:focus {
    border-color: #cda434;
    background-color: white;
    box-shadow: 0 0 5px rgba(205, 164, 52, 0.2); /* Üzerine tıklanınca şık bir sarı gölge atar */
}

.degerleme-buton {
    background-color: #2c3e50;
    color: white;
    border: none;
    padding: 18px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 20px;
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

.degerleme-buton:hover {
    background-color: #cda434; /* Üzerine gelince sarı olsun */
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(205, 164, 52, 0.3);
}

/* Değerleme Sayfası Mobil Uyumluluk */
@media screen and (max-width: 768px) {
    .form-satir {
        flex-direction: column;
        gap: 20px;
    }
    
    .form-kutusu {
        padding: 30px 20px;
    }
    
    .degerleme-baslik h1 {
        font-size: 28px;
    }
}

/* =========================================
   HESAPLAMA SONUCU VE ANİMASYONLAR
========================================= */

.sonuc-kutusu {
    margin-top: 30px;
    padding: 30px;
    border: 2px dashed #cda434;
    border-radius: 15px;
    background-color: #fff9e6; /* Çok uçuk şık bir sarı arka plan */
    text-align: center;
    transition: all 0.5s ease;
}

/* Yanıp sönen yükleniyor animasyonu */
.yukleniyor-yazisi {
    font-size: 18px;
    font-weight: bold;
    color: #2c3e50;
    animation: yanipSonme 1.5s infinite;
}

@keyframes yanipSonme {
    0% { opacity: 0.4; }
    50% { opacity: 1; }
    100% { opacity: 0.4; }
}

/* =========================================
   ÖZEL MODERN AÇILIR MENÜ (CUSTOM DROPDOWN)
========================================= */

.ozel-secici {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 15px;
    color: #333;
    background-color: #fafafa;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    user-select: none; /* Metnin yanlışlıkla seçilmesini önler */
    transition: all 0.3s;
}

.ozel-secici:hover {
    border-color: #cda434;
    background-color: white;
}

.ok-isareti {
    font-size: 12px;
    color: #888;
}

.ozel-liste div {
    padding: 12px 15px;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f9f9f9;
}

.ozel-liste div:last-child {
    border-bottom: none;
}

.ozel-liste div:hover {
    background-color: #fff9e6; /* Üzerine gelince tatlı sarı arka plan */
    color: #cda434;
    padding-left: 20px; /* Yazı şık bir şekilde hafif sağa kaysın */
}
/* =========================================
   SAYFA AÇILIŞ VE SONUÇ ANİMASYONLARI
========================================= */

/* Sayfa açıldığında form elemanları aşağıdan yukarı süzülsün */
.form-eleman {
    opacity: 0;
    transform: translateY(20px);
    animation: yukariCik 0.8s ease forwards;
}

/* Kutulara sırayla gelme efekti (0.1, 0.3, 0.5 saniye gibi) */
.form-satir:nth-child(1) .form-eleman:nth-child(1) { animation-delay: 0.1s; }
.form-satir:nth-child(1) .form-eleman:nth-child(2) { animation-delay: 0.3s; }
.form-satir:nth-child(2) .form-eleman:nth-child(1) { animation-delay: 0.5s; }
.form-satir:nth-child(2) .form-eleman:nth-child(2) { animation-delay: 0.7s; }

/* Buton en son gelsin */
.degerleme-sayfasi .degerleme-buton {
    opacity: 0;
    animation: yukariCik 0.8s ease forwards;
    animation-delay: 0.9s;
}

@keyframes yukariCik {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Değer hesaplandığında sonucun tatlıca büyümesi ve belirmesi */
.sonuc-icerik {
    opacity: 0;
    transform: scale(0.90);
    animation: sonucBelir 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; /* Hafif esnek bir çıkış */
}

@keyframes sonucBelir {
    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* =========================================
   AÇILIR MENÜ KATMAN (Z-INDEX) DÜZELTMESİ
========================================= */

/* 1. Satır (Mahalle) daima en üst katmanda dursun */
.form-satir:nth-child(1) {
    position: relative;
    z-index: 50;
}

/* 2. Satır (Metrekare) onun altında kalsın */
.form-satir:nth-child(2) {
    position: relative;
    z-index: 40;
}
.degerleme-butonu-mini {
    background-color: transparent !important; /* Arka planı tamamen şeffaf yapıyoruz */
    color: white !important;
    padding: 0;
    border: none;
    font-size: 16px;
    text-decoration: none;
    margin-right: 20px;
    font-weight: 400;
}

.degerleme-butonu-mini:hover {
    color: #cda434 !important; /* Sadece üzerine gelince sararsın */
    transform: none;
}

/* Logonun tam ortalanması için CSS (Header esnek olduğu sürece bunu otomatik yapar) */
.ust-menu {
    display: flex;
    justify-content: space-between; /* Menüleri iki yana yaslar, ortadaki logoyu merkeze iter */
    align-items: center;
    padding: 10px 5%;
}

.sol-menu, .sag-menu {
    display: flex;
    align-items: center;
    flex: 1; /* Sol ve sağın eşit yer kaplamasını sağlar */
}

.sag-menu {
    justify-content: flex-end; /* Sağdaki elemanları sağa yaslar */
}

.ust-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5%;
}

.sol-menu, .sag-menu {
    display: flex;
    align-items: center;
    flex: 1; /* Eşit alan kaplar */
    gap: 30px; /* Elemanlar arası boşluk */
}

.sol-menu { justify-content: flex-start; }
.sag-menu { justify-content: flex-end; }

.marka-alani {
    display: flex;
    justify-content: center;
    flex: 0 0 auto; /* Logoyu sıkıştırmaz, olduğu gibi bırakır */
}

.alt-menu {
    min-width: 180px; /* Menü genişliğini biraz artırdık */
    padding: 10px 0;
}

.alt-menu a {
    padding: 10px 20px;
    display: block;
    color: #333;
    text-decoration: none;
    transition: background 0.2s;
}

.alt-menu a:hover {
    background-color: #f4f4f4;
    color: #cda434; /* Üzerine gelince senin o şık sarı rengin */
}
.hizmet-detay-kart {
    background: white;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    max-width: 800px;
    margin: 0 auto;
}

.detay-listesi li {
    margin-bottom: 20px;
    line-height: 1.6;
    color: #444;
}

/* Header'ın beyaz arka planda kaybolmaması için (eğer gerekirse) */
.ust-menu {
    background: #2c3e50; /* Ana sayfadaki gibi koyu renk */
}
/* Telefonlar için (768px'den küçük ekranlar) */
@media (max-width: 768px) {
    /* Menüleri alt alta diz */
    .ust-menu {
        flex-direction: column;
        padding: 10px;
    }
    
    /* İçerik kartını tam genişlik yap */
    .hizmet-detay-kart {
        padding: 20px !important;
        width: 90% !important;
    }

    /* İletişim, logo gibi alanların yerleşimini ayarla */
    .footer-kapsayici {
        flex-direction: column;
        text-align: center;
    }
    
    /* İmza fontunu küçült */
    .imza-yazi {
        font-size: 30px !important;
    }
}
/* Mobil için özel düzeltmeler */
@media (max-width: 480px) {
    /* Form içindeki başlıklar ve etiketler için */
    .arama-kutusu, .degerleme-formu {
        padding: 10px !important;
    }

    /* Yazıların birbirine girmesini engellemek için */
    .secili-yazi, label, h3, p {
        font-size: 14px !important; /* Yazıları biraz küçültüyoruz */
        line-height: 1.2 !important; /* Satır boşluğunu daraltıyoruz */
        margin-bottom: 5px !important; /* Alt boşluğu azaltıyoruz */
    }

    /* Select kutularının veya form alanlarının yüksekliğini düzelt */
    select, input, .ozel-secim {
        height: 40px !important; /* Sabit yüksekliği sınırlıyoruz */
    }
}

@media (max-width: 600px) {
    /* Form satırlarını dikey yap */
    .form-satir {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    /* Her bir elemana tam genişlik ver */
    .form-eleman {
        width: 100% !important;
    }
    
    /* Açılır menülerin üzerine binmemesi için */
   .ozel-secici {
    position: relative; /* Bu çok kritik! */
    /* ... diğer özelliklerin kalsın ... */
}
}
/* Tek ve kesin ozel-liste tanımı */
.ozel-liste {
    display: none;                /* Başta kapalı */
    position: absolute;           /* Kendi kapsayıcısına göre konumlanır */
    top: 100%;                    /* Kapsayıcının tam altına iner */
    left: 0;
    width: 100%;                  /* Kapsayıcı ile aynı genişlikte */
    max-height: 200px;
    overflow-y: auto;             /* Çok eleman varsa kaydır */
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 10px 10px; /* Alt köşeleri yuvarla */
    box-shadow: 0 10px 15px rgba(0,0,0,0.15);
    z-index: 9999;                /* Her şeyin üstünde olsun */
    margin-top: 5px;              /* Kutudan biraz ayır */
}


/* =========================================================
   ÖZEL EMLAK - GENEL PROFESYONELLEŞTİRME / RESPONSIVE PATCH
   Bu bölüm mevcut tasarımın rengini ve font dilini koruyarak
   header, ilanlar, admin, yorum ve mobil yapıyı toparlar.
========================================================= */
html{box-sizing:border-box;overflow-x:hidden;scroll-behavior:smooth;}*,*::before,*::after{box-sizing:inherit;}body{overflow-x:hidden;color:#2c3e50;}.site-header-kapsayici{background:#2c3e50;border-bottom-left-radius:30px;border-bottom-right-radius:30px;padding-bottom:10px;position:relative;z-index:1000;box-shadow:0 8px 24px rgba(0,0,0,.08);}.site-header-kapsayici .ust-menu{background:transparent!important;padding:10px 5%!important;border-radius:0!important;overflow:visible!important;}.site-header-kapsayici .sol-menu,.site-header-kapsayici .sag-menu{gap:30px;}.site-header-kapsayici .ana-menu-link,.site-header-kapsayici .telefon-link,.site-header-kapsayici .menu-baslik{color:#fff!important;text-decoration:none;font-weight:700;}.site-header-kapsayici .ana-menu-link:hover,.site-header-kapsayici .telefon-link:hover,.site-header-kapsayici .acilir-menu-kapsayici:hover .menu-baslik{color:#cda434!important;}.site-header-kapsayici .marka-alani{display:flex;justify-content:center;flex:0 0 auto;}.site-header-kapsayici .logo-gorsel{height:96px!important;margin-top:-12px!important;margin-left:0!important;object-fit:contain;}.site-header-kapsayici .logo-yazi{font-family:Georgia,'Times New Roman',serif!important;font-size:30px!important;line-height:1.05!important;}.acilir-menu-kapsayici{position:relative;}.acilir-menu-kapsayici.menu-acik .alt-menu{display:block;animation:asagiDogruAcilma .25s ease-out forwards;}.alt-menu{z-index:1200!important;}.hero-alani{min-height:calc(100vh - 122px);height:auto!important;}.hero-icerik{padding:70px 20px 20px!important;}.hero-baslik{font-size:clamp(30px,4vw,52px)!important;margin:0 0 clamp(28px,5vw,56px)!important;max-width:1100px;}.ozel-emlak-konum{position:static!important;top:auto!important;text-align:center;z-index:10;margin:clamp(8px,2vh,22px) auto 0!important;}.ozel-emlak-konum span{font-family:'Dancing Script',cursive!important;font-size:clamp(26px,3vw,36px)!important;color:#fff!important;text-shadow:1px 1px 4px rgba(0,0,0,.5)!important;}.arama-kutusu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.secenek-listesi{z-index:1300!important;}.ilanlar-sayfa-baslik{text-align:center;margin:28px auto 22px;max-width:900px;}.ilanlar-sayfa-baslik h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4vw,48px);margin:0 0 10px;color:#2c3e50;}.ilanlar-sayfa-baslik p{color:#66737f;margin:0;}.oe-listing-page{padding:22px 6% 60px!important;}.ilanlar-toolbar{max-width:1200px;margin:20px auto;display:grid;grid-template-columns:auto minmax(260px,1fr) auto;gap:18px;align-items:center;}.arama-satiri{height:56px;background:#fff;border:1px solid #eef0f3;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.07);display:flex;align-items:center;gap:10px;padding:0 18px;}.arama-satiri input{border:0;outline:0;background:transparent;width:100%;font-size:15px;color:#2c3e50;}.favori-link-buton,.filtre-tetikleyici{height:56px;border-radius:16px!important;border:1px solid #eef0f3!important;background:#fff!important;color:#2c3e50!important;box-shadow:0 10px 28px rgba(0,0,0,.08)!important;font-weight:800!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:0 22px!important;cursor:pointer;transition:.22s ease!important;}.favori-link-buton:hover,.filtre-tetikleyici:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.13)!important;}.favori-sayac{color:#cda434;font-weight:900;}.ilanlar-icerik{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:310px minmax(0,1fr);gap:26px;align-items:start;}.profesyonel-filtre{width:auto!important;opacity:1!important;overflow:visible!important;background:#fff;border:1px solid #eef0f3;border-radius:22px;padding:24px!important;box-shadow:0 14px 34px rgba(0,0,0,.08);position:sticky;top:18px;}.filtre-baslik-satiri{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #cda434;margin-bottom:18px;padding-bottom:10px;}.filtre-baslik-satiri h2{margin:0;color:#2c3e50;font-family:Georgia,'Times New Roman',serif;}.filtre-baslik-satiri button{border:0;background:#f4f5f6;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer;color:#2c3e50;display:none;}.filtre-grid{display:grid;grid-template-columns:1fr;gap:14px;}.profesyonel-filtre .filtre-grubu{margin:0!important;gap:7px!important;}.profesyonel-filtre label{font-size:13px;font-weight:800;color:#2c3e50;}.profesyonel-filtre input,.profesyonel-filtre select{width:100%;height:46px;border:1px solid #dfe5ea;border-radius:12px;padding:0 12px;background:#fbfcfd;color:#2c3e50;outline:0;transition:.2s;font-size:14px;}.profesyonel-filtre input:focus,.profesyonel-filtre select:focus{border-color:#cda434;box-shadow:0 0 0 3px rgba(205,164,52,.15);background:#fff;}.filtre-aksiyonlari{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;}.filtre-buton,.filtre-sifirla{border:0;border-radius:13px;height:46px;font-weight:800;cursor:pointer;transition:.2s;}.filtre-buton{background:#cda434;color:#fff;}.filtre-sifirla{background:#eef2f5;color:#2c3e50;}.filtre-buton:hover,.filtre-sifirla:hover{transform:translateY(-1px);}.ilanlar-sonuc-alani{min-width:0;}.liste-sonuc-cubugu{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid #eef0f3;border-radius:18px;padding:16px 20px;margin-bottom:18px;box-shadow:0 10px 26px rgba(0,0,0,.06);color:#66737f;}.liste-sonuc-cubugu strong{color:#2c3e50;}.oe-listing-page .ilan-listesi{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(285px,1fr))!important;gap:24px!important;width:100%!important;}.oe-listing-page .ilan-kart{max-width:none!important;width:100%!important;background:#fff;border-radius:22px!important;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.07)!important;border:1px solid rgba(44,62,80,.06);transition:transform .28s ease,box-shadow .28s ease!important;}.oe-listing-page .ilan-kart:hover,.oe-listing-page .ilan-kart:focus-visible{transform:translateY(-7px)!important;box-shadow:0 18px 44px rgba(0,0,0,.15)!important;outline:none;}.ilan-medya{height:220px;position:relative;overflow:hidden;background:#eef1f4;}.ilan-slider-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .35s ease;}.oe-listing-page .ilan-kart:hover .ilan-slider-img{transform:scale(1.06);filter:saturate(1.04) contrast(1.03);}.ilan-rozeti{position:absolute;top:16px;left:16px;z-index:4;padding:8px 13px;border-radius:999px;color:#fff;font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.18);}.ilan-rozeti-satilik{background:linear-gradient(135deg,#cda434,#b58d2b);}.ilan-rozeti-kiralik{background:linear-gradient(135deg,#2c3e50,#1a252f);}.fav-buton{position:absolute!important;top:15px!important;right:15px!important;width:48px!important;height:48px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important;z-index:5!important;font-size:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;}.fav-buton:hover{transform:scale(1.12)!important;background:#fff!important;}.fav-buton.pop{animation:favPop .38s ease;}@keyframes favPop{0%{transform:scale(1)}45%{transform:scale(1.28)}100%{transform:scale(1)}}.slider-ok{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:36px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.82);color:#2c3e50;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.15);opacity:0;transition:.22s;}.ilan-medya:hover .slider-ok{opacity:1;}.slider-onceki{left:12px;}.slider-sonraki{right:12px;}.slider-sayac{position:absolute;right:14px;bottom:12px;background:rgba(44,62,80,.82);color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;z-index:4;}.oe-listing-page .ilan-detay{padding:20px!important;gap:10px!important;}.ilan-konum{color:#52616f;font-size:14px;}.oe-listing-page .ilan-fiyat{font-size:24px!important;font-weight:900!important;color:#cda434!important;}.oe-listing-page .ilan-baslik{font-size:17px!important;line-height:1.38!important;color:#2c3e50!important;}.oe-listing-page .ilan-ozellikler{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;border-top:1px solid #edf0f3!important;padding-top:14px!important;font-size:12px!important;color:#596977!important;}.ilan-kart-aksiyonlari{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:8px;}.incele-buton,.yorum-ac-buton{border:0;text-decoration:none;border-radius:13px;padding:12px 14px;font-weight:850;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.22s;}.incele-buton{background:#2c3e50;color:#fff;}.yorum-ac-buton{background:#f3f5f7;color:#2c3e50;}.incele-buton:hover,.yorum-ac-buton:hover{transform:translateY(-1px);}.yorum-paneli{border-top:1px solid #eef0f3;padding:18px 20px 20px;background:#fbfcfd;}.yorum-baslik{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.yorum-baslik span{font-size:12px;color:#7b8791;}.yorum-form{display:grid;gap:10px;margin-bottom:14px;}.yorum-form input,.yorum-form textarea{width:100%;border:1px solid #dfe5ea;border-radius:12px;padding:11px;background:#fff;outline:0;font-family:inherit;}.yorum-form textarea{min-height:74px;resize:vertical;}.yorum-form button{justify-self:end;border:0;border-radius:12px;background:#cda434;color:#fff;font-weight:800;padding:10px 15px;cursor:pointer;}.yorum-item{background:#fff;border:1px solid #edf0f3;border-radius:14px;padding:13px;margin-top:10px;}.yorum-meta{display:flex;justify-content:space-between;gap:10px;color:#2c3e50;}.yorum-meta span,.yorum-cevap span{font-size:12px;color:#8b96a0;}.yorum-item p{color:#52616f;line-height:1.45;margin:8px 0;}.yorum-aksiyon{display:flex;gap:8px;}.yorum-aksiyon button{border:0;background:#eef2f5;color:#2c3e50;border-radius:999px;padding:7px 11px;font-weight:800;cursor:pointer;}.yorum-cevap{margin:10px 0 0 16px;padding:10px 12px;border-left:3px solid #cda434;background:#faf7ed;border-radius:10px;}.yorum-bos{color:#7b8791;text-align:center;background:#fff;border-radius:12px;padding:12px;}.sayfalama{display:flex;justify-content:center;gap:8px;margin-top:26px;}.sayfalama button{width:42px;height:42px;border:1px solid #e4e9ee;background:#fff;border-radius:12px;color:#2c3e50;font-weight:900;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.06);}.sayfalama button.aktif{background:#2c3e50;color:#fff;border-color:#2c3e50;}.bos-sonuc{background:#fff;border:1px dashed rgba(44,62,80,.25);border-radius:20px;text-align:center;padding:36px;color:#66737f;}.toast-kapsayici{position:fixed;top:22px;right:22px;z-index:9999;}.toast-bildirim{min-width:min(360px,calc(100vw - 32px));display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.18);padding:15px 16px;color:#2c3e50;font-weight:800;animation:toastSlide .28s ease forwards;}.toast-kapat{border:0;background:rgba(44,62,80,.08);border-radius:50%;width:30px;height:30px;cursor:pointer;color:#2c3e50;font-size:20px;}.toast-bildirim.kapanis{animation:toastClose .22s ease forwards;}@keyframes toastSlide{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes toastClose{to{opacity:0;transform:translateX(30px)}}.oe-favoriler-page .favori-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px;}.admin-sayfasi{padding:52px 6%;min-height:60vh;}.admin-login-karti,.admin-yonetim{max-width:1180px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 16px 40px rgba(0,0,0,.08);padding:34px;border:1px solid #eef0f3;}.admin-login-karti{max-width:470px;}.admin-login-karti h1,.admin-ust h1,.admin-form h2,.admin-liste-karti h2{font-family:Georgia,'Times New Roman',serif;color:#2c3e50;margin:0 0 12px;}.admin-login-karti p,.admin-ust p,.admin-not{color:#66737f;line-height:1.5;}.admin-login-karti label,.admin-form label{display:flex;flex-direction:column;gap:7px;font-weight:800;color:#2c3e50;font-size:14px;}.admin-login-karti input,.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid #dfe5ea;border-radius:13px;padding:12px;background:#fbfcfd;outline:0;font-family:inherit;}.admin-form textarea{min-height:92px;resize:vertical;}.admin-login-karti button,.admin-kaydet,.admin-ust button,.admin-liste-baslik button,.admin-ilan-satiri button{border:0;border-radius:13px;background:#2c3e50;color:#fff;padding:12px 16px;font-weight:900;cursor:pointer;margin-top:14px;}.admin-uyari{margin-top:12px;color:#b23b3b;font-weight:800;}.admin-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #edf0f3;padding-bottom:18px;margin-bottom:22px;}.admin-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:24px;align-items:start;}.admin-form,.admin-liste-karti{background:#fbfcfd;border:1px solid #edf0f3;border-radius:20px;padding:22px;}.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}.admin-full{grid-column:1/-1;}.admin-liste-baslik{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;}.admin-liste-baslik button{background:#cda434;margin:0;}.admin-ilan-listesi{display:grid;gap:12px;}.admin-ilan-satiri{display:grid;grid-template-columns:74px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #edf0f3;border-radius:16px;padding:10px;}.admin-ilan-satiri img{width:74px;height:58px;object-fit:cover;border-radius:12px;background:#eef1f4;}.admin-ilan-satiri span{display:block;color:#66737f;font-size:13px;margin-top:4px;}.admin-ilan-satiri button{margin:0;background:#b23b3b;padding:10px 12px;}.admin-menu-link{opacity:.9;}.form-kutusu,.animasyon-kapsayici,.biz-kimiz-kutu,.vizyon-misyon-kutu{max-width:100%;}.animasyon-kapsayici iframe{max-width:100%;}
@media (max-width:1100px){.ilanlar-icerik{grid-template-columns:1fr;}.profesyonel-filtre{display:none;position:relative;top:auto;}.profesyonel-filtre.acik{display:block;}.filtre-baslik-satiri button{display:inline-grid;place-items:center;}.ilanlar-toolbar{grid-template-columns:1fr 1fr;}.arama-satiri{grid-column:1/-1;order:3}.admin-grid{grid-template-columns:1fr;}}
@media (max-width:768px){.site-header-kapsayici{border-bottom-left-radius:24px;border-bottom-right-radius:24px;}.site-header-kapsayici .ust-menu{flex-direction:column!important;padding:12px 14px 16px!important;gap:12px!important;}.site-header-kapsayici .marka-alani{order:-1;margin:0!important;}.site-header-kapsayici .logo-gorsel{height:62px!important;margin:0!important;}.site-header-kapsayici .logo-yazi{font-size:22px!important;}.site-header-kapsayici .sol-menu,.site-header-kapsayici .sag-menu{width:100%;justify-content:center!important;flex-wrap:wrap!important;gap:13px!important;font-size:14px!important;}.site-header-kapsayici .telefon-link{font-size:14px!important;}.alt-menu{left:50%!important;transform:translateX(-50%);margin-top:10px!important;}.hero-alani{min-height:auto!important;border-bottom-left-radius:34px!important;border-bottom-right-radius:34px!important;padding-bottom:44px!important;}.hero-icerik{padding:48px 14px 16px!important;}.arama-kutusu{width:94%!important;flex-direction:column!important;border-radius:22px!important;overflow:visible!important;}.ozel-secim{width:100%;min-height:52px;border-bottom:1px solid rgba(0,0,0,.08);}.ozel-secim::after{display:none!important;}.secili-yazi{padding:16px 42px 16px 18px!important;font-size:15px!important;}.arama-buton{width:100%!important;border-radius:0 0 22px 22px!important;padding:16px!important;}.hizmetler-alani,.danismanlik-alani,.konum-alani,.hizli-erisim{padding-left:16px!important;padding-right:16px!important;}.hizmet-karti{min-width:100%;padding:34px 22px!important;}.panel-kapsayici,.konum-icerik,.footer-icerik{flex-direction:column!important;text-align:center!important;}.istatistik-kutu{flex-direction:column;gap:20px;}.ilanlar-toolbar{grid-template-columns:1fr;}.favori-link-buton,.filtre-tetikleyici,.arama-satiri{width:100%;}.oe-listing-page{padding:18px 16px 46px!important;}.oe-listing-page .ilan-listesi{grid-template-columns:1fr!important;}.liste-sonuc-cubugu{flex-direction:column;align-items:flex-start;}.ilan-medya{height:230px;}.slider-ok{opacity:1;width:34px;height:40px;}.oe-listing-page .ilan-ozellikler{grid-template-columns:1fr!important;text-align:left!important;}.ilan-kart-aksiyonlari{grid-template-columns:1fr;}.toast-kapsayici{left:16px;right:16px;top:16px;}.admin-sayfasi{padding:30px 16px;}.admin-login-karti,.admin-yonetim{padding:24px 18px;}.admin-ust{flex-direction:column;}.admin-form-grid{grid-template-columns:1fr;}.admin-ilan-satiri{grid-template-columns:58px 1fr;}.admin-ilan-satiri button{grid-column:1/-1;}.footer-beyaz{padding:42px 18px!important;}.form-satir{flex-direction:column!important;}.form-kutusu{padding:28px 18px!important;}.icerik-alani,main{max-width:100%;}.biz-kimiz-kutu,.vizyon-misyon-kutu{padding:28px 20px!important;}.animasyon-kapsayici{padding:26px 18px!important;}.animasyon-kapsayici>div{min-width:100%!important;}}
@media (max-width:480px){.site-header-kapsayici .sol-menu,.site-header-kapsayici .sag-menu{gap:10px!important;font-size:13px!important;}.site-header-kapsayici .telefon-link{font-size:13px!important;}.hero-baslik{font-size:28px!important;}.ozel-emlak-konum span{font-size:26px!important;}.ilan-medya{height:210px;}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

.yorum-cevap-form{display:grid;gap:8px;margin:10px 0 0 16px;padding:12px;background:#fff;border:1px solid #edf0f3;border-radius:12px;}.yorum-cevap-form[hidden]{display:none!important;}.yorum-cevap-form input,.yorum-cevap-form textarea{width:100%;border:1px solid #dfe5ea;border-radius:10px;padding:10px;background:#fbfcfd;font-family:inherit;}.yorum-cevap-form textarea{min-height:66px;resize:vertical;}.yorum-cevap-form button{justify-self:end;border:0;background:#2c3e50;color:#fff;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer;}


/* ==== ÖZEL EMLAK PROFESYONEL DÜZELTME PAKETİ ==== */
.admin-menu-link{display:none!important;}
.site-header-kapsayici .ust-menu{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(14px,2.6vw,36px)!important;
  min-height:118px!important;
}
.site-header-kapsayici .sol-menu,.site-header-kapsayici .sag-menu{
  min-width:0!important;
  flex-wrap:nowrap!important;
  gap:clamp(16px,2vw,30px)!important;
}
.site-header-kapsayici .sol-menu{justify-content:flex-start!important;}
.site-header-kapsayici .sag-menu{justify-content:flex-end!important;}
.site-header-kapsayici .ana-menu-link,.site-header-kapsayici .menu-baslik,.site-header-kapsayici .telefon-link{
  white-space:nowrap!important;
  font-size:clamp(14px,1.08vw,17px)!important;
}
.site-header-kapsayici .logo-gorsel{height:88px!important;max-width:122px!important;}
.site-header-kapsayici .logo-yazi{font-size:clamp(26px,2.25vw,34px)!important;}
.alt-menu{min-width:190px!important;left:0!important;right:auto!important;}
.hero-icerik{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.hero-baslik{text-align:center;text-wrap:balance;}
.ozel-emlak-konum{width:100%;padding:0 16px;}

.ilanlar-icerik{grid-template-columns:1fr!important;transition:grid-template-columns .25s ease;}
.ilanlar-icerik.filtre-acik{grid-template-columns:310px minmax(0,1fr)!important;}
.profesyonel-filtre{display:none!important;}
.profesyonel-filtre.acik{display:block!important;}
#filtreToggle[aria-expanded="true"]{background:#2c3e50!important;color:#fff!important;}
.profesyonel-filtre input[data-only-number="true"]{-moz-appearance:textfield;}
.profesyonel-filtre input[data-only-number="true"]::-webkit-outer-spin-button,
.profesyonel-filtre input[data-only-number="true"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.sayfalama{flex-wrap:wrap;align-items:center;}
.sayfalama button:disabled{opacity:.38;cursor:not-allowed;transform:none!important;}
.sayfalama .sayfa-ok{font-size:21px;line-height:1;}
.iletisim-bilgi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;justify-items:center;text-align:center;max-width:980px;margin:0 auto;}
.iletisim-bilgi-item{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.iletisim-bilgi-item h3{margin:0 0 12px;color:#2c3e50;}
.iletisim-bilgi-item p{margin:0;color:#2c3e50;}

.ilan-detay-sayfasi{padding:42px 6% 64px;min-height:60vh;}
.ilan-detay-kapsayici{max-width:1180px;margin:0 auto;}
.ilan-detay-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:28px;background:#fff;border:1px solid #eef0f3;border-radius:26px;box-shadow:0 18px 44px rgba(0,0,0,.08);padding:22px;overflow:hidden;}
.detay-galeri{height:440px;border-radius:20px;}
.detay-bilgi{display:flex;flex-direction:column;gap:14px;justify-content:center;padding:8px 6px;}
.detay-geri{color:#66737f;text-decoration:none;font-weight:800;display:inline-flex;width:max-content;}
.detay-bilgi h1{font-family:Georgia,'Times New Roman',serif;color:#2c3e50;font-size:clamp(28px,3vw,42px);line-height:1.15;margin:0;}
.detay-konum{color:#52616f;font-size:16px;margin:0;}
.detay-ozellik-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;}
.detay-ozellik{background:#f7f9fb;border:1px solid #edf0f3;border-radius:16px;padding:13px 14px;}
.detay-ozellik span{display:block;color:#7b8791;font-size:12px;font-weight:800;margin-bottom:4px;}
.detay-ozellik strong{color:#2c3e50;font-size:15px;}
.detay-aksiyonlar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;}
.detay-aciklama-karti,.detay-yorum-karti,.detay-bos{max-width:1180px;margin:24px auto 0;background:#fff;border:1px solid #eef0f3;border-radius:24px;box-shadow:0 14px 34px rgba(0,0,0,.06);padding:28px;}
.detay-aciklama-karti h2{font-family:Georgia,'Times New Roman',serif;color:#2c3e50;margin:0 0 10px;}
.detay-aciklama-karti p{color:#52616f;line-height:1.7;margin:0;}
.detay-yorum-karti .yorum-paneli{border-top:0;padding:0;background:transparent;}

@media (max-width:1180px){
  .site-header-kapsayici .ust-menu{grid-template-columns:1fr!important;min-height:auto!important;padding:16px 18px!important;}
  .site-header-kapsayici .marka-alani{order:-1!important;}
  .site-header-kapsayici .sol-menu,.site-header-kapsayici .sag-menu{justify-content:center!important;flex-wrap:wrap!important;width:100%!important;}
  .ilanlar-icerik.filtre-acik{grid-template-columns:1fr!important;}
  .profesyonel-filtre{position:relative!important;top:auto!important;}
}
@media (max-width:768px){
  .site-header-kapsayici .ust-menu{display:flex!important;}
  .site-header-kapsayici .sol-menu,.site-header-kapsayici .sag-menu{gap:10px!important;}
  .site-header-kapsayici .ana-menu-link,.site-header-kapsayici .menu-baslik,.site-header-kapsayici .telefon-link{font-size:13.5px!important;}
  .alt-menu{left:50%!important;transform:translateX(-50%)!important;}
  .iletisim-bilgi-grid{grid-template-columns:1fr;gap:22px;}
  .ilan-detay-sayfasi{padding:26px 16px 46px;}
  .ilan-detay-hero{grid-template-columns:1fr;padding:14px;border-radius:22px;gap:18px;}
  .detay-galeri{height:300px;border-radius:18px;}
  .detay-ozellik-grid,.detay-aksiyonlar{grid-template-columns:1fr;}
  .detay-aciklama-karti,.detay-yorum-karti,.detay-bos{padding:20px;border-radius:20px;}
  .sayfalama button{width:38px;height:38px;border-radius:10px;}
  .profesyonel-filtre{padding:20px!important;border-radius:18px;}
}
@media (max-width:480px){
  .site-header-kapsayici .sol-menu{display:grid!important;grid-template-columns:1fr 1fr;align-items:center;}
  .site-header-kapsayici .sag-menu{display:grid!important;grid-template-columns:1fr;}
  .site-header-kapsayici .ana-menu-link,.site-header-kapsayici .menu-baslik,.site-header-kapsayici .telefon-link{text-align:center!important;}
  .detay-galeri{height:240px;}
}


/* =========================================================
   HOST / CANLI SUNUCU DÜZELTMELERİ
   - Görsel yolları root klasöre göre standartlandı.
   - Ana sayfada header ile hero görseli arasında boşluk bırakılmaz.
   - Mobilde menü ve içerikler taşmadan hizalanır.
   ========================================================= */
html, body { margin: 0 !important; padding: 0 !important; overflow-x: hidden; }
img { max-width: 100%; }

body.anasayfa .site-header-kapsayici{
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
  box-shadow:none!important;
}
body.anasayfa .hero-alani{
  margin-top:0!important;
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
  background-color:#2c3e50;
}
.site-header-kapsayici + .hero-alani{ margin-top:0!important; }

.site-header-kapsayici{
  width:100%;
  box-sizing:border-box;
}
.site-header-kapsayici .ust-menu{
  box-sizing:border-box;
  max-width:100%;
}
.site-header-kapsayici .logo-gorsel{
  display:block;
  object-fit:contain;
}
.site-header-kapsayici .marka-alani a{
  min-width:0;
}
.hero-alani{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
}
.hero-icerik{
  box-sizing:border-box;
}
.hero-baslik{
  max-width:min(1180px, 92vw);
  margin-left:auto!important;
  margin-right:auto!important;
  line-height:1.15!important;
}
.arama-kapsayici,
.hero-arama,
.ana-sayfa-arama{
  max-width:min(1120px, 92vw)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media (max-width: 900px){
  body.anasayfa .hero-alani{
    min-height:auto!important;
    padding:46px 0 48px!important;
    border-bottom-left-radius:32px!important;
    border-bottom-right-radius:32px!important;
  }
  .site-header-kapsayici .ust-menu{
    padding:14px 14px!important;
  }
  .site-header-kapsayici .sol-menu,
  .site-header-kapsayici .sag-menu{
    max-width:100%;
  }
  .hero-baslik{
    font-size:clamp(30px, 8vw, 48px)!important;
    padding:0 14px;
  }
}
@media (max-width: 620px){
  .site-header-kapsayici .telefon-link{
    white-space:normal!important;
  }
  .site-header-kapsayici .logo-yazi{
    font-size:22px!important;
  }
  .site-header-kapsayici .logo-gorsel{
    height:58px!important;
  }
}

/* === Ek düzeltme: mülk değerlemesi + arama butonu === */
#odaKutusu.degerleme-disabled{
  cursor: default !important;
  background:#eef2f5 !important;
  color:#6f7b86 !important;
  box-shadow:none !important;
  border-color:#dfe5ea !important;
}
#odaKutusu.degerleme-disabled:hover{transform:none !important;box-shadow:none !important;}
#odaKutusu.degerleme-disabled .ok-isareti{opacity:.35;}
.degerleme-sonuc-profesyonel{text-align:center;}
.degerleme-rozet{display:inline-flex;align-items:center;justify-content:center;background:rgba(205,164,52,.12);color:#cda434;border:1px solid rgba(205,164,52,.35);border-radius:999px;padding:7px 12px;font-weight:900;font-size:12px;margin-bottom:10px;}
.degerleme-fiyat-araligi{font-size:clamp(24px,3vw,36px)!important;font-weight:950!important;color:#2c3e50!important;margin:10px 0 18px!important;}
.degerleme-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px auto;max-width:920px;}
.degerleme-mini-grid div{background:#fff;border:1px solid rgba(44,62,80,.08);border-radius:16px;padding:14px 12px;text-align:left;box-shadow:0 8px 20px rgba(0,0,0,.04);}
.degerleme-mini-grid strong{display:block;color:#2c3e50;font-size:12px;margin-bottom:5px;}
.degerleme-mini-grid span{display:block;color:#5f6d79;font-weight:800;font-size:14px;line-height:1.35;}
.degerleme-aciklama{max-width:980px;margin:14px auto 0!important;color:#66737f!important;line-height:1.65!important;font-size:15px!important;}
.degerleme-uyari{border-color:rgba(178,59,59,.35)!important;background:#fff8f8!important;}
.degerleme-uyari h3{color:#b23b3b!important;}
.degerleme-cta{width:auto!important;padding:13px 28px!important;font-size:14px!important;margin-top:20px!important;opacity:1!important;animation:none!important;}
.ilan-arama-buton{height:44px;border:0;border-radius:12px;background:#cda434;color:#fff;font-weight:900;padding:0 18px;cursor:pointer;box-shadow:0 9px 22px rgba(205,164,52,.24);transition:.22s;white-space:nowrap;}
.ilan-arama-buton:hover{transform:translateY(-1px);background:#b8922d;}
.ilan-arama-buton:active{transform:translateY(0) scale(.98);}
@media (max-width:768px){
  .degerleme-mini-grid{grid-template-columns:1fr;}
  .ilan-arama-buton{width:100%;height:48px;}
  .arama-satiri{height:auto!important;min-height:56px;flex-wrap:wrap;padding:10px 12px!important;}
  .arama-satiri input{min-width:0;flex:1 1 calc(100% - 48px);}
}

/* === Admin mesaj yönetimi + mobil son düzenlemeler === */
.admin-sekme-bar{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px;border-bottom:1px solid #edf0f3;padding-bottom:14px;}
.admin-sekme{border:1px solid #dfe5ea;background:#fff;color:#2c3e50;border-radius:14px;padding:12px 18px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.05);transition:.22s;}
.admin-sekme:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,0,0,.08);}
.admin-sekme.aktif{background:#2c3e50;color:#fff;border-color:#2c3e50;}
.admin-tab-panel[hidden]{display:none!important;}
.admin-mesaj-karti{background:#fbfcfd;border:1px solid #edf0f3;border-radius:20px;padding:22px;}
.admin-mesaj-listesi{display:grid;gap:14px;}
.admin-mesaj-satiri{background:#fff;border:1px solid #edf0f3;border-radius:18px;padding:16px;box-shadow:0 8px 22px rgba(0,0,0,.04);}
.admin-mesaj-ust{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;}
.admin-mesaj-ust strong{font-family:Georgia,'Times New Roman',serif;color:#2c3e50;font-size:18px;}
.admin-mesaj-ust span{font-size:12px;color:#7b8791;font-weight:800;}
.admin-mesaj-iletisim{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;}
.admin-mesaj-iletisim a{color:#2c3e50;background:#eef2f5;border-radius:999px;padding:7px 11px;text-decoration:none;font-weight:800;font-size:13px;}
.admin-mesaj-satiri p{color:#52616f;line-height:1.6;margin:0 0 12px;white-space:pre-wrap;}
.admin-mesaj-sil{border:0;border-radius:12px;background:#b23b3b;color:#fff;padding:10px 14px;font-weight:900;cursor:pointer;}
.admin-bos-mesaj,.admin-yukleniyor{background:#fff;border:1px dashed rgba(44,62,80,.2);border-radius:16px;padding:24px;text-align:center;color:#66737f;font-weight:800;}
.admin-ilan-aksiyonlari{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.admin-ilan-satiri .admin-gizle-buton{background:#cda434!important;}
.admin-ilan-satiri .admin-sil-buton{background:#b23b3b!important;}
.admin-ilan-gizli{opacity:.72;background:#f8fafc;}
.iletisim-form-durum{min-height:22px;color:#2c3e50;font-weight:800;text-align:center;}
.iletisim-formu button:disabled{opacity:.65;cursor:wait;}

@media (max-width:900px){
  .admin-sekme-bar{display:grid;grid-template-columns:1fr 1fr;}
  .admin-sekme{width:100%;}
  .admin-ilan-satiri{grid-template-columns:64px 1fr!important;}
  .admin-ilan-aksiyonlari{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;}
  .admin-ilan-aksiyonlari button{width:100%;margin:0!important;}
}
@media (max-width:768px){
  .admin-mesaj-karti{padding:16px;border-radius:18px;}
  .admin-liste-baslik{flex-direction:column;align-items:stretch!important;}
  .admin-mesaj-ust{flex-direction:column;align-items:flex-start;}
  .admin-mesaj-iletisim{flex-direction:column;align-items:stretch;}
  .admin-mesaj-iletisim a{text-align:center;}
  .admin-sekme-bar{grid-template-columns:1fr;}
  .admin-form,.admin-liste-karti{padding:16px!important;}
  .iletisim-formu{max-width:100%!important;}
}
@media (max-width:480px){
  .admin-ilan-satiri{grid-template-columns:1fr!important;text-align:center;}
  .admin-ilan-satiri img{margin:0 auto;width:96px!important;height:72px!important;}
  .admin-ilan-aksiyonlari{grid-template-columns:1fr;}
  .admin-sekme{padding:12px 14px;font-size:14px;}
}
.admin-ilan-aksiyonlari button{grid-column:auto!important;margin:0!important;}
@media (max-width:768px){.admin-ilan-aksiyonlari button{grid-column:auto!important;}}

/* === Son düzenleme: iletişim formu doğrulama, mobil üst menü ve ana slogan konumu === */
.ozel-emlak-konum{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:18px auto 0!important;
  padding:0 16px!important;
  width:100%!important;
}
.ozel-emlak-konum .kalite-sozu{
  display:block;
  color:#fff;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(18px,2.1vw,28px);
  font-weight:900;
  line-height:1.2;
  letter-spacing:.2px;
  text-shadow:1px 2px 5px rgba(0,0,0,.55);
}
body.anasayfa .hero-icerik{
  justify-content:center!important;
  padding-bottom:32px!important;
}
.iletisim-formu input:invalid:not(:placeholder-shown),
.iletisim-formu textarea:invalid:not(:placeholder-shown){
  border-color:rgba(178,59,59,.55)!important;
  box-shadow:0 0 0 3px rgba(178,59,59,.08)!important;
}
.iletisim-formu input:focus,
.iletisim-formu textarea:focus{
  border-color:#cda434!important;
  box-shadow:0 0 0 3px rgba(205,164,52,.13)!important;
  outline:0!important;
}

@media (max-width:620px){
  .site-header-kapsayici{
    border-bottom-left-radius:22px!important;
    border-bottom-right-radius:22px!important;
  }
  .site-header-kapsayici .ust-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:10px!important;
    padding:12px 14px 16px!important;
    min-height:auto!important;
  }
  .site-header-kapsayici .marka-alani{
    order:-1!important;
    width:100%!important;
    justify-content:center!important;
    margin:0!important;
  }
  .site-header-kapsayici .marka-alani a{
    justify-content:center!important;
    gap:10px!important;
  }
  .site-header-kapsayici .logo-gorsel{
    height:52px!important;
    max-width:76px!important;
    margin:0!important;
  }
  .site-header-kapsayici .logo-yazi{
    font-size:24px!important;
    line-height:1.02!important;
    text-align:left!important;
  }
  .site-header-kapsayici .sol-menu,
  .site-header-kapsayici .sag-menu{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
  }
  .site-header-kapsayici .sol-menu .ana-menu-link[href="degerleme.html"]{
    grid-column:1/-1!important;
  }
  .site-header-kapsayici .sag-menu .telefon-link{
    grid-column:1/-1!important;
  }
  .site-header-kapsayici .ana-menu-link,
  .site-header-kapsayici .menu-baslik,
  .site-header-kapsayici .telefon-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    font-size:13px!important;
    line-height:1.2!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .site-header-kapsayici .telefon-link{
    font-size:14px!important;
    letter-spacing:.3px!important;
    font-weight:900!important;
  }
  .site-header-kapsayici .acilir-menu-kapsayici{
    width:100%!important;
  }
  .site-header-kapsayici .alt-menu{
    position:absolute!important;
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  body.anasayfa .hero-alani{
    padding-top:0!important;
  }
  body.anasayfa .hero-icerik{
    padding:42px 14px 34px!important;
  }
  .hero-baslik{
    font-size:clamp(28px,8vw,34px)!important;
    margin-bottom:24px!important;
  }
  .ozel-emlak-konum{
    margin-top:16px!important;
  }
  .ozel-emlak-konum span{
    font-size:26px!important;
  }
  .ozel-emlak-konum .kalite-sozu{
    font-size:18px!important;
    max-width:310px;
  }
}


/* === Sade imza ve mobil menü düzeltmesi === */
.ozel-emlak-konum{
  margin-top:16px!important;
  gap:2px!important;
}
.ozel-emlak-konum span{
  font-family:'Dancing Script',cursive!important;
  font-size:clamp(28px,2.7vw,40px)!important;
  font-weight:600!important;
  line-height:1.05!important;
  color:#fff!important;
  text-shadow:1px 2px 5px rgba(0,0,0,.5)!important;
}
.ozel-emlak-konum .kalite-sozu{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(13px,1.05vw,17px)!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:.15px!important;
  color:rgba(255,255,255,.92)!important;
  text-shadow:1px 2px 5px rgba(0,0,0,.48)!important;
  margin-top:1px!important;
}
.sayfa-imza-slogan{
  margin-top:4px;
  color:#2c3e50;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(14px,1.35vw,18px);
  font-weight:700;
  line-height:1.25;
  opacity:.86;
  letter-spacing:.1px;
}
.imza-alani .sayfa-imza-slogan{
  color:#2c3e50;
}

@media (min-width:621px){
  body.anasayfa .hero-icerik{
    padding-bottom:26px!important;
  }
}

@media (max-width:620px){
  .site-header-kapsayici{
    border-bottom-left-radius:18px!important;
    border-bottom-right-radius:18px!important;
    padding-bottom:6px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.11)!important;
  }
  .site-header-kapsayici .ust-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:auto!important;
    padding:8px 12px 10px!important;
  }
  .site-header-kapsayici .marka-alani{
    order:-1!important;
    width:100%!important;
    justify-content:center!important;
    margin:0!important;
  }
  .site-header-kapsayici .marka-alani a{
    justify-content:center!important;
    gap:8px!important;
  }
  .site-header-kapsayici .logo-gorsel{
    height:42px!important;
    max-width:64px!important;
    margin:0!important;
  }
  .site-header-kapsayici .logo-yazi{
    font-size:22px!important;
    line-height:1!important;
    text-align:left!important;
  }
  .site-header-kapsayici .sol-menu,
  .site-header-kapsayici .sag-menu{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px 14px!important;
    margin:0!important;
  }
  .site-header-kapsayici .ana-menu-link,
  .site-header-kapsayici .menu-baslik,
  .site-header-kapsayici .telefon-link{
    min-height:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.25!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .site-header-kapsayici .telefon-link{
    flex-basis:100%!important;
    font-size:13.5px!important;
    margin-top:1px!important;
    letter-spacing:.2px!important;
    opacity:.98!important;
  }
  .site-header-kapsayici .ana-menu-link:hover,
  .site-header-kapsayici .menu-baslik:hover,
  .site-header-kapsayici .telefon-link:hover{
    color:#cda434!important;
  }
  .site-header-kapsayici .acilir-menu-kapsayici{
    width:auto!important;
    position:relative!important;
  }
  .site-header-kapsayici .alt-menu{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:170px!important;
    min-width:170px!important;
    margin-top:8px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }
  body.anasayfa .hero-icerik{
    padding-top:38px!important;
    padding-bottom:28px!important;
  }
  .ozel-emlak-konum{
    margin-top:14px!important;
    gap:2px!important;
  }
  .ozel-emlak-konum span{
    font-size:26px!important;
  }
  .ozel-emlak-konum .kalite-sozu{
    font-size:13px!important;
    max-width:290px!important;
  }
  .sayfa-imza-slogan{
    font-size:14px!important;
    margin-top:2px!important;
  }
  .imza-yazi{
    font-size:40px!important;
  }
}