/* Zirve Emlak - site.css
   1 Tokenlar | 2 Reset ve temel | 3 Duzen | 4 Bilesenler
   5 Yardimcilar | 6 Duyarli davranis
   Onceki surum bloklari (v4-v28) tekillestirilerek bu duzene tasindi.
   Deger metinleri degistirilmedi; ezilen bildirimler kaldirildi. */

/* ============================================
   1. TOKENLAR
   ============================================ */
:root{--navy:#021A34;--navy-2:#0A2946;--red:#E31E27;--red-2:#B8151D;--white:#fff;--bg:#f7f8fa;--text:var(--navy);--muted:#5d6f84;--line:#dce3ea;--success:#0d7a55;--shadow:0 12px 35px rgba(6,26,47,.12);--radius:14px;--max:1420px;--font-display:'Cormorant Garamond',Georgia,serif;--font-body:Inter,Arial,sans-serif;--fs-h1:56px;--lh-h1:1.08;--fs-h2:34px;--fs-section:42px;--lh-h2:1.15;--fs-h2-sm:24px;--fs-h3:18px;--lh-h3:1.25;--fs-h4:16px;--lh-h4:1.30;--fs-base:15px;--fs-sm:14px;--fs-xs:12px}

/* ============================================
   2. RESET VE TEMEL ELEMENTLER
   ============================================ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
body{margin:0;line-height:1.55;background:#fff;font-family:var(--font-body);font-size:var(--fs-base);color:var(--text)}
.container{margin:auto;width:min(var(--max),calc(100% - 72px))}
.page-title{font-family:var(--font-display);font-weight:700}
h1{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h1);line-height:var(--lh-h1)}
h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h2);line-height:var(--lh-h2)}
h3{font-family:var(--font-body);font-weight:700;font-size:var(--fs-h3);line-height:var(--lh-h3)}
h4{font-family:var(--font-body);font-weight:700;font-size:var(--fs-h4);line-height:var(--lh-h4)}

/* ============================================
   3. DUZEN
   ============================================ */
.topbar .container,.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.mini-links,.nav,.header-actions{display:flex;align-items:center;gap:18px}
.nav a:hover{color:#fff}
.mobile-toggle{display:none;background:transparent;color:#fff;border:0;font-size:24px}
.footer-grid a{display:block;font-size:13px;margin:7px 0}
.socials{display:flex;gap:9px;flex-wrap:wrap}
.content-layout{display:grid;grid-template-columns:1fr 310px;gap:28px}
.admin-link{position:fixed;right:16px;bottom:16px;z-index:30;background:var(--navy);color:#fff;padding:8px 10px;border-radius:8px;font-size:12px;opacity:.2}
.admin-link:hover{opacity:1}
.topbar{color:#d7e0e8;font-size:var(--fs-xs);height:31px;padding:4px 0;background:var(--navy)}
.topbar .container{justify-content:flex-end}
.topbar .container>span{margin-right:auto}
.brand-local{border-left:1px solid rgba(255,255,255,.25);font-size:12px;line-height:1.65;color:#d4dfeb;padding-left:14px}
.header-actions>a:first-child{font-size:15px;font-weight:700;white-space:nowrap}
.site-header{color:#fff;position:sticky;top:0;z-index:1000;height:88px;background:var(--navy);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.header-inner{height:88px;min-height:88px;gap:22px}
.brand{display:flex;align-items:center;gap:12px;width:215px;flex:0 0 215px}
.nav{margin:0;gap:22px;flex:1;justify-content:center}
.nav a{white-space:nowrap;font-size:12px;font-weight:600;color:#fff}
.header-actions{gap:16px}
.header-actions>a{font-size:12px!important}
.header-actions .btn{padding:11px 17px;border-radius:5px}
.login-link{white-space:nowrap}
/* Bolum ritmi: dikey bosluk her bolumde ayni, zeminler kesin sirayla
   degisiyor (beyaz -> gri -> beyaz -> gri). Basliklarin belirginligi
   buradan geliyor: yalitim. Onceden bosluklar 20-34px arasi gelisiguzeldi
   ve uc gri bolum arka arkaya geliyordu (ikisi ayirt edilemeyen iki
   farkli gri: #f7f8fa ve #f8f9fa). */
.section{padding:52px 0}
.section.alt{background:var(--bg)}
.site-footer{color:#d4dee7;padding:24px 0 12px;background:var(--navy)}
.footer-grid{display:grid;grid-template-columns:1.25fr repeat(6,1fr);gap:19px}
.footer-grid h4{color:#fff;margin-top:0;font-size:var(--fs-sm)}
.footer-grid a,.footer-grid .small{font-size:12px}
.socials a{border:1px solid rgba(255,255,255,.28);border-radius:50%;display:flex;align-items:center;justify-content:center;width:27px;height:27px;font-size:12px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:15px;padding-top:10px}
.brand-logo:not(.footer-logo){width:176px;height:auto;display:block}
.footer-logo{width:196px;height:auto;display:block;margin-bottom:14px}

/* ============================================
   4. BILESENLER
   ============================================ */
button,input,select,textarea{font:inherit}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:11px 17px;cursor:pointer;font-weight:700}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:var(--red-2)}
.btn-light{background:#fff;color:var(--navy);border:1px solid var(--line)}
.btn-ghost{background:transparent;color:inherit;border:1px solid currentColor}
.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#dce7f1}
.search-tabs{display:flex}
.field{width:100%;border:1px solid var(--line);border-radius:8px;padding:13px 14px;background:#fff;color:var(--text)}
.verified-corner{position:absolute;right:8px;bottom:8px;background:#fff;padding:5px 7px;border-radius:6px;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.chip{font-size:12px;background:#edf1f5;color:var(--navy);padding:5px 8px;border-radius:999px}
.partner:last-child{border:0}
.partner-sahibinden{background:#ffe500;color:#111}
.partner-hepsi{background:#fff;color:var(--red)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-grid .full{grid-column:1/-1}
.newsletter-form{display:flex}
.cta-band{background:var(--red);color:#fff;padding:25px 0}
.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:20px}
.page-hero{background:var(--navy);color:#fff;padding:58px 0}
.page-title{font-size:var(--fs-h1);line-height:var(--lh-h1);margin:0}
.breadcrumbs{font-size:var(--fs-xs);color:#c9d4df;margin-bottom:14px}
.article-content{font-size:17px}
.article-content h2{font-size:var(--fs-h2);line-height:var(--lh-h2);margin-top:34px}
.article-content p{margin:17px 0}
.seo-box{background:var(--bg);border-left:4px solid var(--red);padding:18px;border-radius:8px;margin-top:28px}
.sidebar-box{border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:16px}
.gallery img{height:220px;width:100%;object-fit:cover;border-radius:10px}
.gallery img:first-child{grid-row:span 2;height:448px}
.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:28px}
.detail-price{font-size:34px;color:var(--red);font-weight:900}
.facts{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:12px;margin:20px 0}
.fact{text-align:center;padding:15px;border-right:1px solid var(--line)}
.fact:last-child{border:0}
.contact-card{position:sticky;top:95px;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}
.modal-overlay{position:fixed;inset:0;background:rgba(2,16,30,.78);display:none;align-items:center;justify-content:center;padding:18px;z-index:1000;backdrop-filter:blur(3px)}
.modal-overlay.show{display:flex}
.trust-modal{background:#fff;border-radius:16px;max-width:452px;width:100%;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35);position:relative}
.trust-modal img{display:block;width:100%;height:126px;object-fit:cover}
.trust-modal-content{padding:20px 22px 22px;text-align:center}
.trust-modal h2{font-size:var(--fs-h2-sm);line-height:var(--lh-h2);margin:8px 0 12px}
.modal-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-size:21px;cursor:pointer}
.location-visual{height:100px;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),#123b61);color:#fff;position:relative;overflow:hidden}
.location-visual:before,.location-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}
.location-visual:before{width:110px;height:110px;right:-45px;top:-55px}
.location-visual:after{width:70px;height:70px;left:-28px;bottom:-38px}
.location-visual span{font-size:34px;line-height:1.05;color:#fff;position:relative;z-index:1}
.newsletter-form input{border-radius:8px 0 0 8px;min-width:0}
.newsletter-form button{border-radius:0 8px 8px 0;min-width:118px;white-space:nowrap}
.trust-row span{display:inline-flex;align-items:center;gap:9px}
.map-box #map{height:100%;position:relative;z-index:1}
.map-note{position:absolute;left:12px;bottom:12px;background:#fff;padding:8px 10px;border-radius:7px;font-size:12px;box-shadow:var(--shadow);z-index:490}
.listing-media{position:relative}
.listing-price-row{text-align:right;margin-top:9px}
.compact-row[hidden]{display:none}
.stats-grid{display:grid;align-items:center;grid-template-columns:repeat(4,1fr) 1.1fr 1.1fr}
.office-card,.valuation{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px}
.office-details i{width:18px;color:var(--navy-2);-webkit-mask-size:1em;mask-size:1em}
.hero{color:#fff;display:flex;align-items:center;min-height:455px;background:linear-gradient(90deg,rgba(2,26,52,.95) 0%,rgba(2,26,52,.78) 30%,rgba(2,26,52,.28) 62%,rgba(2,26,52,.12) 100%),url('/assets/img/hero-merzifon-2560.jpg') center 55%/cover no-repeat}
/* 2560'lik katman WebP'ye gecirildi. Onceden yalnizca .jpg vardi; bas
   kisminda ise 2560.webp on yukleniyordu. Masaustunde iki dosya birden
   iniyordu: 213 KB webp (hic kullanilmadan) + 359 KB jpg. Artik webp
   kullaniliyor, jpg yalnizca image-set desteklemeyen tarayiciya kaliyor.
   Yalnizca background-image geciliyor; konum/boyut (center 55%/cover)
   yukaridaki kisayoldan devam ediyor.
   1250px ve 650px kirilimlari asagida, dosyada DAHA SONRA geldikleri
   icin dar ekranlarda bu kurali ezmeye devam ediyor. */
.hero{background-image:linear-gradient(90deg,rgba(2,26,52,.95) 0%,rgba(2,26,52,.78) 30%,rgba(2,26,52,.28) 62%,rgba(2,26,52,.12) 100%),-webkit-image-set(url('/assets/img/hero-merzifon-2560.webp') type('image/webp'),url('/assets/img/hero-merzifon-2560.jpg') type('image/jpeg'))}
.hero{background-image:linear-gradient(90deg,rgba(2,26,52,.95) 0%,rgba(2,26,52,.78) 30%,rgba(2,26,52,.28) 62%,rgba(2,26,52,.12) 100%),image-set(url('/assets/img/hero-merzifon-2560.webp') type('image/webp'),url('/assets/img/hero-merzifon-2560.jpg') type('image/jpeg'))}
.hero-copy{max-width:430px;padding:38px 0 118px}
.hero h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:-.01em;margin:0 0 17px}
.hero p{color:#e1e8ee;font-size:14px;line-height:1.55;max-width:400px;margin:0}
.trust-row{display:flex;flex-wrap:wrap;margin-top:22px;gap:27px;font-size:12px;font-weight:600;line-height:1.25}
.trust-row i{border:1px solid rgba(255,255,255,.75);border-radius:50%;display:inline-block;width:32px;height:32px;font-size:13px;-webkit-mask-size:14px;mask-size:14px}
.search-shell{position:relative;z-index:4;margin-top:-52px;padding:0 13px 13px;border-radius:6px;background:var(--navy);box-shadow:0 8px 20px rgba(4,28,50,.18)}
.search-tabs button{border:0;background:transparent;color:#fff;font-weight:800;cursor:pointer;font-size:13px;padding:10px 27px}
.search-tabs button.active{background:var(--red);border-radius:4px 4px 0 0}
/* SIRA KISITI - asagidaki iki kural birlestirilemez ve yer degistiremez.
   .search-grid .btn (0,2,0) ile .search-grid .field,.search-grid .btn (0,2,0)
   ayni butonu esit ozgullukle eslestirir; font-size'i sira belirler (14px). */
.search-grid .field,.search-grid .btn{height:52px;border-radius:5px;font-size:12px}
.search-grid .btn{font-size:14px}
/* Bolum basligi sistemi.
   Ayni seviyedeki tum bolum basliklari --fs-section kullanir; alt seviye
   bloklar (.compact-panel, .valuation, .office-card) daha yuksek ozgullukle
   --fs-h2-sm'e duser. Basligin altindaki kirmizi cizgi bolumleri gorsel
   olarak birbirinden ayirir ve markayla baglar. */
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}
/* Baglanti/rozet 38px basligin optik hizasina otursun (alt satira dusmesin) */
.section-head>.text-link,.section-head>.section-location{flex:0 0 auto;margin-top:10px}
.section-head h2{color:var(--navy);font-size:var(--fs-section);line-height:var(--lh-h2);letter-spacing:-.015em;margin:0}
.section-head-text{min-width:0}
.section-head-text h2::after{content:"";display:block;width:54px;height:3px;border-radius:2px;background:var(--red);margin-top:14px}
.section-head p{margin:13px 0 0;color:var(--muted);font-size:var(--fs-sm);line-height:1.5;max-width:62ch}
.section-location{border-radius:6px;font-size:12px;padding:6px 11px;border:0;background:#fff;color:#4f6073}
.map-section{position:relative;z-index:1}
.map-layout{display:grid;align-items:stretch;grid-template-columns:1.24fr 1fr;gap:13px}
.map-box{overflow:hidden;border:1px solid var(--line);position:relative;background:#dfe8ef;height:480px;border-radius:5px;z-index:1;isolation:isolate}
/* grid-auto-rows olmazsa sabit yukseklikteki (480px) grid, 5 satiri esit boler
   (89.6px) ve kart icerigi (106px) tasarak kirpilir — fiyat ve EIDS rozeti
   kesiliyordu. align-content:start tek basina yetmiyor (olculdu); satir
   boyutunu acikca icerige baglamak gerekiyor. Liste zaten overflow:auto. */
.map-list{display:grid;grid-auto-rows:max-content;align-content:start;overflow:auto;padding-right:3px;height:480px;gap:8px}
/* Kart yuksekligini METIN belirler, gorsel degil.
   Gorsel akista birakilirsa height:100% belirsiz yukseklige karsi cozulemeyip
   kendi dogal oranina duser (olculdu: 339px) ve karti sisirir; sabit yukseklikli
   izgara da bunu bastirirken metni kirpardi (fiyat ve EIDS rozeti kesiliyordu).
   Mutlak konumlandirma gorseli yukseklik hesabindan cikarir. */
.map-card{position:relative;display:grid;border:1px solid var(--line);overflow:hidden;background:#fff;gap:0;grid-template-columns:152px 1fr;border-radius:5px}
.map-card img{position:absolute;left:0;top:0;object-fit:cover;height:100%;width:152px}
.map-card-body{grid-column:2;min-width:0;padding:8px 11px}
.map-card-top{display:flex;align-items:center;gap:7px}
.transaction-label{text-transform:uppercase;font-weight:800;color:#fff;background:var(--navy-2);border-radius:4px;padding:2px 5px;font-size:12px}
.map-card h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;margin:2px 0 3px}
.map-card-meta{display:flex;gap:12px;color:#657286;font-size:12px}
.map-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px}
.map-card-bottom .price{font-size:14px}
.map-card-bottom .eids-badge{font-size:12px}
.price-marker{background:transparent;border:0}
.map-popup{display:grid;gap:7px;min-width:190px;padding:2px}
.map-popup strong{color:var(--navy);font-size:13px;line-height:1.35}
.map-popup-price{color:var(--red);font-size:15px;font-weight:900}
.map-popup-link{display:flex;align-items:center;justify-content:center;min-height:38px;margin-top:2px;padding:8px 13px;border-radius:7px;background:var(--red);color:#fff!important;font-size:12px;font-weight:900;text-decoration:none!important}
.map-popup-link:hover{background:var(--red-2)}
.leaflet-popup-content{margin:14px 16px}
.listing-price-row .price{font-size:14px}
.eids-badge{display:inline-flex;align-items:center;gap:5px;color:var(--navy);font-weight:800;font-size:12px}
.eids-badge .check{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--navy);color:#fff;width:15px;height:15px;font-size:12px}
.location-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.location-card{border:1px solid var(--line);overflow:hidden;background:#fff;border-radius:5px}
.location-card img{width:100%;object-fit:cover;height:102px}
.location-card div{padding:8px}
.location-card strong{display:block;font-size:12px}
.location-card .small{display:block;margin-top:3px;font-size:12px}
.blog-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.article-card{border:1px solid var(--line);overflow:hidden;background:#fff;border-radius:5px}
.article-card img{width:100%;object-fit:cover;height:145px}
.article-body{padding:10px}
.article-body h3{margin:6px 0 10px;font-size:var(--fs-sm);line-height:1.3;min-height:47px}
.article-body p{display:none}
.article-body .small{font-size:12px}
.article-body .text-link{font-size:12px}
.services-section{padding:52px 0}
.services{display:grid;grid-template-columns:repeat(6,1fr);gap:17px}
.service{padding:6px;display:grid;align-items:start;grid-template-columns:31px 1fr;column-gap:7px}
.service .icon{grid-row:1/3;font-size:23px;color:var(--navy-2)}
.service strong{font-size:12px}
.service .small{line-height:1.45;font-size:12px}
.stats-band{color:#fff;padding:21px 0;background:var(--navy)}
.stat,.partner{border-right:1px solid rgba(255,255,255,.18);text-align:center;padding:0 14px}
.stat strong{font-family:var(--font-display);font-size:25px}
.stat span{display:block;color:#ccd8e4;font-size:12px}
.partner-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;font-weight:900;font-size:12px;border-radius:3px}
.home-cta{padding:17px 0}
.home-cta .container{display:grid;align-items:center;grid-template-columns:42px 1fr auto}
.home-cta .cta-icon{font-size:27px}
.home-cta strong{display:block;font-size:15px}
.home-cta span{display:block;font-size:12px}
.home-cta .btn{min-width:260px;border-radius:4px;font-size:12px}
.office-section{padding:25px 0}
.office-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:26px;align-items:stretch}
.office-card{padding:0;border:0;border-radius:0}
.valuation{padding:14px;border-radius:5px}
.valuation-stack{display:flex;flex-direction:column;gap:10px}
.valuation .section-head h2{font-size:var(--fs-h2-sm);line-height:var(--lh-h2)}
.office-card-inner{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;align-items:center}
.office-card img{object-fit:cover;width:100%;height:245px;border-radius:4px}
.office-details p{font-size:12px;line-height:1.85}
.office-details .btn{font-size:12px;padding:8px 10px}
.valuation .field{font-size:12px;padding:10px}
.valuation .btn{font-size:12px}
.newsletter{display:grid;gap:20px;align-items:center;border:1px solid var(--line);margin:0;padding:11px 14px;border-radius:5px;grid-template-columns:1fr 1.25fr}
.newsletter h2{margin:0;font-size:var(--fs-h2-sm);line-height:var(--lh-h2)}
.newsletter .muted{font-size:12px}
.newsletter-form .field,.newsletter-form .btn{height:42px;font-size:12px}
.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:18px 0 34px}
.category{text-align:center;transition:.2s;min-height:132px;padding:20px 12px 14px;border:1px solid #dbe3ea;border-radius:5px;box-shadow:none;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.category .icon{height:42px;display:flex;align-items:center;justify-content:center;font-size:36px;line-height:1.05;color:var(--navy-2)}
.category strong{display:block;margin-top:7px;font-size:12px;line-height:1.2;color:var(--navy)}
.category-arrow{margin-top:7px;font-size:17px;line-height:1.05;color:#214c76}
.category:hover{transform:translateY(-2px);border-color:#9fb1c2;box-shadow:0 8px 22px rgba(6,26,47,.07)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.listing-card{overflow:hidden;position:relative;transition:.2s;border:1px solid #d9e1e8;border-radius:5px;box-shadow:none;background:#fff}
.listing-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(6,26,47,.08)}
.listing-img{width:100%;height:182px;object-fit:cover}
.transaction-badge{position:absolute;color:#fff;font-weight:800;text-transform:uppercase;left:10px;top:10px;padding:4px 7px;border-radius:3px;background:var(--navy-2);font-size:12px;line-height:1.2}
.listing-body{padding:11px 11px 0}
.listing-location-price{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:8px 0 9px}
.listing-bottom{gap:8px;min-height:36px;margin:0 -11px;padding:8px 11px;border-top:1px solid #dce3ea;display:flex;align-items:center;justify-content:space-between}
.listing-bottom .eids-badge{font-size:12px}
.listing-bottom .text-link{font-size:12px;letter-spacing:0;font-weight:800}
.listing-body h3{min-height:0;margin:0 0 8px;line-height:1.35;color:var(--navy);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:700;letter-spacing:-.01em}
.listing-meta{display:flex;gap:11px;flex-wrap:wrap;line-height:1.3;font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:0;color:#61758a}
.listing-meta span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.listing-meta i{width:auto;font-size:12px;color:#526c85}
.listing-location-price .small{line-height:1.2;font-family:var(--font-body);font-size:12px;font-weight:500;color:#687b8f}
.listing-location-price .price{line-height:1.05;white-space:nowrap;font-family:var(--font-body);font-size:14px;font-weight:800;letter-spacing:-.015em}
.listing-bottom .eids-badge,.listing-bottom .text-link{font-family:var(--font-body);font-weight:700}
.compact-row small{display:block;margin-top:3px;font-family:var(--font-body);font-size:12px;font-weight:500;line-height:1.2;color:#687b8f}
.listings-split-section{padding:52px 0;background:var(--bg)}
.split-list{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.compact-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
/* Panel basligi lacivert seritte oturur ve YALNIZCA basligi + "Tumunu Gor"
   baglantisini tasir; filtre satiri seridin ALTINDA kalir. Yatay ic bosluk
   altindaki .compact-row ile ayni (13px). */
.compact-panel .section-head{height:auto;min-height:0;margin:0;padding:12px 13px;align-items:center;background:var(--navy);border-radius:6px 6px 0 0}
.compact-panel .section-head h2::after{display:none}
.compact-panel .section-head>.text-link{margin-top:0}
.compact-panel .section-head h2{font-family:var(--font-display);font-size:var(--fs-h2-sm);font-weight:700;line-height:var(--lh-h2);color:#fff}
.compact-panel .section-head .text-link{letter-spacing:.04em;display:inline-flex;align-items:center;gap:11px;padding-top:0;font-family:var(--font-body);font-size:12px;font-weight:800;line-height:1.05;color:#fff;opacity:.85;transition:opacity .15s}
.compact-panel .section-head .text-link:hover{opacity:1}
.compact-panel .section-head .text-link span{font-size:15px;line-height:1.05}
/* Filtre seridi baslik bandinin devami: acik lacivert blok, secili olan
   marka kirmizisi hapta. Renkler markadan geliyor, disaridan renk katilmadi.
   Kontrast: pasif metin 9.6:1, secili beyaz/kirmizi 4.7:1 - ikisi de AA. */
.compact-filters{align-items:center;height:auto;margin:0;padding:7px;background:var(--navy-2);border:0;display:flex;flex-wrap:wrap;gap:5px;overflow:visible}
.compact-filters button{cursor:pointer;position:relative;flex:0 0 auto;min-height:34px;padding:0 16px;border:0;border-radius:5px;background:transparent;font-family:var(--font-body);font-size:12px;font-weight:700;line-height:34px;text-align:center;color:#c7d3e0;white-space:nowrap;transition:background .15s,color .15s}
.compact-filters button:hover{background:rgba(255,255,255,.10);color:#fff}
.compact-filters button.active,.compact-filters button.active:hover{background:var(--red);color:#fff;font-family:var(--font-body);font-size:12px;font-weight:800}
.compact-filters button.active:after{display:none}
/* SIRA KISITI - bu uc kurali birlestirmeyin, sirasini degistirmeyin.
   Ucu de (0,2,0) ozgullukte; tek satirli bir panelde ayni eleman hem
   :first-of-type hem :last-child olur ve kazanani yalnizca SIRA belirler.
   Gerekli sonuc: border-top = 1px solid (yani :last-child'in border:0'ini
   ezer), border-radius = 0 0 6px 6px (yani :first-of-type'i ezer).
   Dogrulama: node tools/css-order-check.js <eski.css> assets/css/site.css */
.compact-row:last-child{border:0;border-bottom:0}
.compact-row:first-of-type{border-top:1px solid #e1e6eb;border-radius:6px 6px 0 0}
.compact-row:last-child{border-radius:0 0 6px 6px}
.compact-info{display:flex;min-width:0;flex-direction:column;justify-content:center}
.compact-meta>span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.compact-row{display:grid;background:#fff;border-left:1px solid #e1e6eb;border-right:1px solid #e1e6eb;border-bottom:1px solid #e1e6eb;align-items:center;min-height:78px;grid-template-columns:115px minmax(0,1fr) auto;gap:15px;padding:8px 13px}
.compact-row img{object-fit:cover;width:115px;height:62px;min-width:115px;border-radius:6px}
.compact-row strong{display:block;font-family:var(--font-body);font-weight:700;line-height:1.2;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.compact-meta{display:flex;align-items:center;font-family:var(--font-body);font-weight:500;line-height:1.05;color:#65798d;margin-top:5px;font-size:12px;gap:14px}
.compact-meta i{color:#60778e;font-size:13px}
.compact-info small{display:block;font-family:var(--font-body);font-weight:500;line-height:1.05;color:#5f7489;margin-top:5px;font-size:12px}
.compact-row .price{letter-spacing:-.015em;margin-left:12px;font-family:var(--font-body);font-weight:800;line-height:1.05;color:var(--red);white-space:nowrap;font-size:16px}
.neighborhood-section{padding:52px 0}
.neighborhood-section .section-head{margin-bottom:12px;align-items:flex-start}
.neighborhood-section .section-head h2{font-family:var(--font-display);font-size:var(--fs-section);font-weight:700;line-height:var(--lh-h2);color:var(--navy)}
.neighborhood-section .section-head .text-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:12px;font-weight:800;line-height:1.05;color:#152a40}
.neighborhood-section .section-head .text-link span{font-size:15px;line-height:1.05}
.neighborhood-section .location-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:15px}
.neighborhood-section .location-card{overflow:hidden;border:1px solid #dce3e9;border-radius:7px;background:#fff;box-shadow:0 5px 16px rgba(6,26,47,.035)}
.neighborhood-section .location-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(6,26,47,.08)}
.neighborhood-section .location-card img{width:100%;height:auto;aspect-ratio:1.3/1;object-fit:cover;border-radius:6px 6px 0 0}
.neighborhood-section .location-card div{padding:9px 11px 11px}
.neighborhood-section .location-card strong{display:block;font-family:var(--font-body);font-size:13px;font-weight:700;line-height:1.2;color:var(--navy)}
.neighborhood-section .location-count{display:block;margin-top:4px;font-family:var(--font-body);font-size:12px;font-weight:600;line-height:1.05;color:#5f7489}
.gallery{display:grid;gap:8px;margin-bottom:24px;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px}
.gallery-item{position:relative;overflow:hidden;border:0;border-radius:10px;padding:0;background:#e8edf2;cursor:zoom-in}
.gallery-item img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .25s}
.gallery-item:hover img{transform:scale(1.025)}
.gallery-item:first-child{grid-row:span 2}
.gallery-count-1{display:block}
.gallery-count-1 .gallery-item{width:100%;height:min(580px,60vw)}
.gallery-count-2{grid-template-columns:2fr 1fr;grid-template-rows:448px}
.gallery-count-2 .gallery-item{grid-row:auto}
.gallery-count-3{grid-template-columns:2fr 1fr;grid-template-rows:220px 220px}
.gallery-count-3 .gallery-item:nth-child(2){grid-row:1}
.gallery-count-3 .gallery-item:nth-child(3){grid-column:2;grid-row:2}
.gallery-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(3,19,34,.58);color:#fff;font-weight:800;font-size:18px}
.gallery-lightbox{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;background:rgba(2,12,23,.94);padding:56px 80px}
.gallery-lightbox.show{display:flex}
.gallery-lightbox>img{max-width:min(1200px,100%);max-height:calc(100vh - 112px);object-fit:contain}
.gallery-close,.gallery-nav{position:absolute;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.gallery-close{right:22px;top:18px;width:44px;height:44px;font-size:30px}
.gallery-nav{top:50%;width:48px;height:48px;font-size:38px;line-height:1.05}
.gallery-prev{left:20px}
.gallery-next{right:20px}
.gallery-counter{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;font-weight:700}
.gallery-lightbox button:hover{background:var(--red)}
.empty{padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;background:var(--bg)}
.eids-view[hidden]{display:none!important}
.eids-primary-action{width:100%;margin-top:4px}
.eids-info-link{display:inline-flex;margin-top:15px;padding:5px 2px;border:0;border-bottom:1px solid #8ea0b1;background:transparent;color:var(--navy);font-size:12px;font-weight:800;cursor:pointer}
.eids-info-link:hover{color:var(--red);border-color:var(--red)}
.eids-detail-view{text-align:left}
.eids-detail-view .eids-badge{display:flex;width:max-content;margin:0 auto 8px}
.eids-detail-view h2{text-align:center;margin-bottom:10px}
.eids-detail-view>p{margin:8px 0;font-size:13px;color:#536579}
.eids-detail-view h3{margin:15px 0 7px;color:var(--navy);font-size:15px}
.eids-steps{display:grid;gap:6px;margin:0;padding-left:20px;color:#263b50;font-size:12px}
.eids-legal-note{padding:9px 11px;border-left:3px solid var(--red);border-radius:5px;background:#f5f7f9;color:#384c60!important}
.eids-phone{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:11px 13px;border-radius:8px;background:var(--navy);color:#fff}
.eids-phone span{font-size:12px;color:#cbd7e2}
.eids-phone a{font-size:14px;font-weight:800;white-space:nowrap}
.eids-detail-actions{display:grid;grid-template-columns:.8fr 1.6fr;gap:8px;margin-top:12px}
.eids-detail-actions .btn{padding:10px 12px;font-size:12px}
.map-section .section-head h2,.featured-section .section-head h2,.listings-split-section .section-head h2,.neighborhood-section .section-head h2,.market-section .section-head h2,.services-section .section-head h2{font-weight:700}
.listing-information{margin:25px 0}
.listing-information h2{margin:24px 0 12px;font-size:var(--fs-h2);line-height:var(--lh-h2);color:var(--navy);font-weight:700}
.listing-external-link{display:flex;align-items:center;gap:11px;width:100%;margin:0 0 22px;padding:15px 18px;border:1px solid var(--red);border-radius:8px;background:#fff4f5;color:var(--red);font-size:14px;font-weight:800;transition:.2s}
.listing-external-link:hover{background:var(--red);color:#fff;transform:translateY(-1px)}
.listing-spec-table{overflow:hidden;border:1px solid #d7dee5;border-radius:9px;background:#fff}
.listing-spec-row{display:grid;grid-template-columns:minmax(155px,38%) 1fr;min-height:42px;border-bottom:1px dotted #c9d1d9}
.listing-spec-row:last-child{border-bottom:0}
.listing-spec-row strong,.listing-spec-row span{display:flex;align-items:center;padding:9px 13px}
.listing-spec-row strong{border-right:1px solid #edf0f3;background:#f8fafb;color:var(--navy);font-size:13px}
.listing-spec-row span{color:#26384b;font-size:13px}
.listing-spec-row .listing-number-value{color:var(--red);font-weight:800}
.price-range-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
.price-range-fields .field{min-width:0}
.search-grid{display:grid;gap:11px;grid-template-columns:2fr 1.35fr 1.7fr 190px}
.form-grid>.price-range-fields{grid-column:1/-1}
.price-marker span{display:inline-flex;align-items:center;justify-content:center;height:30px;background:var(--red);color:#fff;border:2px solid #fff;border-radius:7px;font-weight:800;box-shadow:0 3px 9px rgba(4,28,50,.22);white-space:nowrap;width:100%;min-width:0;padding:0 7px;font-size:12px}
.price-marker span:after{content:"";position:absolute;bottom:-6px;border:6px solid transparent;border-top-color:var(--red);left:50%;transform:translateX(-50%)}

/* ============================================
   5. YARDIMCI SINIFLAR
   ============================================ */
.text-link{font-weight:800;color:var(--navy);font-size:13px}
.price{color:var(--red);font-weight:900}
.muted{color:var(--muted)}
.small{font-size:var(--fs-xs)}
.section-head .text-link,.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.02em}

/* ============================================
   6. DUYARLI DAVRANIS  (genisten dara)
   ============================================ */
/* SIRA KISITI - bloklarin sirasi (1250 -> 1180 -> 980 -> 650) ve blok ICINDEKI
   satir sirasi anlamlidir; ikisi de degistirilemez.

   Bazi seciciler ayni blokta birden fazla kez gecer (980'de 10, 650'de 14
   secici). Bu bir temizlik artigi DEGIL, bilincli bir kisittir: aralarinda
   ayni ozelligi esit ozgullukle tanimlayan baska bir secici vardir ve
   birlestirme o seciciyi atlayarak kazanani degistirir. Ornegin 980
   blogunda .nav uc parcaya bolunmustur; .header-inner.open .nav kurallari
   araya girer. Birlestirmeden once mutlaka:
     node tools/css-order-check.js <eski.css> assets/css/site.css
     node tools/css-cascade-check.js <cikti.json>   (oncesi/sonrasi diff) */
@media(max-width:1250px){
/* Hero: 1250px altinda 2560'lik surum gereksiz buyuk */
.hero{background-image:linear-gradient(90deg,rgba(2,26,52,.95) 0%,rgba(2,26,52,.78) 30%,rgba(2,26,52,.28) 62%,rgba(2,26,52,.12) 100%),url('/assets/img/hero-merzifon-1600.jpg')}.hero{background-image:linear-gradient(90deg,rgba(2,26,52,.95) 0%,rgba(2,26,52,.78) 30%,rgba(2,26,52,.28) 62%,rgba(2,26,52,.12) 100%),-webkit-image-set(url('/assets/img/hero-merzifon-1600.webp') type('image/webp'),url('/assets/img/hero-merzifon-1600.jpg') type('image/jpeg'))}.hero{background-image:linear-gradient(90deg,rgba(2,26,52,.95) 0%,rgba(2,26,52,.78) 30%,rgba(2,26,52,.28) 62%,rgba(2,26,52,.12) 100%),image-set(url('/assets/img/hero-merzifon-1600.webp') type('image/webp'),url('/assets/img/hero-merzifon-1600.jpg') type('image/jpeg'))}

  .container{width:min(100% - 36px,var(--max))}
  .brand{width:175px;flex-basis:175px}
  .nav{gap:13px}
  .header-actions{gap:10px}
  .brand-logo:not(.footer-logo){width:164px}
}
@media(max-width:1180px){
  .brand-local{display:none}
  .services{grid-template-columns:repeat(3,1fr);gap:17px}
  .brand-logo:not(.footer-logo){width:152px}
}
@media(max-width:980px){
  .nav{display:none}
  .mobile-toggle{display:block}
  .header-inner.open .nav{display:flex;position:absolute;left:0;right:0;background:var(--navy);padding:18px;flex-direction:column}
  .map-layout,.office-grid,.content-layout,.detail-grid{grid-template-columns:1fr}
  .stats-grid{gap:20px}
  .contact-card{position:static}
  .header-inner{position:relative}
  .header-inner.open .nav{z-index:910}
  .map-list{max-height:none}
  .cards{grid-template-columns:repeat(2,1fr)}
  .location-grid{grid-template-columns:repeat(4,1fr)}
  .stats-grid{grid-template-columns:repeat(3,1fr)}
  .header-inner{height:88px;min-height:88px;gap:22px}
  .nav{margin:0;flex:1;justify-content:center}
  .map-list{gap:8px}
  .location-grid{gap:10px}
  .nav{gap:13px}
  .site-header,.header-inner{height:74px;min-height:74px}
  .header-inner.open .nav{top:74px}
  .brand{width:160px;flex-basis:160px}
  .hero{min-height:450px}
  .map-layout{grid-template-columns:1fr}
  .map-list{height:auto;grid-template-columns:1fr 1fr}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .office-grid{grid-template-columns:1fr}
  .cards{gap:14px}
  .split-list{grid-template-columns:1fr}
  .compact-panel{margin-bottom:10px}
  .neighborhood-section .location-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:650px){
.section,.services-section{padding:30px 0}

  .topbar{display:none}
  .brand-local,.header-actions .hide-mobile{display:none}
  .cards,.split-list,.blog-grid,.office-grid,.form-grid,.newsletter{grid-template-columns:1fr}
  .stat,.partner{border:0}
  .footer-bottom,.cta-band .container{flex-direction:column;align-items:flex-start}
  .gallery img:first-child{grid-column:1/-1;height:260px}
  .gallery img{height:130px}
  .facts{grid-template-columns:repeat(2,1fr)}
  .fact{border-bottom:1px solid var(--line)}
  .trust-modal img{height:104px}
  .trust-modal-content{padding:18px}
  .trust-modal h2{font-size:21px}
  .newsletter-form button{min-width:108px}
  .topbar{height:31px;padding:4px 0;background:var(--navy)}
  .home-cta .container{display:grid;align-items:center}
  .header-actions .btn{font-size:12px}
  .map-card-meta{display:none}
  .map-card-bottom{align-items:flex-end}
  .map-card-bottom .eids-badge .check{font-size:12px}
  .home-cta .btn{grid-column:1/-1;width:100%;margin-top:12px}
  .newsletter-form{width:100%}
  .footer-bottom{flex-direction:column}
  .header-actions .btn{padding:11px 17px;border-radius:5px}
  .map-card-meta{font-size:12px}
  .map-card-bottom{margin-top:4px}
  .stat,.partner{padding:0 14px}
  .home-cta .container{grid-template-columns:42px 1fr auto}
  .home-cta .btn{min-width:260px;border-radius:4px;font-size:12px}
  .newsletter{margin:0;padding:11px 14px;border-radius:5px;grid-template-columns:1fr 1.25fr}
  .footer-bottom{font-size:12px;margin-top:15px;padding-top:10px}
  .container{width:calc(100% - 22px)}
  .site-header,.header-inner{height:68px;min-height:68px}
  .brand{width:144px;flex-basis:144px}
  .header-inner.open .nav{top:68px}
  .hero{min-height:455px;background-image:linear-gradient(180deg,rgba(2,26,52,.90) 0%,rgba(2,26,52,.72) 45%,rgba(2,26,52,.55) 100%),url('/assets/img/hero-merzifon-700.jpg');background-position:center 40%}.hero{background-image:linear-gradient(180deg,rgba(2,26,52,.90) 0%,rgba(2,26,52,.72) 45%,rgba(2,26,52,.55) 100%),-webkit-image-set(url('/assets/img/hero-merzifon-700.webp') type('image/webp'),url('/assets/img/hero-merzifon-700.jpg') type('image/jpeg'))}.hero{background-image:linear-gradient(180deg,rgba(2,26,52,.90) 0%,rgba(2,26,52,.72) 45%,rgba(2,26,52,.55) 100%),image-set(url('/assets/img/hero-merzifon-700.webp') type('image/webp'),url('/assets/img/hero-merzifon-700.jpg') type('image/jpeg'))}
  .hero-copy{padding:35px 0 145px}
  .hero h1{font-size:45px}
  .hero p{font-size:12px}
  .categories{grid-template-columns:repeat(2,1fr)}
  .map-list{grid-template-columns:1fr}
  .map-card{grid-template-columns:105px 1fr}
  .map-card img{width:105px}
  .cards{grid-template-columns:1fr}
  .location-grid{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:1fr}
  .services{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr}
  .categories{margin:18px 0 34px;gap:10px}
  .category{min-height:116px;padding:16px 9px 12px}
  .category .icon{height:36px;font-size:31px}
  .category-arrow{font-size:15px}
  .cards{gap:14px}
  .listing-img{height:220px}
  .listing-body h3{font-size:13px}
  .listing-meta i{font-size:13px}
  .listings-split-section{padding:30px 0}
  .compact-panel .section-head{padding:11px 12px}
  .compact-filters{overflow-x:auto;display:flex}
  .compact-filters button{min-width:96px}
  .compact-row .price{margin-left:5px}
  .compact-row{min-height:68px;grid-template-columns:82px minmax(0,1fr) auto;gap:8px;padding:7px}
  .compact-row img{width:82px;height:54px;min-width:82px}
  .compact-row strong{font-size:12px}
  .compact-meta{gap:5px;font-size:12px}
  .compact-meta i{font-size:12px}
  .compact-row .price{font-size:12px}
  .neighborhood-section{padding:30px 0}
  .neighborhood-section .section-head h2{font-size:var(--fs-section)}
  .neighborhood-section .location-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .gallery-item img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .25s}
  .gallery{grid-template-columns:1fr 1fr;grid-template-rows:250px 120px}
  .gallery-item:first-child{grid-column:1/-1;grid-row:auto}
  .gallery-count-1 .gallery-item{height:280px}
  .gallery-count-2{grid-template-columns:1fr 1fr;grid-template-rows:180px}
  .gallery-count-2 .gallery-item:first-child{grid-column:auto}
  .gallery-count-3{grid-template-columns:1fr 1fr;grid-template-rows:240px 120px}
  .gallery-count-3 .gallery-item:first-child{grid-column:1/-1}
  .gallery-count-3 .gallery-item:nth-child(2),.gallery-count-3 .gallery-item:nth-child(3){grid-column:auto;grid-row:2}
  .gallery-lightbox{padding:60px 15px}
  .gallery-nav{width:40px;height:40px;font-size:30px}
  .gallery-prev{left:8px}
  .gallery-next{right:8px}
  .eids-detail-view>p{font-size:12px}
  .eids-phone{align-items:flex-start;flex-direction:column}
  .eids-detail-actions{grid-template-columns:1fr}
  .eids-detail-actions .btn-primary{order:-1}
  .listing-information h2{font-size:25px}
  .listing-external-link{padding:13px;font-size:12px}
  .listing-spec-row{grid-template-columns:44% 56%}
  .listing-spec-row strong,.listing-spec-row span{padding:8px 9px;font-size:12px;overflow-wrap:anywhere}
  .search-shell{width:100%;margin-top:-112px;padding:0 12px 12px;border-radius:8px;overflow:visible}
  .search-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 -12px 10px}
  .search-tabs button{width:100%;min-height:42px;padding:10px 12px;font-size:13px}
  .search-tabs button.active{border-radius:8px 8px 0 0}
  .search-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  .search-grid .field,.search-grid .btn{display:block;width:100%!important;min-width:0!important;height:48px!important;margin:0;border-radius:6px!important;padding:11px 13px;font-size:12px!important;line-height:1.2}
  .search-grid select.field{padding-right:34px;text-overflow:ellipsis}
  .search-grid .btn{display:flex;font-size:14px!important}
  .categories{margin-top:20px}
  .price-range-fields .field{min-width:0}
  .search-grid .price-range-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .search-grid .price-range-fields .field{font-size:12px!important;padding:10px!important}
  .form-grid>.price-range-fields{grid-template-columns:1fr 1fr}
  .form-grid>.price-range-fields .field{width:100%}
  .brand-logo:not(.footer-logo){width:136px}
  .footer-logo{width:150px}
  :root{--fs-h1:34px;--fs-h2:26px;--fs-section:29px;--fs-h3:17px;--fs-h4:15px;--fs-base:15px;--fs-sm:13px;--fs-xs:12px}
  .compact-panel{min-width:0}
  .compact-filters button{flex:0 0 auto}
  .compact-meta{overflow:hidden}
  .section-head .text-link{flex:0 0 auto;white-space:nowrap}
}

.chip-active{background:var(--navy);border-color:var(--navy);color:#fff}

/* ---------- Makale etiketleri ---------- */
.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.article-tags-label{font-family:var(--font-body);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.article-tag{padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-family:var(--font-body);font-size:12px;font-weight:600;color:#3d5063}
/* ---------- Ofis karti: degerleme surecinin adimlari ----------
   Sag sutundaki form 448px, sol sutun 245px'te bitiyordu ve altta
   200px'lik bos alan kaliyordu. Kart artik dikey akiyor ve kalan
   alani surec adimlari dolduruyor. */
.office-card{display:flex;flex-direction:column;gap:18px}
.office-trust{padding-top:16px;border-top:1px solid var(--line)}
.office-trust h3{margin:0 0 12px;font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--navy)}
.trust-steps{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.trust-steps li{display:flex;gap:11px;align-items:flex-start}
.trust-step-no{
  flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;margin-top:1px;border-radius:50%;
  background:var(--navy);color:#fff;
  font-family:var(--font-body);font-size:11px;font-weight:700;line-height:1;
}
.trust-steps strong{display:block;font-family:var(--font-body);font-size:13px;font-weight:700;line-height:1.35;color:var(--navy)}
.trust-steps p{margin:2px 0 0;font-size:12px;line-height:1.55;color:#54687c}
.office-note{
  display:flex;gap:8px;align-items:flex-start;
  margin:14px 0 0;padding:10px 12px;border-radius:8px;
  background:#f2f5f8;font-size:12px;line-height:1.5;color:#3d5063;
}
.office-note i{margin-top:2px;color:var(--navy-2)}
@media(max-width:820px){
  .office-card{gap:14px}
  .office-trust{padding-top:14px}
}
/* Sag sutunun son kutusu kalan alani doldursun. Onceden .valuation-stack
   kutusu sol sutun kadar uzuyordu ama icindeki son kutu 100px yukarida
   bitiyor, bu da sol sutun asagi tasiyormus gibi gorunmesine yol aciyordu. */
.office-grid .valuation-stack>.newsletter{flex:1 1 auto;align-content:center}
/* ---------- Ana sayfa tanitim bolumu ----------
   Onceden iki sutundu: solda basliksiz iki paragraf, sagda iki ara
   baslik. Yapi asimetrikti ve satirlar ~100 karakterdi. Dort esit
   blok hem paralel bir yapi kuruyor hem satir uzunlugunu ~60
   karaktere dusuruyor. Tipografi: 34 -> 15 arasindaki bosluk 16px
   ara baslikla dolduruldu. */
.home-intro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:4px}
.intro-block h3{
  margin:0 0 7px;padding-top:12px;border-top:2px solid var(--navy);
  font-family:var(--font-body);font-size:16px;font-weight:700;
  line-height:1.35;letter-spacing:-.01em;color:var(--navy);
}
.intro-block p{margin:0;font-size:14px;line-height:1.62;color:#4a5c6f}
.home-intro .section-head{margin-bottom:22px}
.home-intro .chips{margin-top:26px}
@media(max-width:1100px){ .home-intro-grid{grid-template-columns:repeat(2,1fr);gap:24px} }
@media(max-width:640px){
  .home-intro-grid{grid-template-columns:1fr;gap:18px}
  .intro-block h3{padding-top:10px}
}
/* ---------- Footer alt serit ----------
   Iki is ortagi (Inovarty ve Nextlab) kurumsal markalar; adlari
   govde metninden ayirt edilebilir olmali ama serit yine de sakin
   kalmali. Ayrim renkle degil, agirlik ve harf araligiyla kuruldu. */
.footer-credit,.footer-legal{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.footer-credit>a:first-child{font-weight:600;color:#E7EEF5}
.footer-partner{
  font-weight:600;letter-spacing:.01em;color:#fff;
  border-bottom:1px solid rgba(255,255,255,.28);
  transition:border-color .15s,color .15s;
}
.footer-partner:hover{border-bottom-color:var(--red);color:#fff}
.footer-sep,.footer-amp{color:rgba(255,255,255,.32);font-weight:400}
.footer-amp{margin:0 -3px}
.footer-credit-tail{color:#A9BDD0}
.footer-legal a{color:#C2D2E1}
.footer-legal a:hover{color:#fff}
@media(max-width:700px){
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}
  .footer-credit,.footer-legal{gap:7px}
}
/* ---------- Hukuki sayfalar ---------- */
.legal-content{max-width:none}
.legal-date{margin:0 0 22px;font-size:13px;color:var(--muted)}
.legal-content h2{font-size:24px;margin-top:32px}
.legal-content p{font-size:15px;line-height:1.7}
.legal-list{margin:14px 0;padding-left:20px;display:grid;gap:9px}
.legal-list li{font-size:15px;line-height:1.65;color:#3d5063}
.legal-table{margin:16px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.legal-row{display:grid;grid-template-columns:230px 1fr;gap:16px;padding:11px 14px;border-bottom:1px solid var(--line-2,#eef2f6);font-size:14px}
.legal-row:last-child{border-bottom:0}
.legal-row:nth-child(odd){background:#fafbfd}
.legal-row strong{color:var(--navy);font-weight:600}
.legal-row span{color:#3d5063;line-height:1.6}
@media(max-width:700px){ .legal-row{grid-template-columns:1fr;gap:3px} }

/* ---------- Form onay kutulari ---------- */
.form-consent{display:grid;gap:10px;margin:4px 0 12px;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#fafbfd}
.consent-row{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:#3d5063;cursor:pointer}
.consent-row input{margin-top:2px;flex:0 0 auto;width:15px;height:15px;accent-color:var(--red)}
.consent-row a{color:var(--navy);font-weight:600;text-decoration:underline}
.consent-row em{color:var(--muted);font-style:normal}
.consent-required{color:var(--red);font-weight:700}
.form-ok,.form-err{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.5}
.form-ok{background:#e7f7ef;color:#08734b}
.form-err{background:#fff0f1;color:#b01020}

/* ---------- Cerez banner ve tercih paneli ---------- */
.cerez-banner{position:fixed;left:0;right:0;bottom:0;z-index:1200;padding:0 16px 16px;transform:translateY(120%);transition:transform .28s ease;pointer-events:none}
.cerez-banner.show{transform:translateY(0);pointer-events:auto}
.cerez-banner-inner{display:flex;align-items:center;gap:20px;max-width:1180px;margin:0 auto;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 50px rgba(2,26,52,.20)}
.cerez-metin strong{display:block;margin-bottom:3px;font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--navy)}
.cerez-metin p{margin:0;font-size:12.5px;line-height:1.55;color:#4a5c6f}
.cerez-metin a{color:var(--navy);font-weight:600;text-decoration:underline}
.cerez-butonlar{display:flex;gap:8px;flex:0 0 auto;flex-wrap:wrap}
.cerez-butonlar .btn{padding:9px 15px;font-size:13px}
.cerez-panel .trust-modal{max-width:520px}
.cerez-grup{padding:13px 0;border-bottom:1px solid var(--line)}
.cerez-grup:last-of-type{border-bottom:0}
.cerez-grup-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
.cerez-grup-ust strong{font-family:var(--font-body);font-size:14px;color:var(--navy)}
.cerez-grup p{margin:0;font-size:12.5px;line-height:1.55}
.cerez-grup code{padding:1px 5px;border-radius:4px;background:#eef2f6;font-size:11.5px}
.badge-sabit{padding:3px 9px;border-radius:99px;background:#eef2f6;font-size:11px;font-weight:700;color:#5f7489}
.cerez-anahtar{position:relative;display:inline-flex;flex:0 0 auto;cursor:pointer}
.cerez-anahtar input{position:absolute;opacity:0;width:0;height:0}
.cerez-anahtar span{display:block;width:40px;height:22px;border-radius:99px;background:#cbd5df;transition:background .18s}
.cerez-anahtar span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .18s}
.cerez-anahtar input:checked+span{background:var(--success)}
.cerez-anahtar input:checked+span::after{transform:translateX(18px)}
.cerez-anahtar input:focus-visible+span{outline:2px solid var(--navy);outline-offset:2px}
.cerez-panel-alt{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:820px){
  .cerez-banner-inner{flex-direction:column;align-items:stretch;gap:12px}
  .cerez-butonlar{justify-content:stretch}
  .cerez-butonlar .btn{flex:1}
  .cerez-panel-alt{flex-direction:column;align-items:stretch}
}
/* Doldurulmamis yasal alanlarda satir bos kalir; yer tutucu metin
   gosterilmez, ama etiket gorunur ve duzen bozulmaz. */
.legal-row span:empty{display:block;min-height:1.6em}
/* Alt serit tek satira indi: telif ve is ortagi bilgisi ortalanir.
   Yasal baglantilar footer'daki "Yasal" sutununda toplandi. */
.footer-bottom{justify-content:center}
.footer-credit{justify-content:center;text-align:center}
@media(max-width:700px){
  .footer-bottom{flex-direction:column;align-items:center}
  .footer-credit{justify-content:center}
}
/* ---------- Mahalle sayfasi ---------- */
.nb-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}
.nb-fact{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff}
.nb-fact span{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.nb-fact strong{font-family:var(--font-body);font-size:16px;font-weight:700;line-height:1.3;color:var(--navy)}
.nb-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.nb-link{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .15s,transform .15s}
.nb-link:hover{border-color:var(--navy);transform:translateY(-2px)}
.nb-link strong{display:block;margin-bottom:3px;font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--navy)}
.nb-link span{font-size:12px;color:var(--muted)}
@media(max-width:900px){ .nb-facts{grid-template-columns:repeat(2,1fr)} .nb-links{grid-template-columns:1fr} }
@media(max-width:520px){ .nb-facts{grid-template-columns:1fr} }
/* ---------------------------------------------------------------
   Erisilebilirlik duzeltmeleri

   Olculerek bulunan sorunlar icin; her biri olculmus bir eksige
   karsilik geliyor, susleme degil.
   --------------------------------------------------------------- */

/* Gorunmez etiket: ekran okuyucu okur, ekranda yer kaplamaz.
   Iletisim formunda alanlarin yalnizca placeholder'i vardi;
   placeholder yazmaya baslayinca kayboluyor. */
.gorsel-gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Icerige atla: yalnizca klavyeyle odaklaninca goruntur.
   Onceden klavye kullanicisi her sayfada sekiz menu ogesini geciyordu. */
.icerige-atla{position:absolute;left:-9999px;top:0;z-index:200;background:var(--red);color:#fff;padding:12px 20px;border-radius:0 0 10px 0;font-weight:700;text-decoration:none}
.icerige-atla:focus{left:0}

/* Odak gorunurlugu: klavyeyle gezerken nerede oldugu belli olsun.
   Fareyle tiklamada gorunmez (:focus-visible). */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--red);outline-offset:2px}

/* Kontrast. Olculen degerler esigin altindaydi; her kural bir
   olcume karsilik geliyor.

   .small.muted  beyaz zeminde 4.36:1 -> 5.28:1
   .badge-sabit  beyaz zeminde 4.30:1 -> 5.00:1
   Alt bilgideki .small koyu lacivert zeminde 3.33:1 idi; orada
   koyultmak degil aciklamak gerekiyor.

   .muted ile birlikte kullanildigi icin secici cift sinifli:
   tek sinifli kural .muted tarafindan eziliyordu. */
.small,.small.muted{color:#5b6e82}
.badge-sabit{color:#55697d}
.site-footer .small,.site-footer .small.muted{color:#b9c7d6}

/* Dokunma hedefleri. Olculen kutular mobilde parmak icin kucuktu.
   Hedef WCAG AA olcusu olan 24 piksel: 44 piksel AAA hedefi ve alt
   bilgideki 45 baglantiyi devasa yapardi. Gorunum degismiyor,
   yalnizca tiklanabilir alan buyuyor. */
.text-link{padding-top:12px;padding-bottom:12px}
.chip{padding:10px 12px}
.site-footer .footer-grid a:not(.socials a){padding-top:4px;padding-bottom:4px;display:block}
.listing-card h3 a,.article-card h3 a{padding-top:4px;padding-bottom:4px;display:inline-block}
.socials{gap:5px}
.socials a{width:clamp(24px,calc((100% - 25px) / 6),32px);height:auto;aspect-ratio:1;flex:0 0 auto}
/* Alt bilgi kredi satiri, cerez metni ve form onay metnindeki
   satir ici baglantilar: metin akisi icinde olduklari icin
   yalnizca dikey alan buyutuluyor, satir yuksekligi bozulmasin
   diye negatif kenar bosluguyla dengeleniyor. */
.footer-credit a,.cerez-banner a,.cerez-panel a,.form-consent a,.consent-note a{display:inline-block;padding:5px 2px;margin:-5px 0}

/* Satilan / kiralanan ilan rozetleri.
   Kart rozeti mevcut transaction-badge'in yerini alir; renk farki
   ziyaretcinin listede tek bakista ayirmasi icin. Detay sayfasindaki
   rozet EIDS rozetinin yanina, fiyatin karsisina oturur. */
.transaction-badge.badge-kapali{background:#8a1f2b}
.rozet-kapali{display:inline-block;margin-left:8px;padding:4px 10px;border-radius:3px;
  background:#8a1f2b;color:#fff;font-weight:800;font-size:12px;line-height:1.2;
  text-transform:uppercase;vertical-align:middle}

/* Mobil iletisim cubugu.
   Telefondan gelen ziyaretci ilani begendiginde aramak icin sayfanin
   basina donmek zorundaydi; cubuk bu adimi kaldiriyor.
   z-index cerez bandinin (1200) ALTINDA: riza verilmeden cubuk one
   cikmasin. Modal acikken de gizlenir. */
.mobil-iletisim{display:none}
@media (max-width:768px){
  .mobil-iletisim{display:grid;grid-template-columns:1fr 1fr;gap:1px;
    position:fixed;left:0;right:0;bottom:0;z-index:900;
    background:rgba(255,255,255,.14);box-shadow:0 -2px 12px rgba(11,26,44,.22)}
  .mobil-iletisim a{display:flex;align-items:center;justify-content:center;gap:8px;
    min-height:52px;padding:8px 10px;font-weight:700;font-size:15px;
    text-decoration:none;color:#fff}
  .mobil-iletisim-ara{background:var(--navy-2)}
  .mobil-iletisim-wa{background:#1f8c4d}
  .mobil-iletisim a i{width:1em;height:1em;-webkit-mask-size:16px;mask-size:16px}
  .mobil-iletisim a:focus-visible{outline:3px solid #fff;outline-offset:-3px}
  /* Alt bilginin son satiri cubugun altinda kalmasin */
  body{padding-bottom:52px}
  /* EIDS modali acikken cubuk gizlenir */
  body.modal-open .mobil-iletisim{display:none}
}

/* Cerez bandi mobilde kisaltilir.
   390 px'te bant 224 px yer kaplayip hero altindaki arama formunun
   alt yarisini ortuyordu; ziyaretci ilk ekranda arama yapamiyordu.
   Yasal metnin ozu ve politika baglantisi mobilde de duruyor,
   yalnizca daha kisa anlatimla. Reddet ve Kabul Et esit agirlikta
   kalir (KVKK); hicbiri kucultulmez veya soluklastirilmaz. */
.cerez-kisa{display:none}
@media (max-width:768px){
  .cerez-uzun{display:none}
  .cerez-kisa{display:inline}
  .cerez-banner{padding:0 10px 10px}
  .cerez-banner-inner{padding:12px 14px;gap:10px}
  .cerez-metin strong{display:none}
  .cerez-metin p{margin:0;font-size:13px;line-height:1.45}
  .cerez-butonlar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
  .cerez-butonlar .btn{padding:11px 6px;font-size:13px;white-space:nowrap;min-height:44px}
}

/* Harita kutulari (ilan, rehber mekani, ofis).
   Yukseklik onceden sabit: Leaflet tembel yuklendigi icin kutu bos
   dururken de yer kapliyor, harita gelince sayfa ziplamıyor. */
.harita-kutu{position:relative;width:100%;height:380px;border-radius:12px;overflow:hidden;
  background:#e8edf2;display:grid;place-items:center}
.harita-kutu .harita-bekliyor{color:#5b6e82;font-size:14px}
.harita-kutu.map-ready .harita-bekliyor{display:none}
.harita-kutu .leaflet-container{position:absolute;inset:0;border-radius:12px}
.konum-blok{margin-bottom:24px}
.konum-blok .yol-tarifi{margin-top:12px;display:inline-flex;align-items:center;gap:8px}
.office-map{margin:16px 0;height:300px}
.map-popup-alt{display:block;margin-top:2px;color:#5b6e82;font-size:12px}
@media (max-width:768px){
  .harita-kutu{height:260px}
  .office-map{height:240px}
}

/* Ilan paylasim butonlari */
.paylas-grup{display:inline-flex;align-items:center;gap:8px;margin-left:12px;vertical-align:middle}
.paylas-etiket{display:inline-flex;align-items:center;gap:6px;color:#5b6e82;font-size:13px;font-weight:700}
.paylas-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy-2);
  cursor:pointer;padding:0;transition:background .18s,color .18s,border-color .18s}
.paylas-btn:hover{background:var(--navy-2);color:#fff;border-color:var(--navy-2)}
.paylas-wa:hover{background:#1f8c4d;border-color:#1f8c4d}
.paylas-tg:hover{background:#2d8fd0;border-color:#2d8fd0}
.paylas-btn:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.paylas-btn i{width:16px;height:16px;-webkit-mask-size:16px;mask-size:16px}
.paylas-kopyalandi{position:relative}
.paylas-kopyalandi::after{content:"Kopyalandı";position:absolute;bottom:calc(100% + 6px);left:50%;
  transform:translateX(-50%);white-space:nowrap;background:var(--navy-2);color:#fff;
  font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px}
@media (max-width:768px){
  /* Dokunma hedefi en az 44px (erisilebilirlik duzeltmesiyle uyumlu) */
  .paylas-btn{width:44px;height:44px}
}
@media (max-width:560px){
  .paylas-grup{margin-left:0;margin-top:10px;width:100%}
}

/* Harita marker'i.
   Leaflet'in varsayilan ikonu unpkg'den PNG cekiyor ve CSP img-src
   buna izin vermiyor; marker bugune kadar hic gorunmuyordu. divIcon
   ile CSS'ten ciziliyor: dis gorsel yok, politika gevsetilmiyor. */
.harita-pin span{display:block;width:26px;height:26px;border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);background:var(--red);border:2px solid #fff;
  box-shadow:0 2px 6px rgba(2,26,52,.4)}
.harita-pin span::after{content:"";position:absolute;top:8px;left:8px;
  width:10px;height:10px;border-radius:50%;background:#fff}

/* Ilan detayinda fiyat satiri.
   Onceden satir ici stildeydi ve sarmalamiyordu; paylas butonlari
   eklenince dar ekranda satirin en-az genisligi buyuyup sayfayi
   yatayda tasiriyordu. Grid ogesine min-width:0 verilmesi de gerekli:
   varsayilan "auto" degeri ogenin icerigin altina inmesini engelliyor. */
.detay-fiyat-satiri{display:flex;justify-content:space-between;gap:16px;
  align-items:center;flex-wrap:wrap}
.detail-grid main{min-width:0}
@media (max-width:560px){
  .detay-fiyat-satiri{gap:10px}
  .detay-fiyat-satiri .detail-price{width:100%}
}

/* Form geri bildirimi.
   .form-ok stilliydi ama .form-error hic tanimlanmamis; iletisim
   formundaki hata mesaji duz metin olarak cikiyordu. */
.form-ok,.form-error{display:flex;align-items:center;gap:8px;padding:12px 14px;
  border-radius:10px;margin-bottom:16px;font-weight:600}
.form-error{background:#fdecec;color:#96222a}
.form-ok i,.form-error i{width:1em;height:1em;-webkit-mask-size:16px;mask-size:16px;flex:0 0 auto}

/* Talep formu */
.talep-kapsayici{max-width:820px}
.talep-formu h2{margin:22px 0 12px;font-size:20px}
.talep-formu h2:first-child{margin-top:0}
.talep-sonuc{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.talep-cagri{margin-top:18px;padding:18px 20px;border:1px dashed var(--line);
  border-radius:12px;background:#f7f9fb}
.talep-cagri strong{display:block;margin-bottom:4px}
.talep-cagri p{margin:0 0 12px;color:#5b6e82;font-size:14px}

/* Danisman karti ve profil sayfasi.
   Avatar: fotograf yoksa bas harflerden uretiliyor. Stok insan
   fotografi bilinçli olarak kullanilmiyor; gercek olmayan bir yuzu
   calisanin fotografi gibi gostermek ziyaretciyi yaniltir. */
.danisman-avatar{display:inline-grid;place-items:center;border-radius:50%;
  color:#fff;font-weight:800;letter-spacing:.5px;flex:0 0 auto;
  font-size:clamp(18px,calc(var(--av,64px) / 2.6),34px)}
.danisman-foto{border-radius:50%;object-fit:cover;flex:0 0 auto}
.danisman-kart .danisman-ust{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.danisman-kart .danisman-ust strong{display:block;font-size:17px}
.danisman-kart .btn{margin-bottom:9px;display:flex;align-items:center;justify-content:center;gap:8px}
.danisman-kart .btn i{width:1em;height:1em;-webkit-mask-size:15px;mask-size:15px}
.danisman-tum{display:inline-block;margin-top:4px}
.danisman-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.danisman-hero .page-title{margin-bottom:4px}
.danisman-hero p{margin:0 0 14px}
.danisman-hero-butonlar{display:flex;gap:10px;flex-wrap:wrap}
.danisman-hero-butonlar .btn{display:inline-flex;align-items:center;gap:8px}
.danisman-hero-butonlar .btn i{width:1em;height:1em;-webkit-mask-size:15px;mask-size:15px}
@media (max-width:560px){
  .danisman-hero-butonlar .btn{flex:1 1 100%;justify-content:center}
}

/* Ekip kartlari (ana sayfa, iletisim, /danismanlar) */
.ekip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.ekip-kart{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}
.ekip-kisi{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;margin-bottom:14px}
.ekip-kisi strong{display:block;font-size:16px;color:var(--navy-2)}
.ekip-kisi:hover strong{color:var(--red)}
.ekip-butonlar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ekip-butonlar .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:11px 8px;font-size:14px;min-height:44px}
.ekip-butonlar .btn i{width:1em;height:1em;-webkit-mask-size:14px;mask-size:14px}
.ekip-section .section-head{margin-bottom:18px}
@media (max-width:480px){
  .ekip-grid{grid-template-columns:1fr}
}

/* Ilan filtre cubugu, rozetler ve sayfalama */
.ilan-filtre{margin-bottom:20px;padding:18px;border:1px solid var(--line);
  border-radius:14px;background:#f7f9fb}
.ilan-filtre-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.ilan-filtre label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--navy-2)}
.ilan-filtre .field{font-weight:400}
.ilan-filtre-alt{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.ilan-filtre-alt .btn{min-height:44px;display:inline-flex;align-items:center}

.filtre-rozetleri{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}
.filtre-rozet{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;
  border:1px solid var(--line);border-radius:99px;background:#fff;
  text-decoration:none;color:var(--navy-2);font-size:13px;font-weight:600;min-height:34px}
.filtre-rozet:hover{background:var(--navy-2);color:#fff;border-color:var(--navy-2)}

.sayfalama{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:8px;margin-top:28px}
.sayfalama-no,.sayfalama-ok{display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--line);
  border-radius:9px;background:#fff;text-decoration:none;color:var(--navy-2);font-weight:700}
.sayfalama-no:hover,.sayfalama-ok:hover{background:var(--navy-2);color:#fff;border-color:var(--navy-2)}
.sayfalama-no.aktif{background:var(--red);border-color:var(--red);color:#fff}
.sayfalama-bosluk{padding:0 4px;color:#5b6e82}
@media (max-width:480px){
  .ilan-filtre{padding:14px}
  .ilan-filtre-grid{grid-template-columns:1fr 1fr}
  .ilan-filtre-alt .btn{flex:1 1 100%;justify-content:center}
}

/* 404 sayfasi: arama ve kisayollar */
.hata-arama{display:flex;gap:10px;max-width:620px;margin-bottom:18px;flex-wrap:wrap}
.hata-arama .field{flex:1 1 260px}
.hata-arama .btn{min-height:46px}
.hata-kisayol{display:flex;flex-wrap:wrap;gap:10px}
.hata-kisayol .btn{min-height:44px;display:inline-flex;align-items:center}

/* Yazdirma duzeni.
   Ilan sayfasi kagida basildiginda menu, alt bilgi, harita ve
   butonlar cikmasin; fotograf, ozellikler ve iletisim kalsin. */
@media print{
  .site-header,.site-footer,.mobil-iletisim,.cerez-banner,.modal-overlay,
  .paylas-grup,.konum-blok,.talep-cagri,.cta-band,
  .icerige-atla,.sayfalama,.ilan-filtre,.filtre-rozetleri,
  .breadcrumbs,.seo-box{display:none !important}
  body{padding:0;background:#fff;color:#000;font-size:12pt}
  .section{padding:0 !important}
  .page-hero{background:#fff !important;color:#000 !important;padding:0 0 12px}
  .page-hero .page-title{color:#000 !important;font-size:20pt}
  .detail-grid{display:block !important}
  .gallery{grid-template-rows:auto !important}
  .gallery-item{height:auto !important;max-height:60mm}
  .contact-card,.danisman-kart{border:1px solid #999;page-break-inside:avoid}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#444}
  .listing-spec-row{page-break-inside:avoid}
}
.yazdir-btn{display:inline-flex;align-items:center;gap:7px}
@media print{.yazdir-btn{display:none}}

/* Makale yazar baglantisi: kunye satirinda danisman adi */
.makale-yazar{color:inherit;text-decoration:underline;text-underline-offset:2px}
.makale-yazar:hover{color:var(--red)}

/* Kategori sayfasi ozgun metni */
.kategori-metin{max-width:760px;margin:34px 0 8px}
.kategori-metin h2{margin:26px 0 10px;font-size:20px;line-height:1.3}
.kategori-metin h2:first-child{margin-top:0}
.kategori-metin p{margin:0 0 12px;line-height:1.7;color:#3d4d5e}
.kategori-metin .chips{margin-top:12px}
@media(max-width:820px){.kategori-metin h2{font-size:18px}}

/* ============================================================
   Acilir menu ve iletisim ikon butonlari
   ============================================================ */

/* --- Acilir menu (masaustu) --- */
.nav-grup{position:relative;display:flex;align-items:center;gap:4px}
.nav-baslik{white-space:nowrap}
.nav-ok{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:0;color:inherit;cursor:pointer;opacity:.75}
.nav-ok::before{content:"";display:block;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s}
.nav-ok:hover{opacity:1}
.nav-grup.acik>.nav-ok::before{transform:rotate(-135deg) translate(-3px,-3px)}

.nav-alt{position:absolute;top:100%;left:-14px;min-width:190px;display:none;flex-direction:column;gap:0;padding:8px 0;
  background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px rgba(6,26,47,.16);z-index:940}
.nav-alt a{display:block;padding:9px 16px;font-size:13px;font-weight:600;color:var(--navy);white-space:nowrap}
.nav-alt a:hover{background:#f2f5f8;color:var(--red)}
/* Baslik ile menu arasindaki bosluga imlec girince menu kapanmasin */
.nav-alt::before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px}

.nav-grup:hover>.nav-alt,
.nav-grup:focus-within>.nav-alt,
.nav-grup.acik>.nav-alt{display:flex}

/* --- Iletisim ikon butonlari --- */
.ikon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:6px;
  background:var(--red);color:#fff;border:0;transition:filter .15s,transform .15s}
.ikon-btn:hover{filter:brightness(1.08);color:#fff}
.ikon-btn:active{transform:translateY(1px)}
.ikon-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ikon-btn svg{display:block}
.ikon-btn i{font-size:16px;line-height:1}
.header-actions{display:flex;align-items:center;gap:8px}

/* --- Mobil --- */
@media(max-width:980px){
  /* Alt menu acilir liste degil, ic ice liste olarak aciliyor */
  .header-inner.open .nav{gap:2px}
  .nav-grup{flex-wrap:wrap;width:100%}
  .nav-baslik{flex:1}
  .nav-ok{width:34px;height:34px}
  .nav-ok::before{width:7px;height:7px}
  .nav-alt{position:static;display:none;width:100%;min-width:0;margin:2px 0 6px;padding:4px 0;
    background:rgba(255,255,255,.07);border:0;border-radius:6px;box-shadow:none}
  .nav-alt a{color:#fff;padding:9px 18px;font-size:13px}
  .nav-alt a:hover{background:rgba(255,255,255,.12);color:#fff}
  .nav-alt::before{display:none}
  /* Mobilde hover ile acilmasin; yalnizca dokunma ile */
  .nav-grup:hover>.nav-alt{display:none}
  .nav-grup.acik>.nav-alt{display:flex}
}
@media(max-width:520px){
  .ikon-btn{width:34px;height:34px}
  .ikon-btn i{font-size:15px}
  .header-actions{gap:6px}
}

@media(prefers-reduced-motion:reduce){
  .nav-ok::before,.ikon-btn{transition:none}
}

/* ============================================================
   Kurumsal sayfalar ve SSS
   ============================================================ */
.kurumsal-duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
.kurumsal-metin h2{margin:26px 0 10px;font-size:21px;line-height:1.3}
.kurumsal-metin h2:first-child{margin-top:0}
.kurumsal-metin p{margin:0 0 13px;line-height:1.75;color:#3d4d5e}
.kurumsal-yan{display:flex;flex-direction:column;gap:18px;position:sticky;top:20px}
.kurumsal-gorsel{width:100%;border-radius:12px;display:block}
.kurumsal-yan .contact-card p{margin:0 0 10px}
@media(max-width:900px){
  .kurumsal-duzen{grid-template-columns:1fr;gap:26px}
  .kurumsal-yan{position:static}
  .kurumsal-metin h2{font-size:19px}
}

/* --- SSS akordiyonu ---
   <details>/<summary> temeli: JavaScript kapaliyken de cevaplar
   okunabiliyor, arama motoru icerigi goruyor. */
.sss-liste{max-width:820px;display:flex;flex-direction:column;gap:10px}
.sss-oge{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.sss-oge summary{display:flex;align-items:flex-start;gap:12px;padding:16px 46px 16px 16px;cursor:pointer;
  list-style:none;position:relative;font-weight:650;color:var(--navy);line-height:1.45}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary::after{content:"";position:absolute;right:18px;top:21px;width:8px;height:8px;
  border-right:2px solid #8496a8;border-bottom:2px solid #8496a8;transform:rotate(45deg);transition:transform .2s}
.sss-oge[open] summary::after{transform:rotate(-135deg);top:24px}
.sss-oge summary:hover{background:#f7f9fb}
.sss-oge summary:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.sss-no{flex:0 0 26px;height:26px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;background:#eef2f6;color:var(--navy);font-size:12px;font-weight:700}
.sss-soru{flex:1}
.sss-cevap{padding:0 18px 18px 54px}
.sss-cevap p{margin:0;line-height:1.75;color:#3d4d5e}
@media(max-width:600px){
  .sss-oge summary{padding:14px 40px 14px 14px}
  .sss-cevap{padding:0 14px 16px 14px}
}
@media(prefers-reduced-motion:reduce){.sss-oge summary::after{transition:none}}

/* --- Mobilde tekrar eden iletisim butonlari ---
   768 px altinda ekranin altinda sabit "Hemen Ara / WhatsApp" cubugu
   zaten var (bkz. .mobil-iletisim). Ayni iki eylemi header'da tekrar
   gostermek yer kaplamaktan baska bir sey yapmiyor ve parmakla
   erisimi zor olan ust koseye koyuyor. Header'da yalnizca cubukta
   bulunmayan harita butonu kaliyor. */
@media(max-width:768px){
  .ikon-wa,.ikon-tel{display:none}
}

/* Mobil menude tum ogeler ayni hizada dursun: acilir menu gruplari
   sola yasliyken duz baglantilar ortada kaliyordu. */
@media(max-width:980px){
  .header-inner.open .nav{align-items:stretch;text-align:left}
  .header-inner.open .nav>a{padding:9px 0}
  .nav-baslik{padding:9px 0}
}