/* greece.avlarealestate.com · ortak stil (v3 çok sayfalı, 27.10.2026) · tasarım dili v3
   Zemin bej, mürekkep lacivert, çizgi altın; kırmızı yalnız birincil eylem; köşe 0; Jost 300/400/500. */
:root{
  --lac:#142A42; --lac2:#142A42; --lac3:#142A42; --altin:#D2BE99; --altin-k:#142A42;
  --bej:#F6F1E7; --bej2:#F6F1E7; --kirmizi:#E30A17; --kirmizi-h:#B8080F;
  --beyaz:#fff; --govde-k:rgba(255,255,255,.85); --soluk-k:rgba(255,255,255,.62);
  --govde-a:rgba(20,42,66,.80); --soluk-a:rgba(20,42,66,.58);
  --cizgi-k:rgba(210,190,153,.28); --cizgi-a:rgba(20,42,66,.16);
  --ust:74px; --kenar:5vw; --panel:440px;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scrollbar-color:var(--altin-k) var(--bej2)}
body{font-family:Jost,sans-serif;font-weight:300;background:var(--bej);color:var(--govde-a);line-height:1.55;overflow-x:clip}
:where(b,strong,h1,h2,h3,h4){font-weight:500}
h1,h2,h3,h4{color:var(--lac);line-height:1.15;text-wrap:balance}
a{color:inherit;text-decoration:underline;text-decoration-color:var(--altin);text-underline-offset:3px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
img{display:block;max-width:100%;height:auto}
::selection{background:var(--altin);color:var(--lac)}
input{caret-color:var(--kirmizi)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--altin-k);outline-offset:2px}
.koyu :focus-visible{outline-color:var(--altin)}
.ic{max-width:1280px;margin:0 auto;padding:0 var(--kenar)}

/* düğmeler */
.d{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid var(--lac);color:var(--lac);text-decoration:none;font-size:15px;font-weight:400;letter-spacing:.02em;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.d:hover{background:var(--lac);color:#fff}
.d.bir{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.d.bir:hover{background:var(--kirmizi-h);border-color:var(--kirmizi-h);color:#fff}
.koyu .d{border-color:var(--altin);color:#fff}
.koyu .d:hover{background:var(--altin);color:var(--lac)}
.koyu .d.bir{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.koyu .d.bir:hover{background:var(--kirmizi-h);border-color:var(--kirmizi-h)}
.metin-b{text-decoration:underline;text-decoration-color:var(--altin);text-underline-offset:4px;font-size:15px;color:var(--lac)}
.metin-b:hover{color:var(--altin-k)}

/* üst şerit (açık) */
/* başlık = sistem bandı (Oikos 5 Kasım): lacivert, altın yatay logo, beyaz menü, TR | EN */
.ust{position:sticky;top:0;z-index:50;background:rgba(20,42,66,0.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(210,190,153,.18)}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:18px;height:var(--ust)}
.ust .logo{display:block;line-height:0}
.ust .logo img{height:34px;width:auto}
.ust .menu{display:flex;align-items:center;gap:26px}
.ust .menu a{font-size:14px;letter-spacing:.08em;white-space:nowrap;text-decoration:none;color:rgba(246,241,231,.82);padding:4px 0;border-bottom:1px solid transparent;transition:color .18s}
.ust .menu a:hover{color:var(--altin);border-bottom-color:var(--altin)}   /* Sami 28.10.2026: "hoverlar altın olsun" */
.ust .menu a[aria-current]{color:#fff;border-bottom-color:var(--altin)}
.lang-switch{font-size:13.5px;letter-spacing:.08em;color:rgba(255,255,255,.6);white-space:nowrap}
.lang-switch b{font-weight:500;color:#fff}
.ust .menu .lang-switch a{color:rgba(255,255,255,.75);padding:0;border-bottom:1px solid transparent}
.ust .menu .lang-switch a:hover{color:var(--altin);border-bottom-color:var(--altin)}
.secim-l{display:none;align-items:center;gap:8px;height:36px;border:1px solid rgba(210,190,153,.55)}
.ust .menu a.secim-l{color:#fff;padding:0 12px}
.secim-l.var{display:inline-flex}
.ust .menu a.secim-l:hover{background:var(--altin);color:var(--lac)}
.secim-l .n{font-weight:500}
.menu-d{display:none;width:40px;height:40px;border:1px solid rgba(210,190,153,.55);color:#fff;background:none}
.menu-d svg{width:20px;height:20px}
.perde{display:none}

/* soru satırı: her sayfanın üstünde aynı (Sami 01.10: "her sayfada aynı arama modeli") */
.soru{background:var(--bej);border-bottom:1px solid var(--cizgi-a)}
.soru-ic{max-width:1280px;margin:0 auto;padding:12px var(--kenar);display:flex;align-items:center;gap:12px}
.soru form{flex:1;display:flex;border:1px solid var(--lac);background:#fff;min-width:0}
.soru input{flex:1;min-width:0;border:0;background:none;padding:0 16px;height:48px;font-size:16px;color:var(--lac);font-weight:300}
.soru input::placeholder{color:var(--soluk-a)}
.soru input:focus{outline:none}
.soru .mik{flex:none;width:48px;height:48px;display:grid;place-items:center;border-right:1px solid var(--cizgi-a);color:var(--lac);transition:background .18s,color .18s}
.soru .mik svg{width:20px;height:20px}
.soru .mik:hover{background:var(--bej2)}
.soru .mik.dinliyor{background:var(--kirmizi);color:#fff}
.soru-sil{flex:none;width:42px;display:grid;place-items:center;background:none;border:0;color:var(--soluk-a);cursor:pointer;transition:color .18s}
.soru-sil svg{width:16px;height:16px}
.soru-sil:hover{color:var(--lac)}
input:placeholder-shown + .soru-sil{display:none}
.soru .bul{flex:none;min-width:84px;background:var(--kirmizi);color:#fff;font-size:15px;transition:background .18s}
.soru .bul:hover{background:var(--kirmizi-h)}
.soru-ses{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--cizgi-a);font-size:13.5px;color:var(--govde-a)}
.soru-ses[aria-pressed=true]{border-color:var(--lac);color:var(--lac)}
.soru-ses select{border:0;background:none;font-size:13.5px;color:inherit}
/* Sesli yanıt anahtarı (Sami 28.10.2026): durum + eylem açık; köşe 0, kenar 1 px */
.ses-anahtar{position:relative;flex:none;width:30px;height:16px;border:1px solid currentColor;opacity:.75;transition:background .2s,opacity .2s}
.ses-anahtar::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:currentColor;transition:transform .2s}
.soru-ses[aria-pressed=true] .ses-anahtar{background:var(--lac);border-color:var(--lac);opacity:1}
.soru-ses[aria-pressed=true] .ses-anahtar::after{transform:translateX(14px);background:var(--altin)}
.ses-eylem{font-style:normal;font-weight:400;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding-left:8px;border-left:1px solid currentColor;opacity:.8}
.soru-ses:hover .ses-eylem{opacity:1;text-decoration:underline;text-underline-offset:3px}
.soru-cevap{max-width:1280px;margin:0 auto;padding:0 var(--kenar)}
.soru-cevap:not(:empty){padding-top:14px;padding-bottom:18px}
.soru-cevap p{font-size:16px;color:var(--lac)}
.soru-cevap .ip{font-size:13.5px;color:var(--soluk-a)}
.soru-cevap .kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:12px}
.soru-cevap .devam{display:flex;align-items:center;gap:16px;margin-top:12px;flex-wrap:wrap}
.dusun{display:inline-flex;gap:5px;vertical-align:middle;margin-left:6px}
.dusun i{width:6px;height:6px;border-radius:50%;background:var(--altin-k);animation:dus 1s infinite ease-in-out}
.dusun i:nth-child(2){animation-delay:.15s}.dusun i:nth-child(3){animation-delay:.3s}
@keyframes dus{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}

/* proje kartı (açık zemin) */
.pk{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi-a);text-decoration:none;color:var(--govde-a);transition:border-color .18s;position:relative}
.pk:hover{border-color:var(--lac)}
.pk .foto{aspect-ratio:4/3;overflow:hidden;background:var(--bej2)}
.pk .foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.pk:hover .foto img{transform:scale(1.03)}
.pk.tuk .foto img{filter:grayscale(.7);opacity:.6}
.pk .ic-k{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.pk h3{font-size:17px;font-weight:400;line-height:1.25}
.pk .yer{font-size:13.5px;color:var(--soluk-a);margin-top:2px}
.pk .fiyat{font-size:16.5px;color:var(--lac);margin-top:8px}
.pk .fiyat small{font-size:12.5px;color:var(--soluk-a);margin-left:4px}
.pk .bilgi{font-size:13.5px;margin-top:2px}
.pk .nitelik{font-size:13px;color:var(--altin-k);margin-top:6px;line-height:1.4}
.pk .nitelik .tuk{color:#B23A3A}
.pk .alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
.pk .alt .metin-b{font-size:14px}
.kalp{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--cizgi-a);color:var(--lac);transition:background .15s,color .15s,border-color .15s}
.kalp svg{width:17px;height:17px}
.kalp:hover{border-color:var(--lac)}
.kalp[aria-pressed=true]{background:var(--lac);color:var(--kirmizi);border-color:var(--lac)}
.kalp[aria-pressed=true] svg path{fill:currentColor}
.koyu .kalp{border-color:var(--cizgi-k);color:var(--altin)}
.koyu .kalp:hover{background:var(--altin);color:var(--lac)}
.koyu .kalp[aria-pressed=true]{background:var(--altin);color:var(--kirmizi);border-color:var(--altin)}

/* bölüm iskeleti */
.bol{padding:88px 0}
.bol h2{font-weight:400;font-size:clamp(28px,3vw,40px);margin-bottom:14px;letter-spacing:-.01em}
.bol .giris{max-width:62ch;font-size:17px}
.koyu{background:var(--lac);color:var(--govde-k)}
.koyu h1,.koyu h2,.koyu h3,.koyu h4{color:#fff}
.sayfa-bas{padding:56px 0 36px;border-bottom:1px solid var(--cizgi-a)}
.sayfa-bas h1{font-weight:300;font-size:clamp(34px,4vw,54px);letter-spacing:-.015em}
.sayfa-bas .giris{max-width:60ch;font-size:18px;margin-top:14px}
.sayfa-bas .tarih{font-size:14px;color:var(--soluk-a);margin-top:10px}
.izgara-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.izgara-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.izgara-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.satirlar{list-style:none}
.satirlar li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--cizgi-a);font-size:16px}
.satirlar li:last-child{border-bottom:0}
.satirlar li span{color:var(--soluk-a);white-space:nowrap}
.satirlar li a{text-decoration:none;color:var(--lac)}
.satirlar li a:hover{text-decoration:underline;text-decoration-color:var(--altin)}
.satirlar time{display:block;font-size:13px;color:var(--soluk-a)}
.not{font-size:13.5px;color:var(--soluk-a);max-width:70ch}
.teyit{color:var(--soluk-a)}
.onemli{border:1px solid var(--lac);padding:22px 24px;max-width:760px}
.onemli h3{font-size:18px;font-weight:400;margin-bottom:8px}
.yapiskan{position:sticky;top:var(--ust);z-index:20;background:rgba(246,241,231,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--cizgi-a)}
.yapiskan ul{list-style:none;display:flex;gap:26px;overflow-x:auto;max-width:1280px;margin:0 auto;padding:0 var(--kenar);scrollbar-width:none}
.yapiskan a{display:block;padding:14px 0;font-size:14.5px;text-decoration:none;color:var(--govde-a);white-space:nowrap;border-bottom:1px solid transparent}
.yapiskan a:hover{color:var(--lac);border-bottom-color:var(--altin)}
.tablo{width:100%;border-collapse:collapse;font-size:15.5px}
.tablo th,.tablo td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--cizgi-a);vertical-align:top}
.tablo th{font-weight:400;color:var(--soluk-a);font-size:13.5px}
.tablo td:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
details.sss{border-bottom:1px solid var(--cizgi-a)}
details.sss summary{list-style:none;cursor:pointer;padding:16px 0;font-size:17px;color:var(--lac);display:flex;justify-content:space-between;gap:16px}
details.sss summary::-webkit-details-marker{display:none}
details.sss summary::after{content:'+';color:var(--altin-k);font-size:22px;line-height:1}
details.sss[open] summary::after{content:'−'}
details.sss p{padding:0 0 18px;max-width:70ch;font-size:16px}
.adimlar{counter-reset:a;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px 40px}
.adimlar>li{counter-increment:a;border-top:1px solid var(--lac);padding-top:14px}
.adimlar h3{font-size:18px;font-weight:400}
.adimlar h3::before{content:counter(a) '. ';color:var(--altin-k)}
.adimlar p{font-size:15.5px;margin-top:6px}
.adimlar .sure{font-size:13.5px;color:var(--soluk-a);margin-top:8px}
.guven-satir{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:6px 24px;align-items:baseline;border-top:1px solid var(--lac);border-bottom:1px solid var(--lac);padding:16px 0;margin-bottom:44px}
.guven-satir b{font-weight:400;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--lac)}
.guven-satir b{align-self:stretch;display:flex;align-items:center;padding-right:24px;border-right:2px solid #E30A17}   /* Sami 29.10.2026: "kırmızı bir çizgi yakışır, zarif" */
.guven-satir p{font-size:15.5px;margin:0}
.adimlar li img,.sonra-uc img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin-bottom:14px;background:#F6F1E7}
.sonra-uc img{margin-bottom:12px}
/* Sami 29.10.2026: "hizalamaları düzelt, raporlar altın rengi, linkler aynı hizada" — adım kartları alt ızgara (subgrid):
   foto / başlık / metin / süre / rapor satırları aynı sıradaki kartlarda aynı çizgide; rapor = lacivert kutu + altın yazı (P2 yalnız koyu zeminde) */
.adimlar>li{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;align-content:start}
.adimlar>li>p.sure{margin-top:10px;align-self:start}
/* Sami 29.10.2026 (2): "lacivert kutu olmasın, kalın olmasın; diğerlerindeki gibi çizgili; üzerine gelince kırmızı" = GV sayfası "İlgili yazı" stili */
.adim-rapor{align-self:stretch;margin-top:16px;padding-top:12px;border-top:1px solid rgba(20,42,66,.16);display:flex;flex-direction:column;gap:6px;background:none}
.adim-rapor .ar-et{font-size:11.5px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#2B4170}
.adim-rapor ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.adim-rapor li{border:0;padding:0;margin:0;counter-increment:none}
.adim-rapor a{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em;font-size:14px;font-weight:300;line-height:1.45;color:#142A42;text-decoration:none}
.adim-rapor a:hover{color:#E30A17}
.sonra-uc{grid-template-rows:auto}
.sonra-uc>div{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;align-content:start}
.sonra-uc .adim-rapor{border-top-color:rgba(210,190,153,.35);margin-top:14px}.sonra-uc .adim-rapor .ar-et{color:rgba(255,255,255,.62)}.sonra-uc .adim-rapor a{color:#D2BE99}.sonra-uc .adim-rapor a:hover{color:#E30A17}
.temsili{font-size:12.5px;color:var(--soluk-a);margin-top:14px}
.sonra-bant{background:#142A42;color:#F6F1E7;padding:30px 32px;margin-top:48px}
.sonra-bant h2{font-size:22px;font-weight:500;color:#FFFFFF}
.sonra-uc{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:18px}
.sonra-uc div{border-top:1px solid rgba(210,190,153,.55);padding-top:12px}
.sonra-uc b{display:block;font-weight:400;color:#D2BE99}
.sonra-uc p{font-size:15px;margin-top:6px;color:rgba(255,255,255,.85)}
@media (max-width:760px){.guven-satir b{border-right:0;padding-right:0;padding-bottom:10px;border-bottom:2px solid #E30A17;justify-self:start}.guven-satir{grid-template-columns:1fr}.sonra-uc{grid-template-columns:1fr;gap:18px}.sonra-bant{padding:24px 20px}}

/* kapanış ve alt bilgi */
/* sistem ortak parçaları (Oikos 5 Kasım / tekil sayfalar): üst yazı, düğmeler */
.ust-yazi{font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:400;color:var(--altin-k)}
.koyu .ust-yazi,.hero .ust-yazi{color:var(--altin)}
.dugme{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;font:400 15px/1 'Jost',sans-serif;letter-spacing:.06em;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .18s,background .18s,border-color .18s}
.dugme:hover{transform:translateY(-1px)}
.d-tur{background:var(--kirmizi);color:#fff}.d-tur:hover{background:var(--kirmizi-h)}
.d-hayalet{border-color:rgba(246,241,231,.5);color:var(--bej)}.d-hayalet:hover{background:var(--altin);border-color:var(--altin);color:var(--lac)}
/* son söz: portre yok; imza = şirket + Güvenilir Çözüm Ortağınız bağı */
.son-soz{background:#fff;color:var(--govde-a);padding:72px 0;border-top:1px solid var(--cizgi-a)}
.son-soz h2{font-weight:300;font-size:clamp(28px,3vw,44px);max-width:22ch;margin-top:12px}
.son-soz .giris{font-size:17px;margin-top:14px;max-width:60ch}
.son-soz .eylem{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.son-soz .imza{margin-top:34px;font-size:14px;color:var(--soluk-a)}
.son-soz .imza a{color:var(--altin-k)}
/* alt bilgi = sistem (Oikos 5 Kasım): kare logo + sosyal, çalışma ofisleri, sayfalar, diğer sayfalar */
.ftr{background:var(--lac2);color:rgba(255,255,255,.66);padding:52px 0 96px;font-size:14px}
.ftr .cols{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:28px 38px;padding-bottom:30px;border-bottom:1px solid rgba(210,190,153,.18)}
.ftr h4{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--altin);margin:0 0 13px;font-weight:500}
.ftr a{color:rgba(255,255,255,.72);text-decoration:none}
.ftr a:hover{color:var(--altin)}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin-bottom:9px}
.ftr .fbrand{display:flex;flex-direction:column;align-items:stretch;gap:28px;width:max-content}
/* logo, altındaki sosyal ikon satırıyla aynı genişlikte (Sami 28.10.2026): satır kutunun genişliğini belirler, logo onu doldurur */
.ftr .fdikey{display:block;width:0;min-width:100%;height:auto;margin:0}
.ftr .fsoc{display:flex;align-items:center;gap:13px;color:rgba(255,255,255,.62)}
.ftr .fsoc a{display:grid;place-items:center;width:22px;height:22px;color:inherit;transition:color .2s}
.ftr .fsoc a:hover{color:var(--altin)}
.ftr .fsoc svg{width:19px;height:19px;display:block}
.ftr .fsoc i{width:1px;height:14px;background:rgba(255,255,255,.22);display:block}
.ftr .ofis{display:flex;flex-direction:column;gap:2px;margin-bottom:15px}
.ftr .ofis .c{font-size:18px;font-weight:400;color:#fff;line-height:1.2}
.ftr .ofis .a{display:flex;flex-direction:column;gap:3px;font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.55)}
.ftr .ofis .a i{font-style:normal;display:flex;align-items:baseline;gap:7px;font-size:11.5px;line-height:1.45}
.ftr .ofis .a i:before{content:"";flex:0 0 3px;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.55;transform:translateY(-2px)}
.ftr .ofis .a i.tel:before,.ftr .ofis .a i.kny:before{display:none}
.ftr .ofis .a i.tel{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;color:rgba(255,255,255,.78)}
.ftr .ofis .a i.tel a{color:inherit}
.ftr li a.vurgu{color:#fff;border-bottom:1px solid var(--kirmizi)}
.ftr li a.vurgu:hover{color:#fff;background:var(--kirmizi)}
.ftr .bot{padding-top:21px;display:flex;flex-wrap:wrap;gap:14px 28px;font-size:12.5px;color:rgba(255,255,255,.85)}
.ftr .bot a{margin-left:auto}
.ftr .kucuk{margin-top:14px;font-size:12px;line-height:1.7;color:rgba(255,255,255,.6);max-width:74ch}

/* seçim çubuğu */
.secim-cubuk{position:fixed;left:50%;bottom:18px;transform:translate(-50%,140%);z-index:60;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 18px;background:var(--lac);border:1px solid var(--altin);box-shadow:0 18px 40px rgba(0,0,0,.3);transition:transform .3s cubic-bezier(.2,.8,.2,1);max-width:calc(100vw - 32px)}
.secim-cubuk.acik-c{transform:translate(-50%,0)}
.secim-cubuk .s{font-size:14.5px;color:#fff;white-space:nowrap}
.secim-cubuk .s b{color:var(--altin);font-weight:400}
.secim-cubuk .d{border-color:var(--altin);color:#fff}
.secim-cubuk .d:hover{background:var(--altin);color:var(--lac)}
.secim-cubuk .d.bir{border-color:var(--kirmizi)}

/* yüzen: tek sistem 52×52 kare (WhatsApp, Athena widget'ı, yukarı ok) */
/* ── YÜZEN DÜĞMELER — tek sistem (Sami 24.10.2026) ──
   Yukarı ok, WhatsApp ve Athena aynı kutu: 52×52, köşe 0, lacivert, ince altın çerçeve, aynı gölge.
   Sağ altta dikey yığın: Athena 20px (widget'ın kendi düğmesi) · WhatsApp 84px · ok 148px. Athena ≤768px'te yüklenmez; orada WhatsApp 20px, ok 84px. */
.wa-fab,#scroll-top{position:fixed;right:20px;z-index:60;width:52px;height:52px;padding:0;margin:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#142A42;border:1px solid rgba(210,190,153,.45);border-radius:0;box-shadow:0 8px 22px rgba(20,42,66,.28);transition:opacity .25s,transform .2s,border-color .2s,box-shadow .2s}
.wa-fab{bottom:84px;color:#D2BE99;text-decoration:none}   /* Sami 28.10.2026: WA simgesi altın */
.wa-fab svg{width:26px;height:26px;fill:currentColor}
#scroll-top{bottom:148px;color:#D2BE99;font:300 22px/1 'Jost',sans-serif;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px)}
#scroll-top.on{opacity:1;pointer-events:auto;transform:none}
.wa-fab:hover,#scroll-top.on:hover{background:#142A42;border-color:#D2BE99;transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,42,66,.34)}
.wa-fab:focus-visible,#scroll-top:focus-visible{outline:2px solid #D2BE99;outline-offset:2px}
@media (max-width:768px){.wa-fab,#scroll-top{right:14px}.wa-fab{bottom:20px}#scroll-top{bottom:84px}}
.ath-yok .wa-fab{bottom:20px}
.ath-yok #scroll-top{bottom:84px}
.kutu .mik.dinliyor{background:var(--kirmizi)!important;color:#fff!important}
#yukari{opacity:0;pointer-events:none;transition:opacity .2s}
#yukari.on{opacity:1;pointer-events:auto}

/* harita sayfası (koyu panel) */
.sahne{position:relative;height:calc(100svh - var(--ust));min-height:640px;display:grid;grid-template-columns:var(--panel) 1fr;background:var(--lac);color:var(--govde-k)}
#harita{position:relative;height:100%;min-height:0;background:var(--lac2)}
#harita canvas{outline:none}
.panel{position:relative;z-index:5;display:flex;flex-direction:column;min-height:0;background:var(--lac);border-right:1px solid var(--cizgi-k)}
.sor{padding:18px 22px 14px;border-bottom:1px solid var(--cizgi-k)}
.sor h1{font-weight:400;color:#fff;font-size:22px;line-height:1.2}
.sor .sor-alt{font-size:14px;color:var(--soluk-k);margin-top:4px}
.sor .secki{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px}
/* Hazır seçkiler öne çıkar (Sami 28.10.2026: "kendinden altın… üzerine geldikçe altları çizilebilir… bold, değişik renk") */
.sor .secki{gap:6px 18px;margin-top:14px}
.sor .secki .secki-k{flex:0 0 100%;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--altin);margin-bottom:2px}
.sor .secki a{font-size:14px;font-weight:300;color:var(--govde-k);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .18s,text-decoration-color .18s}
.sor .secki a:hover,.sor .secki a[aria-current]{color:var(--altin);text-decoration-color:var(--altin)}   /* yalnız başlık altın+kalın; seçenekler beyaz, üzerine gelince altın + altı çizili */
.ornek{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:8px}
.koyu .ornek-c{color:var(--govde-k);font-size:13.5px}
.koyu .ornek-c:hover{color:#fff}
.ornek-c{font-size:14px;color:var(--govde-a);padding:2px 0;text-align:left}
.ornek-c:hover{color:var(--lac);text-decoration:underline;text-decoration-color:var(--altin);text-underline-offset:4px}
.yanit{padding:12px 22px;border-bottom:1px solid var(--cizgi-k);min-height:48px}
.yanit p{font-size:15px;color:#fff}
.yanit p .say{color:var(--altin)}
.yanit .canli{color:var(--soluk-k)}
.anlasilan{margin-top:6px;font-size:14px;line-height:1.7}
.olcut-y{font-size:14px;color:var(--altin);padding:0}
.olcut-y .x{color:var(--soluk-k)}
.olcut-y:hover,.olcut-y:hover .x{color:#fff}
.anlasilan .ara{color:var(--soluk-k)}
.siralama{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 22px;border-bottom:1px solid var(--cizgi-k);font-size:13.5px;color:var(--soluk-k)}
.siralama select{background:var(--lac2);border:1px solid var(--cizgi-k);color:#fff;font-size:13.5px;height:32px;padding:0 8px;border-radius:0}
.liste{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--lac3) transparent;background:var(--lac)}
.kart{display:grid;grid-template-columns:124px 1fr;gap:14px;padding:14px 22px;border-bottom:1px solid var(--cizgi-k);cursor:pointer;transition:background .15s}
.kart:hover,.kart.odak{background:var(--lac3)}
.kart .foto{width:124px;height:94px;background:var(--lac2);overflow:hidden}
.kart .foto img{width:100%;height:100%;object-fit:cover}
.kart.tuk .foto img{filter:grayscale(.7);opacity:.6}
.kart h3{font-size:16px;font-weight:400;color:#fff;line-height:1.25}
.kart .yer{font-size:13px;color:var(--soluk-k);margin-top:2px}
.kart .fiyat{font-size:15.5px;color:#fff;margin-top:5px}
.kart .fiyat small{font-size:12.5px;color:var(--soluk-k);margin-left:4px}
.kart .bilgi{font-size:13px;color:var(--govde-k);margin-top:2px}
.kart .nitelik{font-size:13px;color:var(--altin);margin-top:5px;line-height:1.4}
.kart .nitelik .tuk{color:#B23A3A}
.kart .alt{display:flex;align-items:center;gap:10px;margin-top:9px}
.kart .alt a{font-size:13.5px;color:#fff}
.bos{padding:28px 22px;color:var(--govde-k)}
.bos .d{margin-top:14px}
.h-bilgi{position:absolute;left:18px;bottom:18px;z-index:3;display:flex;gap:16px;align-items:center;padding:10px 14px;background:rgba(20,42,66,0.82);border:1px solid var(--cizgi-k);font-size:13px;color:var(--govde-k)}
.h-bilgi i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.pop .pop-ust{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pop .pop-sinif{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:6px 11px;border:1px solid rgba(210,190,153,.55);color:var(--altin)}   /* Sami 28.10.2026: GV mi yatırım mı belli olsun */
.pop .pop-sinif.gv{background:var(--altin);color:#142A42;border-color:var(--altin)}
.h-bilgi{flex-wrap:wrap;max-width:calc(100% - 36px)}
.h-bilgi .h-ek{white-space:nowrap}
.h-bilgi .ik-gv{background:#D2BE99}.h-bilgi .ik-y{background:#6B4E8A}
.h-bilgi i.ik-cizgi{border-radius:0;width:18px;height:3px;vertical-align:3px}.h-bilgi i.ik-kesik{background:repeating-linear-gradient(90deg,currentColor 0 5px,transparent 5px 8px)!important}
.h-don{position:absolute;left:18px;top:18px;z-index:3;background:rgba(20,42,66,0.82)}
.maplibregl-popup-content{background:var(--lac);color:var(--govde-k);border:1px solid var(--altin);border-radius:0!important;padding:0!important;box-shadow:0 18px 40px rgba(0,0,0,.35);font-family:'Jost',sans-serif}
.maplibregl-popup-tip{border-top-color:var(--altin)!important;border-bottom-color:var(--altin)!important}
.maplibregl-popup-close-button{color:#fff;font-size:20px;width:30px;height:30px;right:0;top:0;background:rgba(20,42,66,0.7)}
.pop{width:330px}.pop img{width:100%;height:180px;object-fit:cover;display:block}.pop .ic{padding:18px 20px 20px;max-width:none}   /* Sami 28.10.2026: "çok sıkışık… büyütebilirsin, açabilirsin" */
.pop h4{font-size:19px;font-weight:400;color:#fff;line-height:1.3;margin-top:12px}.pop p{font-size:14px;color:var(--soluk-k);margin-top:4px}.pop .fiyat{color:#fff;font-size:17px;margin-top:10px}
.pop .alt{display:flex;gap:10px;margin-top:18px}.pop .alt .d{min-height:44px;padding:0 16px;font-size:15px;flex:1;border-color:var(--altin);color:#fff}.pop .alt .d.bir{border-color:var(--kirmizi)}
.maplibregl-ctrl-group{border-radius:0!important;background:var(--lac)!important;border:1px solid var(--cizgi-k)}
.maplibregl-ctrl-group button{filter:invert(1) hue-rotate(180deg)}
.maplibregl-ctrl-attrib{background:rgba(20,42,66,0.7)!important;color:var(--soluk-k)!important;font-size:10.5px}
.maplibregl-ctrl-attrib a{color:var(--soluk-k)!important}

/* görünür olunca giriş */
.gir{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.gir.gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.gir{opacity:1;transform:none;transition:none}}

@media (max-width:1100px){:root{--panel:380px}.izgara-4{grid-template-columns:repeat(2,1fr)}.soru-cevap .kartlar{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1180px){.ust .menu > a:not(.secim-l){display:none}.menu-d{display:grid;place-items:center}.perde{display:none;position:fixed;inset:var(--ust) 0 0 0;z-index:49;background:var(--lac2);padding:20px var(--kenar)}.perde.acik{display:block}.perde a{display:block;padding:14px 0;border-bottom:1px solid rgba(210,190,153,.18);font-size:19px;color:#fff;text-decoration:none}}
@media (max-width:820px){
  :root{--ust:58px;--kenar:16px}
  .ust .logo img{height:27px}
  .ust .menu{gap:12px}
  .ust .menu > a:not(.secim-l){display:none}
  .menu-d{display:grid;place-items:center}
  .perde{display:none;position:fixed;inset:var(--ust) 0 0 0;z-index:49;background:var(--lac2);padding:20px var(--kenar)}
  .perde.acik{display:block}
  .perde a{display:block;padding:14px 0;border-bottom:1px solid rgba(210,190,153,.18);font-size:19px;color:#fff;text-decoration:none}
  .secim-l .t{display:none}
  .soru-ic{flex-wrap:wrap;gap:8px}.soru form{flex-basis:100%}.soru-ses{order:3;height:34px}
  .soru .mik{width:44px}.soru input{height:46px;font-size:15px;padding:0 12px}.soru .bul{min-width:64px}
  .soru-cevap .kartlar{grid-template-columns:1fr 1fr;gap:10px}
  .bol{padding:56px 0}
  .sayfa-bas{padding:36px 0 24px}
  .izgara-3,.izgara-2,.izgara-4{grid-template-columns:1fr}
  .adimlar{grid-template-columns:1fr;gap:22px}
  .son-soz{padding:48px 0}
  .ftr .cols{grid-template-columns:1fr 1fr}
  .ftr .fbrand{grid-column:1 / -1}
  .sahne{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:auto 56vh auto}
  .panel{display:contents}
  .sor{order:1;background:var(--lac)}
  #harita{order:2;height:56vh}
  .yanit,.siralama{order:3;background:var(--lac)}
  .siralama{order:4}
  .liste{order:5;overflow:visible;max-height:none;background:var(--lac)}
  .kart{grid-template-columns:104px 1fr;padding:12px 16px}.kart .foto{width:104px;height:80px}
  .h-bilgi{left:10px;bottom:10px;font-size:12px;padding:8px 10px}
  .h-don{display:none}
  .secim-cubuk{left:12px;right:12px;transform:translateY(160%);bottom:12px;flex-wrap:wrap;gap:8px;padding:10px}
  .secim-cubuk.acik-c{transform:none}
  .secim-cubuk .s{flex-basis:100%;white-space:normal}
  .secim-cubuk .d{flex:1;padding:0 10px;font-size:14px}
  .secim-cubuk{left:12px;right:80px;max-width:none}
  .tablo{font-size:14px}.tablo th,.tablo td{padding:10px 8px}
}

/* öne çıkan projeler (Sami 27.10.2026 ekran görüntüsü): beyaz kart, rozetler, fiyat aralığı, müsait daire, "Sayfayı aç →" dipte */
.one h2{font-weight:500;font-size:clamp(30px,3.2vw,46px);margin-top:10px}
.one .giris{font-size:18px;margin-top:12px;max-width:70ch}
.one-g{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:36px}
/* mülk kartı (Sami 31.10.2026, F seçeneği bir ton zemine yakın): fildişi + %30 beyaz ≈ #F9F5EE, altın çerçeve */
.ok{position:relative;display:flex;flex-direction:column;background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)) var(--bej);border:1px solid var(--altin);color:var(--govde-a);transition:border-color .18s}
.ok-a{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}
.ok:hover{border-color:var(--lac)}
.ok-foto{aspect-ratio:4/3;overflow:hidden;background:var(--bej2)}
.ok-foto img{width:100%;height:100%;object-fit:cover;display:block}
.ok-ic{display:flex;flex-direction:column;flex:1;padding:20px 20px 22px}
.rzler{display:flex;flex-wrap:wrap;gap:8px;min-height:30px}
.rz{display:inline-flex;align-items:center;height:28px;padding:0 10px;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border-left:3px solid;white-space:nowrap}
.rz.gv{color:var(--altin-k);background:rgba(210,190,153,.22);border-color:var(--altin-k)}
.rz.sb{color:var(--lac);background:var(--bej2);border-color:var(--lac)}
.rz.tk{color:var(--kirmizi);background:rgba(227,10,23,.08);border-color:var(--kirmizi)}
.ok h3{font-size:22px;font-weight:500;line-height:1.2;margin-top:16px;color:var(--lac)}
.ok .semt{font-size:15.5px;color:var(--soluk-a);margin-top:6px}
.ok .fiyat{font-size:21px;font-weight:400;color:var(--lac);margin-top:16px}
.ok .musait{font-size:15.5px;margin-top:6px}
.ok .git{margin-top:auto;padding-top:18px;font-size:13.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--altin-k)}
.ok-a:hover .git{text-decoration:underline;text-underline-offset:4px}
.ok.tuk .ok-foto img{filter:grayscale(.3)}
@media (max-width:1360px){.one-g{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.one-g{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.one-g{grid-template-columns:1fr;gap:16px}.ok-ic{padding:18px 18px 20px}.ok h3{font-size:20px}}

/* Sami 29.10.2026: kart künyesi + son fırsat */
.rz.son{color:#FFFFFF;background:#6B4E8A;border-color:#142A42}
.ok .musait.son{color:#6B4E8A;font-weight:500}
.ok .kunye{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid rgba(20,42,66,.12);display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;font-size:13.5px;color:rgba(20,42,66,.80)}
.ok .kunye li{min-width:0}
.ok .kunye li:first-child{grid-column:1/-1}

/* v4 (28.10.2026) · kart kalbi, bilgi satırı */
.ok .bilgi{font-size:14px;color:var(--soluk-a);margin-top:6px}
.ok-kalp{position:absolute;top:10px;right:10px;width:40px;height:40px;background:none;border:0;color:var(--altin);filter:drop-shadow(0 1px 2px rgba(20,42,66,.65))}   /* Sami 28.10.2026: beyaz leke olmasın — fonsuz altın kalp, basınca mor */
.ok-kalp svg{width:24px;height:24px;transition:transform .15s}
.ok-kalp:hover{background:none;border:0}.ok-kalp:hover svg{transform:scale(1.12)}
.ok-kalp[aria-pressed=true],.ok-kalp:active{background:none;border:0;color:var(--kirmizi)}   /* Sami 28.10.2026 gece: seçilince ve basınca kırmızı */
.ok-kalp[aria-pressed=true] svg path{fill:currentColor}

/* kırıntı + geri tuşu (her alt sayfada) */
.iz{background:var(--bej);border-bottom:1px solid var(--cizgi-a)}
.iz-ic{display:flex;align-items:center;gap:18px;min-height:46px;font-size:13.5px}
.iz-geri{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border:1px solid var(--lac);color:var(--lac);text-decoration:none;white-space:nowrap;transition:background .18s,color .18s}
.iz-geri:hover{background:var(--lac);color:#fff}
.iz ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;color:var(--soluk-a);min-width:0}
.iz li+li::before{content:"/";margin:0 10px;color:var(--altin-k)}
.iz a{color:var(--govde-a);text-decoration:none}.iz a:hover{color:var(--lac);text-decoration:underline;text-decoration-color:var(--altin)}
.iz li[aria-current]{color:var(--lac);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch}

/* Mülkler: ortak süzgeç + ızgara */
.mul-bas .ic{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.mul-bas-d{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}  /* harita + master seçki (Sami 28.10.2026) */
.mul{padding:36px 0 72px}
.mul-filtre{background:#fff;border:1px solid var(--cizgi-a);padding:18px 18px 6px}
.mul-filtre .af{margin:0}
.mul-filtre .af-ara{height:42px;border-color:var(--cizgi-a)}
.mul-filtre .af-gv button{height:40px;font-size:13.5px;padding:0 16px}
.mul-arac{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;flex-wrap:wrap}
.mul-yanit{font-size:15.5px;color:var(--lac);min-height:1.4em;max-width:80ch}
.mul-sir{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--soluk-a)}
.mul-sir select{height:38px;border:1px solid var(--cizgi-a);background:#fff;padding:0 10px;font:inherit;color:var(--lac)}
/* Mülkler: tek arama yeri — sesli/cümleli soru kutusu süzgecin "Ara" kutusunun yerinde (Sami 28.10.2026) */
.mul-soru{display:none;background:none;border:0}
.mul-soru.yerinde{display:block;flex:1 1 340px;min-width:240px}
.mul-soru form{border:1px solid var(--lac)}
.mul-soru input{height:42px;font-size:15px}
.mul-soru .mik{width:44px;height:42px}
.mul-soru .bul{min-width:72px;font-size:14.5px}
.mul-yanit-k{flex:1 1 320px;min-width:0}
.mul-ipucu p{margin:0;font-size:14px;color:var(--soluk-a)}
.mul-arac .soru-ses{margin-left:auto}
.mul-g{margin-top:18px}
.mul-bos{margin-top:28px;font-size:16px;color:var(--lac)}
.mul-daha-k{text-align:center;margin-top:30px}
.mul-hb{background:var(--lac);color:rgba(255,255,255,.85);padding:56px 0}
.mul-hb .ic{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.mul-hb h2{color:#fff;font-weight:300;font-size:clamp(24px,2.4vw,32px)}
.mul-hb p{margin-top:8px;max-width:60ch}
.bol-ust{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}
.bol-ust h2 span{font-size:.6em;color:var(--altin-k);margin-left:6px;vertical-align:middle}

/* Raporlar: sekmeler, süzgeç, görselli kartlar */
.rp-bol{padding-top:36px}
.rp-sekme{display:flex;flex-wrap:wrap;border:1px solid var(--cizgi-a);background:#fff;width:fit-content;max-width:100%}
.rp-sekme button{height:44px;padding:0 18px;font-size:14px;color:var(--govde-a);border-right:1px solid var(--cizgi-a)}
.rp-sekme button:last-child{border-right:0}
.rp-sekme button span{font-size:12px;color:var(--altin-k);margin-left:4px}
.rp-sekme button:hover{color:var(--lac);background:var(--bej2)}
.rp-sekme button[aria-pressed=true]{background:var(--lac);color:#fff}.rp-sekme button[aria-pressed=true] span{color:var(--altin)}
.rp-arac{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}
.rp-alan{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--soluk-a)}
.rp-alan select,.rp-ara{height:42px;border:1px solid var(--cizgi-a);background:#fff;padding:0 12px;font:inherit;font-size:14.5px;color:var(--lac)}
.rp-ara{flex:1 1 260px;max-width:420px}
.rp-say{margin-left:auto;font-size:13.5px;color:var(--soluk-a)}
.rp-g{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:24px}
.rp{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi-a);transition:border-color .18s}
.rp:hover{border-color:var(--lac)}
.rp-a{display:flex;flex-direction:column;flex:1;text-decoration:none;color:var(--govde-a)}
.rp-foto{aspect-ratio:4/3;overflow:hidden;background:var(--bej2);border-bottom:1px solid var(--cizgi-a)}
.rp-foto img{width:100%;height:100%;object-fit:cover;display:block}
.rp-foto.doc{background:#F6F1E7;padding:14px 18px 0}
.rp-foto.doc img{object-position:top;box-shadow:0 6px 18px rgba(20,42,66,.18)}
.rp-ic{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.rp-ic .ust-yazi{font-size:11px}
.rp-ic h3{font-size:17px;font-weight:500;line-height:1.3;margin-top:8px;color:var(--lac)}
.rp-ic .alt{font-size:13.5px;color:var(--soluk-a);margin-top:6px}
.rp-ic .git{margin-top:auto;padding-top:14px;font-size:12.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--altin-k)}
.rp-a:hover .git{text-decoration:underline;text-underline-offset:4px}
.rp-p{display:block;padding:0 18px 16px;font-size:13px;color:var(--govde-a)}

/* sistem geri dönüş düğmesi (başka Avla sayfasından gelince) · tasarım dili v3: köşesiz */
#avla-geri{position:fixed;left:16px;bottom:16px;z-index:61;display:inline-flex;align-items:center;gap:9px;padding:0 16px;height:44px;background:#142A42;color:#fff;border:1px solid rgba(210,190,153,.6);font:400 13.5px/1 'Jost',sans-serif;letter-spacing:.02em;text-decoration:none;box-shadow:0 8px 22px rgba(20,42,66,.28)}
#avla-geri:hover{border-color:#D2BE99}
#avla-geri span{color:#D2BE99;font-size:16px}
@media print{#avla-geri{display:none}}
@media (max-width:1100px){.rp-g{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){
  .iz-ic{gap:12px;font-size:13px}.iz ol{display:none}
  .mul-bas .ic{flex-direction:column;align-items:flex-start}
  .mul-filtre{padding:14px 12px 4px}
  .rp-g{grid-template-columns:1fr 1fr;gap:12px}.rp-ic{padding:12px}.rp-ic h3{font-size:15px}
  .rp-sekme{width:100%}.rp-sekme button{flex:1 1 auto;padding:0 10px;font-size:13px}
  .rp-say{margin-left:0}
  #avla-geri{left:12px;bottom:12px;height:40px;padding:0 12px;font-size:12.5px}
}
@media (max-width:480px){.rp-g{grid-template-columns:1fr}}

/* açılır kutular: tarayıcının kenara yapışan oku yerine kutunun içinde, sağdan 14 px boşlukla tek tip ok (Sami 28.10.2026) */
.mul-filtre .af-alan select,.mul-sir select,.rp-alan select{-webkit-appearance:none;appearance:none;height:42px;padding:0 40px 0 14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23142A42' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center/12px 8px;border:1px solid rgba(20,42,66,.18);border-radius:0;font-size:14.5px;color:#142A42;cursor:pointer}
.mul-filtre .af-alan select{min-width:210px;max-width:280px}
.mul-filtre .af-alan input{height:42px;font-size:14.5px;padding:0 12px}
.mul-filtre .af-alan select:focus,.mul-sir select:focus,.rp-alan select:focus{outline:2px solid #142A42;outline-offset:1px}
.siralama select{-webkit-appearance:none;appearance:none;height:34px;padding:0 34px 0 10px;background:#142A42 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23D2BE99' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center/12px 8px}
@media (max-width:560px){.mul-filtre .af-alan select{min-width:0;max-width:none}}
/* seçim çubuğu kapatma düğmesi (Sami 28.10.2026) */
.secim-cubuk .cubuk-x{flex:none;width:40px;height:40px;display:grid;place-items:center;margin-left:2px;border:1px solid rgba(210,190,153,.5);background:none;color:#D2BE99;font-size:22px;line-height:1;cursor:pointer}
.secim-cubuk .cubuk-x:hover{background:#D2BE99;color:#142A42}
@media (max-width:820px){.secim-cubuk .cubuk-x{position:absolute;top:-14px;right:-6px;width:30px;height:30px;font-size:18px;background:#142A42}}
/* alt bilgi · avlarealestate.com alt bilgisinin birebir ölçüleri (Sami 28.10.2026: "aynı estetiği yakala, bunu model al") */
.ftr{padding:64px 0 40px;color:rgba(255,255,255,.85);font-size:13px}
.ftr .ic{max-width:calc(1040px + 2 * var(--kenar))}
.ftr .f-logo{display:block;width:340px;max-width:80%;margin:0 auto}
.ftr .f-logo img{display:block;width:100%;height:auto}
.ftr .f-slogan{margin-top:26px;text-align:center;font-size:12px;font-weight:400;letter-spacing:.3em;color:var(--altin)}
.ftr .f-menu{list-style:none;display:grid;grid-template-columns:repeat(8,1fr);margin:46px 0 0;padding:0;border-top:1px solid rgba(210,190,153,.45);border-bottom:1px solid rgba(210,190,153,.45)}
.ftr .f-menu li{margin:0;border-left:1px solid rgba(210,190,153,.45)}
.ftr .f-menu li:first-child{border-left:0}
.ftr .f-menu a{display:flex;align-items:center;justify-content:center;height:58px;padding:0 6px;text-align:center;font-size:12px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#fff;transition:background .2s,color .2s}
.ftr .f-menu a:hover{background:rgba(210,190,153,.08);color:var(--altin)}
.ftr .f-cols{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}
.ftr .f-cols>div{padding:0 20px 0 22px;border-left:1px solid rgba(210,190,153,.3)}
.ftr .f-cols>div:first-child{padding-left:0;border-left:0}
.ftr .f-cols h4{margin:0 0 10px;font-size:11px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--altin)}
.ftr .f-cols p{font-size:13px;line-height:1.75;font-weight:300;color:rgba(255,255,255,.85)}
.ftr .f-cols p a{color:inherit}
.ftr .f-cols small{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:rgba(255,255,255,.5)}
.ftr .f-ilet{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin-top:30px;font-size:13px;font-weight:300;letter-spacing:.04em}
.ftr .f-ilet a{color:rgba(255,255,255,.85)}
.ftr .n{color:var(--altin);margin:0 2px}
.ftr .f-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:32px}
.ftr .f-cols .f-tel{margin-top:8px}
.ftr .f-cols .f-ayr{margin:0 9px;color:rgba(210,190,153,.55)}   /* Sami 29.10.2026: iki telefon yan yana, arada dik çizgi; e-posta altında */   /* Sami 28.10.2026: telefon ve e-posta İstanbul · Merkez altında, aynı boyutta */
.ftr .f-alt .fsoc{gap:18px;color:var(--altin)}
.ftr .f-alt .fsoc a{width:20px;height:20px}
.ftr .f-alt .fsoc svg{width:18px;height:18px}
.ftr .f-hak{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:300;letter-spacing:.06em;color:rgba(255,255,255,.85)}
.ftr .f-hak a{color:rgba(255,255,255,.7)}
@media (max-width:1100px){.ftr .f-menu{grid-template-columns:repeat(4,1fr)}.ftr .f-menu li:nth-child(5){border-left:0}.ftr .f-menu li:nth-child(n+5){border-top:1px solid rgba(210,190,153,.45)}.ftr .f-cols{grid-template-columns:1fr 1fr;row-gap:28px}.ftr .f-cols>div:nth-child(3){padding-left:0;border-left:0}}
@media (max-width:640px){.ftr{padding:52px 0 104px}.ftr .f-slogan{font-size:10.5px;letter-spacing:.18em;line-height:1.9}.ftr .f-menu{grid-template-columns:1fr 1fr}.ftr .f-menu li{border-left:0;border-top:1px solid rgba(210,190,153,.45)}.ftr .f-menu li:nth-child(even){border-left:1px solid rgba(210,190,153,.45)}.ftr .f-menu li:nth-child(-n+2){border-top:0}.ftr .f-menu li:last-child:nth-child(odd){grid-column:1 / -1}.ftr .f-menu a{font-size:11px;letter-spacing:.16em}.ftr .f-cols{grid-template-columns:1fr}.ftr .f-cols>div{padding:0;border-left:0}.ftr .f-alt{flex-direction:column;align-items:flex-start}}
/* çerez onayı bandı */
.cerez{position:fixed;left:20px;bottom:20px;z-index:60;max-width:460px;background:#fff;border:1px solid var(--cizgi-a);box-shadow:0 10px 30px rgba(20,42,66,.16);padding:18px 20px}
.cerez p{font-size:13.5px;line-height:1.6;color:var(--govde-a)}
.cerez a{color:var(--lac)}
.cerez-d{display:flex;gap:10px;margin-top:12px}
.cerez .d{min-height:40px;font-size:14px}
.cerez .cerez-k{background:var(--lac);border-color:var(--lac);color:#fff}
.cerez .cerez-k:hover{background:var(--altin);border-color:var(--altin);color:var(--lac)}
@media (max-width:640px){.cerez{left:12px;right:12px;bottom:12px;max-width:none}}
/* mülk referans numarası (Sami 28.10.2026: geçiş döneminde Wix numaraları, görselin üstünde değil) */
.ok-ref{margin-left:auto;align-self:center;font-size:12px;letter-spacing:.08em;color:rgba(20,42,66,.8);font-variant-numeric:tabular-nums;white-space:nowrap}
.pop .pop-ref{display:block;font-size:12px;letter-spacing:.1em;color:inherit;opacity:.62;margin-bottom:0}

/* Sami 29.10.2026: kart v5 — "az bilgi için çok yer kaplıyor, daha profesyonel olmalı" (üst seviye emlak siteleri örnek):
   etiketler fotoğrafın üstünde · semt · ad · fiyat · ikonlu tek satır · küçük künye satırı · müsait + Ref; "Sayfayı aç" yok, kartın tamamı bağ */
.ok-foto{position:relative;aspect-ratio:3/2}
.ok-foto .rzler{position:absolute;left:12px;top:12px;right:58px;display:flex;flex-wrap:wrap;gap:6px;min-height:0}
.ok-foto .rz{height:24px;padding:0 8px;font-size:10.5px;background:rgba(246,241,231,.95);border-left-width:2px}
.ok-foto .rz.son{background:#6B4E8A;color:#FFFFFF;border-color:#6B4E8A}
.ok-ic{padding:15px 18px 15px}
.ok .ok-yer{font-size:11.5px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:rgba(20,42,66,.58)}
.ok h3{font-size:19px;line-height:1.25;margin-top:5px}
.ok .fiyat{font-size:18px;margin-top:8px}
.ok-ozet{list-style:none;margin:12px 0 0;padding:11px 0 0;border-top:1px solid rgba(210,190,153,.7);display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:rgba(20,42,66,.85)}
.ok-ozet li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:0;padding:0;margin:0}
.ok-ozet svg{width:17px;height:17px;fill:none;stroke:#142A42;stroke-width:1.3;stroke-linecap:square;flex:none}
.ok .ok-ek{font-size:12.5px;line-height:1.45;color:rgba(20,42,66,.62);margin-top:7px}
.ok-alt{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ok .ok-alt .musait{margin:0;font-size:13.5px;color:#142A42}
.ok .ok-alt .musait.son{color:#6B4E8A;font-weight:500}
.ok-alt .ok-ref{margin-left:auto;font-size:11.5px}
/* Sami 29.10.2026 hizalama: kart başlığı her zaman 2 satır yüksekliği → fiyat ve ikonlu satır aynı çizgide */
.ok h3{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.ok-alt{min-height:34px}.ok-alt>span{line-height:20px}
/* kart: görüntüleme bağı (Sami 29.10.2026) — hover altın */
.ok-gor{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 18px;border-top:1px solid var(--altin);font-size:14px;letter-spacing:.02em;color:var(--lac);text-decoration:none;transition:background .18s,color .18s}
.ok-gor:hover,.ok-gor:focus-visible{background:var(--altin);color:var(--lac)}
.ok-gor.bos{pointer-events:none}
/* Golden Visa Rehberi 2026 bandı (Sami 29.10.2026) */
.rehber-s{padding-block:0 72px}
.rehber{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:36px;align-items:start;background:#fff;border:1px solid var(--cizgi-a);padding:32px}
.rh-kapak{width:100%;height:auto;border:1px solid var(--cizgi-a);box-shadow:0 10px 24px rgba(20,42,66,.12)}
.rh-ic{display:grid;gap:14px;align-content:start;min-width:0}
.rh-ic h2{margin:0}
.rh-ic .giris{margin:0;max-width:62ch}
.rh-ac,.rh-hazir .d{justify-self:start}
.rh-form{display:grid;gap:14px;max-width:620px}
.rh-ikili{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rh-a{display:grid;gap:6px}
.rh-a label{font-size:13px;letter-spacing:.04em;color:var(--lac)}
.rh-a input{width:100%;height:46px;border:1px solid var(--cizgi-a);background:#fff;padding:0 12px;font:inherit;font-size:16px;color:var(--lac)}
.rh-a input:focus{outline:none;border-color:var(--lac)}
.rh-kvkk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--govde-a);line-height:1.5;cursor:pointer}
.rh-kvkk input{width:18px;height:18px;margin-top:2px;accent-color:#142A42;flex:none}
.rh-kvkk a{color:var(--lac)}
.rh-form .d{justify-self:start;cursor:pointer}
.rh-msg:empty{display:none}
.rh-msg{font-size:15px;color:var(--kirmizi)}
.rh-hazir{display:grid;gap:12px}
.rh-hazir p{margin:0;color:var(--lac)}
@media (max-width:760px){.rehber{grid-template-columns:1fr;padding:22px 16px}.rh-kapak{max-width:180px}.rh-ikili{grid-template-columns:1fr}}

/* Rapor kartı başlığı en çok 2 satır, kartlar eşit (Sami 29.10.2026) */
.rp-ic h3{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}

/* süzgeç satırı (Sami 31.10.2026): normal sayfa genişliğinde tek satır; dar ekranda alta geçer */
@media (min-width:900px){.af .af-alan select{min-width:0;max-width:none;width:168px;height:40px;padding:0 30px 0 11px;font-size:13.5px;text-overflow:ellipsis;background-position:right 11px center}.af .af-alan input{width:84px;height:40px;font-size:13.5px}.af .af-sat{column-gap:10px}.af .af-alan{gap:7px}}

/* harita sayfasında Geri (Sami 31.10.2026) */
.koyu .harita-geri{border-color:var(--altin);color:#fff;margin:16px 22px 0;align-self:flex-start;flex:none}.koyu .harita-geri:hover{background:var(--altin);color:var(--lac)}