/* =========================================================
   Emlak İstanbul — v2
   Kent Etiler paleti: sıcak antrasit, kahve, krem; tek yazı ailesi (Onest)
   ========================================================= */
:root {
  --gece: #3A3735;
  --lacivert: #4A4A4D;
  --kum: #7B6756;
  --kum-koyu: #6A5747;
  --murekkep: #54453F;
  --gri: #69696D;
  --soluk: #BDB6AE;
  --cizgi: #E8E5DE;
  --zemin: #F5F4F1;
  --beyaz: #FFFFFF;
  --hata: #A3322A;
  --yesil: #1F7A55;

  --yazi: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --genislik: 1240px;
  --kenar: 0;
  --krem: #F5F4F1;
  --bej: #E8E5DE;
  --baslik: #54453F;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
body { margin: 0; font-family: var(--yazi); font-size: 1.0625rem; line-height: 1.6; color: var(--murekkep); background: var(--beyaz); }
img, svg { max-width: 100%; display: block; }
a { color: inherit; text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--kum); outline-offset: 3px; border-radius: 0; }
[hidden] { display: none !important; }

h1, h2, h3 { font-weight: 500; line-height: 1.08; margin: 0 0 .5em; letter-spacing: -.03em; }
h1 { font-size: clamp(2.6rem, 7vw, 5.6rem); }
h2 { font-size: clamp(1.8rem, 3.4vw, 2.75rem); }
h3 { font-size: 1.25rem; letter-spacing: -.015em; }
p { margin: 0 0 1em; }

.kap { width: 100%; max-width: var(--genislik); margin: 0 auto; padding-left: 28px; padding-right: 28px; }
.dar { max-width: 780px; }
.atla { position: absolute; inset-inline-start: 8px; top: 8px; background: var(--beyaz); padding: 8px 14px; z-index: 60; transform: translateY(-200%); }
.atla:focus { transform: none; }
.gizli-yazi { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ---------- Menü ---------- */
.ust { position: sticky; top: 0; z-index: 40; background: var(--beyaz); border-bottom: 1px solid var(--cizgi); color: var(--murekkep); transition: background .3s, border-color .3s, color .3s; }
.saydam-sayfa .ust { position: fixed; left: 0; right: 0; }
.ust-saydam { background: transparent; border-color: transparent; color: var(--beyaz); }
.ust-saydam.kaydirildi { background: rgba(58, 55, 53, .92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 76px; }
.logo { display: flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 600; font-size: 1.15rem; letter-spacing: -.02em; }
.menu { display: flex; align-items: center; gap: 28px; }
.menu a { text-decoration: none; font-size: .98rem; font-weight: 400; opacity: .9; }
.menu a:hover { opacity: 1; color: var(--kum); }
.menu a[aria-current="page"] { opacity: 1; box-shadow: inset 0 -1.5px 0 var(--kum); }
.menu .menu-cta { padding: 10px 18px; border: 1.5px solid currentColor; border-radius: var(--kenar); font-weight: 500; opacity: 1; box-shadow: none; }
.menu .menu-cta:hover { background: var(--kum); border-color: var(--kum); color: var(--gece); }
.menu-ac { display: none; background: none; border: 0; width: 44px; height: 44px; position: relative; cursor: pointer; color: inherit; }
.menu-ac span:not(.gizli-yazi) { position: absolute; left: 10px; right: 10px; height: 1.5px; background: currentColor; transition: transform .25s; }
.menu-ac span:nth-child(1) { top: 17px; }
.menu-ac span:nth-child(2) { top: 26px; }
.menu-acik .menu-ac span:nth-child(1) { transform: translateY(4.5px) rotate(45deg); }
.menu-acik .menu-ac span:nth-child(2) { transform: translateY(-4.5px) rotate(-45deg); }

/* ---------- Düğmeler ---------- */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--gece); color: var(--beyaz); border: 1.5px solid var(--gece); font: 500 1rem/1.2 var(--yazi); padding: 15px 26px; border-radius: var(--kenar); text-decoration: none; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.dugme:hover { background: var(--lacivert); border-color: var(--lacivert); }
.dugme-kucuk { padding: 9px 16px; font-size: .92rem; }
.dugme-tam { width: 100%; }
.dugme-cizgi { background: transparent; color: var(--gece); }
.dugme-cizgi:hover { background: var(--gece); color: var(--beyaz); }
.dugme-altin { background: var(--kum); border-color: var(--kum); color: var(--gece); }
.dugme-altin:hover { background: #8C7764; border-color: #8C7764; color: var(--gece); }
.dugme-saydam { background: transparent; border-color: rgba(255,255,255,.6); color: var(--beyaz); }
.dugme-saydam:hover { background: var(--beyaz); color: var(--gece); border-color: var(--beyaz); }
.dugme-yazi { background: none; border: 0; padding: 8px 4px; font: 500 .92rem var(--yazi); color: var(--gri); cursor: pointer; text-decoration: underline; }
.tehlike { color: var(--hata); }
.ok-link { font-weight: 500; text-decoration: none; border-bottom: 1.5px solid var(--kum); padding-bottom: 2px; }
.ok-link::after { content: " ↗"; color: var(--kum); }
.yazi-link { font-weight: 600; }

/* ---------- Tam ekran girişler (ana sayfa + proje) ---------- */
.giris, .p-giris { position: relative; min-height: 100vh; min-height: 100svh; display: flex; align-items: flex-end; color: var(--beyaz); background: var(--gece); overflow: hidden; isolation: isolate; }
.giris-arka, .p-giris-arka { position: absolute; inset: 0; z-index: -1; }
.giris-arka > *, .p-giris-arka > * { width: 100%; height: 100%; object-fit: cover; }
.giris-arka::after, .p-giris-arka::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(58, 55, 53,.7) 0%, rgba(58, 55, 53,.25) 55%, rgba(58, 55, 53,0) 100%), linear-gradient(180deg, rgba(58, 55, 53,.55) 0%, rgba(58, 55, 53,.1) 35%, rgba(58, 55, 53,.85) 100%); }
.giris-cizim, .p-giris-resim { animation: belir 1.6s ease-out both; }
@keyframes belir { from { opacity: 0; transform: scale(1.06); } to { opacity: 1; transform: none; } }
.giris-ic, .p-giris-ic { padding-top: 140px; padding-bottom: 96px; }
.giris-ust { font-size: 1rem; color: #E8E5DE; margin-bottom: 18px; font-weight: 500; }
.giris-ust a { text-decoration: none; }
.giris h1 { max-width: 12ch; }
.giris-alt { font-size: clamp(1.05rem, 1.6vw, 1.3rem); max-width: 36em; color: #E8E5DE; font-weight: 300; }
.asagi { position: absolute; left: 50%; bottom: 26px; width: 26px; height: 42px; margin-left: -13px; border: 1.5px solid rgba(255,255,255,.5); border-radius: 20px; }
.asagi span { position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; margin-left: -2px; border-radius: 0; background: var(--beyaz); animation: kaydir 1.8s ease-in-out infinite; }
@keyframes kaydir { 0% { opacity: 0; transform: translateY(0); } 40% { opacity: 1; } 100% { opacity: 0; transform: translateY(14px); } }

/* Hızlı değerleme çubuğu */
.hizli { display: grid; grid-template-columns: 1fr 1fr auto; gap: 0; margin-top: 40px; max-width: 760px; background: var(--beyaz); border-radius: 0; padding: 8px; box-shadow: 0 30px 60px -30px rgba(0,0,0,.6); }
.hizli label { display: grid; gap: 2px; padding: 8px 18px; color: var(--murekkep); border-right: 1px solid var(--cizgi); }
.hizli label:nth-child(2) { border-right: 0; }
.hizli label span { font-size: .78rem; color: var(--gri); }
.hizli select { border: 0; font: 500 1.02rem var(--yazi); color: var(--murekkep); background: transparent; padding: 2px 0; width: 100%; cursor: pointer; }
.hizli select:focus { outline: none; }
.hizli label:focus-within { background: var(--zemin); border-radius: 0; }
.hizli .dugme { border-radius: 0; padding: 0 28px; }

/* Proje girişi */
.p-giris h1 { font-size: clamp(3rem, 9vw, 7.5rem); line-height: .95; margin-bottom: .25em; }
.p-slogan { font-size: clamp(1.1rem, 2vw, 1.45rem); font-weight: 300; color: #E8E5DE; max-width: 30em; }
.p-giris-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }

/* Rakamlar şeridi */
.rakamlar { background: var(--gece); color: var(--beyaz); border-top: 1px solid rgba(255,255,255,.08); }
.rakam-izgara { display: grid; grid-template-columns: repeat(var(--adet, 4), 1fr); }
.rakam { padding: 40px 28px 36px; border-left: 1px solid rgba(255,255,255,.1); }
.rakam:first-child { border-left: 0; padding-left: 0; }
.rakam strong { display: block; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 400; letter-spacing: -.04em; line-height: 1; color: var(--kum); }
.rakam span { display: block; margin-top: 10px; color: var(--soluk); font-size: .98rem; }

/* ---------- Bölümler ---------- */
.bolum { padding: 112px 0; }
.bolum-ust-yok { padding-top: 0; }
.bolum-gri { background: #F5F4F1; }
.bolum-koyu { background: var(--gece); color: #E8E5DE; }
.bolum-koyu h2, .bolum-koyu h3 { color: var(--beyaz); }
.bolum-koyu a { color: var(--kum); }
.bolum-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 44px; }
.bolum-bas h2 { margin-bottom: .2em; }
.bolum-alt { color: var(--gri); max-width: 34em; margin: 0; }
.soluk { color: var(--soluk); }
.bolum:not(.bolum-koyu) .soluk { color: var(--gri); }
.ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.ikili-ust { align-items: start; }
.buyuk-soz { font-size: clamp(1.9rem, 3.6vw, 3rem); line-height: 1.1; max-width: 16ch; }
.metin-blok { font-size: 1.12rem; color: #5E5E62; }
.metin-blok p:first-child::first-line { font-weight: 500; }
.tum-link { margin: 40px 0 0; }

/* Süzgeç */
.filtre { display: flex; flex-wrap: wrap; gap: 8px; }
.filtre button, .filtre a { font: 500 .95rem var(--yazi); padding: 10px 18px; border-radius: var(--kenar); border: 1.5px solid var(--cizgi); background: var(--beyaz); color: var(--murekkep); cursor: pointer; text-decoration: none; }
.filtre a span { color: var(--gri); margin-left: 4px; font-weight: 400; }
.filtre button[aria-pressed="true"], .filtre a[aria-current="page"] { background: var(--gece); border-color: var(--gece); color: var(--beyaz); }
.filtre a[aria-current="page"] span { color: var(--kum); }

/* ---------- Proje kartları ---------- */
.kart-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }
.proje-kart { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 0; overflow: hidden; text-decoration: none; color: var(--beyaz); background: var(--gece); isolation: isolate; }
.kart-gorsel { position: absolute; inset: 0; z-index: -1; }
.kart-gorsel > img, .kart-gorsel > svg { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.proje-kart:hover .kart-gorsel > * { transform: scale(1.045); }
.kart-gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(58, 55, 53,0) 40%, rgba(58, 55, 53,.9) 100%); }
.kart-durum { position: absolute; top: 18px; left: 18px; z-index: 1; font-size: .82rem; padding: 5px 12px; border-radius: var(--kenar); background: rgba(255,255,255,.14); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.2); }
.kart-yazi { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px; }
.kart-konum { font-size: .9rem; color: var(--kum); margin-bottom: 6px; }
.proje-kart h3 { font-size: clamp(1.5rem, 2.2vw, 1.9rem); margin-bottom: 6px; }
.kart-tip { font-size: .92rem; color: var(--soluk); margin: 0; }

/* ---------- Adımlar (gerçek bir sıra olduğu için numaralı) ---------- */
.adimlar { list-style: none; counter-reset: adim; padding: 0; margin: 0; display: grid; gap: 0; }
.adimlar li { counter-increment: adim; display: grid; grid-template-columns: 56px 1fr; padding: 26px 0; border-top: 1px solid rgba(255,255,255,.12); }
.adimlar li:last-child { border-bottom: 1px solid rgba(255,255,255,.12); }
.adimlar li::before { content: counter(adim); grid-row: span 2; font-size: 1.6rem; color: var(--kum); line-height: 1.1; }
.adimlar h3 { margin-bottom: 6px; }
.adimlar p { color: var(--soluk); margin: 0; }

/* ---------- Hakkımda ---------- */
.unvan { color: var(--kum-koyu); font-weight: 500; margin-top: -6px; }
.belge { font-size: .92rem; color: var(--gri); }
.iletisim-liste { display: grid; border-top: 1px solid var(--cizgi); }
.iletisim-liste a { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 24px 0; border-bottom: 1px solid var(--cizgi); text-decoration: none; flex-wrap: wrap; }
.iletisim-liste span { color: var(--gri); }
.iletisim-liste strong { font-weight: 500; font-size: clamp(1.1rem, 2vw, 1.5rem); letter-spacing: -.02em; }
.iletisim-liste a:hover strong { color: var(--kum-koyu); }

/* ---------- Proje detayı ---------- */
.kunye { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 36px 0 0; border-top: 1px solid var(--cizgi); max-width: 480px; }
.kunye div { padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
.kunye div:nth-child(odd) { padding-right: 20px; }
.kunye dt { font-size: .85rem; color: var(--gri); }
.kunye dd { margin: 2px 0 0; font-weight: 500; }

.galeri-bolum { padding-bottom: 112px; }
.galeri { display: grid; grid-auto-flow: column; grid-auto-columns: min(72vw, 820px); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 max(28px, calc((100vw - var(--genislik)) / 2 + 28px)); scrollbar-width: none; }
.galeri::-webkit-scrollbar { display: none; }
.galeri-oge { scroll-snap-align: center; aspect-ratio: 3 / 2; border-radius: 0; overflow: hidden; padding: 0; border: 0; cursor: zoom-in; background: var(--cizgi); }
.galeri-oge img { width: 100%; height: 100%; object-fit: cover; }
.galeri-oklar { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.galeri-oklar button { width: 52px; height: 52px; border-radius: 0; border: 1.5px solid var(--cizgi); background: var(--beyaz); font-size: 1.2rem; cursor: pointer; }
.galeri-oklar button:hover { border-color: var(--gece); }

.bloklar { display: grid; gap: 96px; }
.blok { display: grid; grid-template-columns: 1.15fr 1fr; gap: 72px; align-items: center; }
.blok-ters .blok-gorsel { order: 2; }
.blok-gorsel { border-radius: 0; overflow: hidden; aspect-ratio: 5 / 4; }
.blok-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.blok-yazi p { color: #5E5E62; font-size: 1.08rem; }
.blok-tek { grid-template-columns: 1fr; }
.bloklar-yazi { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0; border-top: 1px solid var(--cizgi); }
.bloklar-yazi .blok { display: block; padding: 40px 40px 40px 0; border-bottom: 1px solid var(--cizgi); }
.bloklar-yazi h2 { font-size: 1.5rem; }
.bloklar-yazi p { font-size: 1rem; }

.ozellikler { list-style: none; padding: 0; margin: 36px 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 0 32px; }
.ozellikler li { padding: 18px 0 18px 34px; border-bottom: 1px solid #E0DBD3; position: relative; font-size: 1.05rem; }
.ozellikler li::before { content: ""; position: absolute; left: 0; top: 26px; width: 16px; height: 9px; border-left: 1.5px solid var(--kum-koyu); border-bottom: 1.5px solid var(--kum-koyu); transform: rotate(-45deg); }

.harita { position: relative; aspect-ratio: 4 / 3; border-radius: 0; overflow: hidden; background: #E8E5DE; display: grid; place-items: center; }
.harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: grayscale(.35) contrast(1.05); }
.harita-yukle { font: 500 1rem var(--yazi); padding: 12px 22px; border-radius: var(--kenar); border: 1.5px solid var(--gece); background: var(--beyaz); cursor: pointer; }

.isik-kutusu { border: 0; padding: 0; background: transparent; max-width: 94vw; max-height: 92vh; }
.isik-kutusu::backdrop { background: rgba(40, 37, 35, .92); }
.isik-kutusu img { max-width: 94vw; max-height: 92vh; border-radius: 0; }
.isik-kutusu button { position: fixed; top: 18px; right: 22px; width: 48px; height: 48px; border-radius: 0; border: 0; background: var(--beyaz); font-size: 1.6rem; cursor: pointer; }

/* ---------- Kutu ve form ---------- */
.kutu { background: var(--beyaz); border-radius: 0; padding: 32px; color: var(--murekkep); border: 1px solid var(--cizgi); }
.bolum-koyu .kutu { border: 0; }
.bolum-koyu .kutu a { color: var(--lacivert); }
.kutu-baslik { font-size: 1.5rem; margin-bottom: .2em; }
.kutu-alt { color: var(--gri); margin-bottom: 20px; }
.form { display: grid; gap: 16px; }
.form label { display: grid; gap: 6px; font-weight: 500; font-size: .95rem; }
.form input[type=text], .form input[type=tel], .form input[type=number], .form input[type=password],
.form input:not([type]), .form select, .form textarea { width: 100%; font: 400 1rem var(--yazi); color: var(--murekkep); padding: 13px 14px; border: 1.5px solid #CFC7B9; border-radius: 0; background: var(--beyaz); }
.form input:focus, .form select:focus, .form textarea:focus { border-color: var(--gece); outline: 3px solid rgba(123,103,86,.28); outline-offset: 0; }
.form textarea { resize: vertical; }
.satir { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.istege { font-weight: 400; color: var(--gri); font-size: .86rem; }
.onay { display: flex !important; align-items: flex-start; gap: 10px !important; font-weight: 400 !important; font-size: .88rem !important; color: var(--gri); }
.onay input { margin-top: 3px; width: 18px; height: 18px; flex: none; accent-color: var(--gece); }
.onay a { color: var(--lacivert); }
.form .dugme { margin-top: 4px; }
.form-not { font-size: .86rem; color: var(--gri); margin: -4px 0 0; text-align: center; }
.bal-tuzak { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.uyari { background: #FBEDEB; border-left: 3px solid var(--hata); padding: 10px 14px; border-radius: 0; color: var(--hata); font-size: .95rem; }
.uyari p { margin: 0; }
.bilgi { background: #E8F3EE; border-left: 3px solid var(--yesil); padding: 10px 14px; border-radius: 0; margin: 0 0 20px; color: #165A3F; }

/* ---------- İç sayfa başlıkları ---------- */
.sayfa-bas { padding: 80px 0 48px; }
.sayfa-bas h1 { font-size: clamp(2.4rem, 5.5vw, 4.4rem); }
.sayfa-bas p { color: var(--gri); max-width: 40em; font-size: 1.12rem; }
.sayfa-bas .filtre { margin-top: 30px; }
.ilce-grup + .ilce-grup { margin-top: 80px; }
.ilce-baslik { display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid var(--cizgi); padding-bottom: 16px; margin-bottom: 28px; }
.ilce-baslik span { font-size: 1rem; color: var(--gri); letter-spacing: 0; font-weight: 400; }
.bos { color: var(--gri); padding: 24px 0; }
.proje-iletisim { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.metin h2 { font-size: 1.35rem; margin-top: 1.6em; }
.dipnot { font-size: .88rem; color: var(--gri); margin-top: 16px; }

/* ---------- Alt bilgi ---------- */
.alt { background: var(--gece); color: var(--soluk); padding: 96px 0 28px; font-size: .96rem; }
.alt a { color: #F5F4F1; text-decoration: none; }
.alt a:hover { color: var(--kum); }
.alt-ust { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap; padding-bottom: 64px; margin-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,.1); }
.alt-buyuk { font-size: clamp(2rem, 4.4vw, 3.6rem); line-height: 1.05; letter-spacing: -.035em; color: var(--beyaz); margin: 0; font-weight: 500; }
.alt-ust .dugme { color: var(--beyaz); }
.alt-ic { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 32px; }
.alt-ic p { margin: 0 0 8px; }
.alt-isim { color: var(--beyaz); font-size: 1.15rem; font-weight: 500; }
.alt-kucuk { font-size: .88rem; }
.alt-not { margin-top: 56px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); font-size: .84rem; color: #9A948E; }
.alt-not p { margin: 0 0 6px; max-width: 70em; }

.wa-sabit { position: fixed; right: 20px; bottom: 20px; width: 56px; height: 56px; border-radius: 0; background: #1FA855; display: grid; place-items: center; box-shadow: 0 10px 24px -8px rgba(0,0,0,.45); z-index: 30; }
.wa-sabit:hover { background: #178A45; }

/* ---------- Yönetim paneli ---------- */
.yonetim .ust { position: sticky; }
.y-ana { padding-top: 36px; padding-bottom: 64px; }
.y-bas { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; }
.y-bas h1 { font-size: 2rem; margin: 0; }
.giris-kutu { max-width: 440px; margin: 60px auto; }
.giris-kutu h1 { font-size: 1.7rem; }
.sayac { display: inline-block; background: var(--kum); color: var(--gece); border-radius: 0; font-size: .78rem; padding: 0 7px; margin-left: 2px; font-weight: 600; }
.rozet { display: inline-block; background: var(--zemin); color: var(--lacivert); font-size: .8rem; font-weight: 500; padding: 3px 10px; border-radius: 0; border: 1px solid var(--cizgi); }
.rozet-yeni { background: var(--kum); color: var(--gece); border-color: var(--kum); }
.talep-liste { display: grid; gap: 14px; }
.talep { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 0; padding: 20px 22px; }
.talep-yeni { border-left: 4px solid var(--kum); }
.talep-ust { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.talep h2 { font-size: 1.2rem; margin: 0; letter-spacing: -.01em; }
.talep-meta { font-size: .86rem; color: var(--gri); margin: 2px 0 0; }
.talep-mulk { margin: 10px 0 6px; font-weight: 500; }
.talep-not { color: var(--gri); background: var(--zemin); padding: 10px 12px; border-radius: 0; font-size: .95rem; }
.talep-islem { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 12px; }
.talep-islem form { margin: 0; }
.y-tablo { width: 100%; border-collapse: collapse; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 0; overflow: hidden; }
.y-tablo th, .y-tablo td { text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--cizgi); }
.y-tablo th { font-size: .86rem; color: var(--gri); font-weight: 500; background: #FAF9F7; }
.y-tablo .sag { text-align: right; white-space: nowrap; }
.y-tablo .sag a { margin-left: 14px; }
.y-form { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 0; padding: 28px; max-width: 920px; }
.dar-form { max-width: 440px; }
.foto-alan { border: 1px dashed #CFC7B9; border-radius: 0; padding: 16px; margin: 0; display: grid; gap: 14px; }
.foto-alan legend { font-weight: 500; padding: 0 6px; }
.foto-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
.foto-oge { display: grid; gap: 6px; }
.foto-oge img { aspect-ratio: 4/3; object-fit: cover; border-radius: 0; width: 100%; }
.y-butonlar { display: flex; gap: 18px; align-items: center; }
.y-sil { margin-top: 18px; }
.imkan-satir { display: grid; gap: 12px; padding: 16px; border-radius: 0; background: var(--zemin); }
.imkan-foto { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.imkan-foto img { width: 140px; aspect-ratio: 4/3; object-fit: cover; border-radius: 0; }
.ipucu { font-size: .88rem; color: var(--gri); background: var(--zemin); border-radius: 0; padding: 10px 14px; margin: -4px 0 0; }
.ipucu code { background: var(--beyaz); padding: 1px 6px; border-radius: 0; }


/* ---------- İlçe şeridi ve seçici ---------- */
.ilce-serit { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 44px; padding-top: 28px; border-top: 1px solid var(--cizgi); }
.ilce-serit p { margin: 0 8px 0 0; color: var(--gri); }
.ilce-serit a { text-decoration: none; padding: 8px 16px; border-radius: var(--kenar); background: var(--beyaz); border: 1.5px solid var(--cizgi); font-weight: 500; font-size: .95rem; }
.ilce-serit a span { color: var(--gri); font-weight: 400; margin-left: 2px; }
.ilce-serit a:hover { border-color: var(--gece); }
.ilce-serit .ilce-serit-tum { background: var(--gece); color: var(--beyaz); border-color: var(--gece); }
.ilce-sec { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 28px; max-width: 560px; }
.ilce-sec label { font-weight: 500; }
.ilce-sec select { flex: 1; min-width: 240px; font: 500 1.05rem var(--yazi); color: var(--murekkep); padding: 14px 16px; border: 1.5px solid #CFC7B9; border-radius: 0; background: var(--beyaz); cursor: pointer; }
.ilce-sec select:focus { border-color: var(--gece); outline: 3px solid rgba(123,103,86,.28); }
.sayfa-bas .filtre { margin-top: 20px; }
.ilce-baslik a { text-decoration: none; }
.ilce-baslik a:hover { color: var(--kum-koyu); }
.bos-ilce { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 0; padding: 48px; max-width: 760px; }
.bos-ilce h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); }
.bos-ilce p { color: var(--gri); }
@media (max-width: 640px) { .bos-ilce { padding: 28px; } .ilce-sec select { min-width: 0; width: 100%; } }


/* ---------- Yaşam alanları (kaydırdıkça değişen görseller) ---------- */
.yasam { background: var(--gece); color: #E8E5DE; padding: 112px 0 40px; }
.yasam-bas { max-width: 640px; margin-bottom: 24px; }
.yasam-bas h2 { color: var(--beyaz); }
.yasam-bas p { color: var(--soluk); }
.yasam-izgara { display: grid; grid-template-columns: 1.25fr 1fr; gap: 80px; align-items: start; }
.yasam-sahne { position: sticky; top: 96px; height: calc(100vh - 136px); max-height: 760px; min-height: 420px; border-radius: 0; overflow: hidden; background: #4A4A4D; }
.yasam-kare { position: absolute; inset: 0; opacity: 0; transform: scale(1.05); transition: opacity .8s ease, transform 1.4s ease; }
.yasam-kare.aktif { opacity: 1; transform: none; }
.yasam-kare > img, .yasam-kare > svg { width: 100%; height: 100%; object-fit: cover; }
.yasam-sayac { position: absolute; left: 22px; bottom: 18px; margin: 0; padding: 6px 14px; border-radius: 0; background: rgba(58, 55, 53,.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: var(--beyaz); font-size: .9rem; font-variant-numeric: tabular-nums; }
.yasam-adim { min-height: 78vh; display: flex; flex-direction: column; justify-content: center; opacity: .3; transition: opacity .5s ease; }
.yasam-adim.aktif { opacity: 1; }
.yasam-adim:last-child { min-height: 70vh; }
.yasam-tur { color: var(--kum); font-size: .95rem; margin-bottom: 10px; }
.yasam-adim h3 { color: var(--beyaz); font-size: clamp(1.7rem, 3vw, 2.5rem); letter-spacing: -.03em; margin-bottom: 14px; }
.yasam-adim p:last-child { font-size: 1.1rem; color: #D8D2CA; max-width: 30em; }
.yasam-mobil-gorsel { display: none; }
@media (max-width: 960px) {
  .yasam { padding-bottom: 80px; }
  .yasam-izgara { grid-template-columns: 1fr; gap: 0; }
  .yasam-sahne { display: none; }
  .yasam-adim { min-height: 0; opacity: 1; padding: 28px 0 36px; border-bottom: 1px solid rgba(255,255,255,.1); }
  .yasam-adim:last-child { min-height: 0; border-bottom: 0; }
  .yasam-mobil-gorsel { display: block; aspect-ratio: 4 / 3; border-radius: 0; overflow: hidden; margin-bottom: 22px; }
  .yasam-mobil-gorsel > img, .yasam-mobil-gorsel > svg { width: 100%; height: 100%; object-fit: cover; }
}

/* ---------- Proje listesi araçları ---------- */
.liste-arac { display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; margin-top: 28px; }
.liste-arac .ilce-sec { margin-top: 0; flex: 1 1 320px; }
.arama { display: flex; gap: 10px; flex: 1 1 320px; max-width: 520px; }
.arama input { flex: 1; min-width: 0; font: 400 1.02rem var(--yazi); padding: 14px 16px; border: 1.5px solid #CFC7B9; border-radius: 0; background: var(--beyaz); }
.arama input:focus { border-color: var(--gece); outline: 3px solid rgba(123,103,86,.28); }
.arama .dugme { border-radius: 0; padding: 0 22px; }
.sonuc-sayisi { color: var(--gri); margin-bottom: 20px; }
.sayfalama { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 48px; }
.sayfalama a, .sayfalama span { min-width: 44px; height: 44px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0; border: 1.5px solid var(--cizgi); background: var(--beyaz); text-decoration: none; font-weight: 500; }
.sayfalama span { border-color: transparent; background: transparent; }
.sayfalama a[aria-current="page"] { background: var(--gece); border-color: var(--gece); color: var(--beyaz); }
.sayfalama a:hover { border-color: var(--gece); }


/* =========================================================
   Proje sayfası v3 — proje tanıtım sitesi düzeni
   ========================================================= */
.etiket { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 18px; font-size: .78rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--kum-koyu); }
.etiket::before { content: ""; width: 28px; height: 1px; background: currentColor; }
.etiket-acik { color: var(--kum); }
.ikon { flex: none; }
[data-bolum], #form { scroll-margin-top: 64px; }

/* Kaydırınca beliren içerik (JS yoksa her şey görünür) */
.js [data-goster] { opacity: 0; transform: translateY(26px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
.js [data-goster].gorundu { opacity: 1; transform: none; }

/* Menü: proje sayfasında bölüm menüsü yapışınca yukarı kayar */
.proje-sayfa .ust { transition: transform .35s ease, background .3s, border-color .3s, color .3s; }
.proje-sayfa.pn-yapisik:not(.menu-acik) .ust { transform: translateY(-100%); }

/* Giriş */
.ph { position: relative; min-height: 100vh; min-height: 100svh; display: grid; grid-template-rows: 1fr auto; color: var(--beyaz); background: var(--gece); overflow: hidden; isolation: isolate; }
.ph-arka { position: absolute; inset: 0; z-index: -1; }
.ph-arka > * { width: 100%; height: 100%; object-fit: cover; }
.ph-arka::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(58, 55, 53,.62) 0%, rgba(58, 55, 53,.12) 32%, rgba(58, 55, 53,.35) 62%, rgba(58, 55, 53,.92) 100%), linear-gradient(90deg, rgba(58, 55, 53,.55) 0%, rgba(58, 55, 53,0) 70%); }
.ph-resim { animation: belir 1.8s ease-out both, yakinlas 26s ease-in-out 1.8s infinite alternate; }
@keyframes yakinlas { to { transform: scale(1.07); } }
.ph-ic { align-self: end; padding-top: 140px; padding-bottom: 56px; }
.ph-iz { display: flex; gap: 10px; margin-bottom: 30px; font-size: .9rem; color: rgba(255,255,255,.7); }
.ph-iz a { text-decoration: none; }
.ph-iz a:hover { color: var(--kum); }
.ph-isim { font-size: clamp(2.6rem, 8.2vw, 7.6rem); line-height: .93; letter-spacing: -.035em; text-transform: uppercase; max-width: 15ch; margin-bottom: .32em; overflow-wrap: break-word; animation: yuksel 1.1s .2s cubic-bezier(.2,.7,.2,1) both; }
.ph-slogan { font-size: clamp(1.05rem, 1.7vw, 1.35rem); font-weight: 300; color: #E8E5DE; max-width: 34em; animation: yuksel 1.1s .35s cubic-bezier(.2,.7,.2,1) both; }
.ph-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; animation: yuksel 1.1s .5s cubic-bezier(.2,.7,.2,1) both; }
@keyframes yuksel { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } }
.ph-serit { border-top: 1px solid rgba(255,255,255,.14); background: rgba(58, 55, 53,.5); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.ph-serit-ic { display: grid; grid-template-columns: repeat(var(--adet, 4), 1fr); }
.ph-rakam { padding: 26px 28px; border-left: 1px solid rgba(255,255,255,.12); }
.ph-rakam:first-child { padding-left: 0; border-left: 0; }
.ph-rakam strong { display: block; font-size: clamp(1.45rem, 2.7vw, 2.3rem); font-weight: 400; line-height: 1.05; letter-spacing: -.03em; color: var(--kum); font-variant-numeric: tabular-nums; }
.ph-rakam span { display: block; margin-top: 8px; font-size: .86rem; letter-spacing: .04em; color: var(--soluk); }

/* Bölüm menüsü */
.pn { position: sticky; top: 0; z-index: 35; background: rgba(255,255,255,.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--cizgi); }
.pn-ic { display: flex; align-items: center; gap: 32px; height: 64px; }
.pn-isim { flex: none; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; letter-spacing: -.01em; text-decoration: none; }
.pn-linkler { flex: 1; display: flex; gap: 28px; overflow-x: auto; scrollbar-width: none; }
.pn-linkler::-webkit-scrollbar { display: none; }
.pn-linkler a { flex: none; padding: 20px 0 18px; border-bottom: 2px solid transparent; color: var(--gri); font-size: .95rem; text-decoration: none; white-space: nowrap; transition: color .2s, border-color .2s; }
.pn-linkler a:hover { color: var(--murekkep); }
.pn-linkler a.aktif { color: var(--murekkep); border-color: var(--kum); }
.pn-cta { flex: none; }

/* Genel bakış */
.pg-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.pg-soz { font-size: clamp(1.8rem, 3.4vw, 3rem); line-height: 1.08; letter-spacing: -.02em; text-transform: uppercase; max-width: 18ch; margin: 0; }
.pg-metin { font-size: 1.12rem; color: #5E5E62; }
.pg-metin p:last-child { margin-bottom: 0; }
.pg-ozet { color: var(--gri); }
.pk { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 0 32px; margin: 72px 0 0; border-top: 1px solid var(--cizgi); }
.pk-oge { display: grid; grid-template-columns: 44px 1fr; align-content: start; padding: 26px 0; border-bottom: 1px solid var(--cizgi); }
.pk-oge .ikon { grid-row: span 2; width: 28px; height: 28px; color: var(--kum-koyu); margin-top: 2px; }
.pk-oge dt { font-size: .85rem; color: var(--gri); }
.pk-oge dd { margin: 2px 0 0; font-weight: 500; font-size: 1.05rem; }
.pg-ozellik { margin-top: 72px; }
.pg-ozellik h3 { font-size: 1.4rem; }
.pg-ozellik .ozellikler { margin-top: 12px; }

.p-bant { height: 72vh; min-height: 380px; overflow: hidden; background: var(--gece); }
.p-bant img { width: 100%; height: 100%; object-fit: cover; }

/* Proje hakkında */
.bolum.pb-bolum { padding-top: 0; }
.p-bant + .bolum.pb-bolum { padding-top: 112px; }
.pb-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 0 72px; }
.pb-satir { display: grid; grid-template-columns: 64px 1fr; align-content: start; padding: 36px 0; border-top: 1px solid var(--cizgi); }
.pb-satir h3 { font-size: clamp(1.35rem, 2vw, 1.65rem); }
.pb-metin { grid-column: 2; color: #5E5E62; }
.pb-metin p:last-child { margin-bottom: 0; }
.pb-no { margin: 4px 0 0; font-size: .9rem; letter-spacing: .12em; color: var(--kum-koyu); font-variant-numeric: tabular-nums; }
.pb-bloklar { display: grid; gap: 120px; }
.pb { display: grid; grid-template-columns: 1.2fr 1fr; gap: 80px; align-items: center; }
.pb-ters .pb-gorsel { order: 2; }
.pb-gorsel { aspect-ratio: 4 / 3; border-radius: 0; overflow: hidden; }
.pb-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.pb .pb-no { margin-bottom: 14px; }
.pb h3 { font-size: clamp(1.7rem, 2.8vw, 2.4rem); letter-spacing: -.03em; }
.pb p { color: #5E5E62; font-size: 1.08rem; }
.pb-yazi-tek { grid-template-columns: 1fr; max-width: 760px; }

/* Yaşam alanları: üstteki dizin */
.yasam-bas { max-width: 900px; margin-bottom: 40px; }
.yasam-dizin { list-style: none; padding: 0; margin: 28px 0 0; display: flex; flex-wrap: wrap; gap: 10px; }
.yasam-dizin a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px 10px 18px; border: 1px solid rgba(255,255,255,.2); border-radius: var(--kenar); color: #E8E5DE; font-size: .95rem; text-decoration: none; transition: border-color .2s, color .2s; }
.yasam-dizin a:hover { border-color: var(--kum); color: var(--kum); }
.yasam-dizin .ikon { width: 16px; height: 16px; }
.yasam-adim { scroll-margin-top: 30vh; }

/* Daire tipleri */
.pd-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.pd-sekmeler button { font: 500 1rem var(--yazi); padding: 12px 22px; border-radius: var(--kenar); border: 1.5px solid var(--cizgi); background: var(--beyaz); color: var(--murekkep); cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.pd-sekmeler button:hover { border-color: var(--gece); }
.pd-sekmeler button[aria-selected="true"] { background: var(--gece); border-color: var(--gece); color: var(--beyaz); }
.pd-panel { display: grid; grid-template-columns: 1.15fr 1fr; gap: 56px; align-items: center; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 0; padding: 28px; }
.pd-panel:not([hidden]) { animation: belir .5s ease-out both; }
.pd-plan { aspect-ratio: 4 / 3; border-radius: 0; overflow: hidden; background: #F5F4F1; }
.pd-plan-resim { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: var(--beyaz); cursor: zoom-in; }
.pd-plan-resim img { width: 100%; height: 100%; object-fit: contain; }
.pd-buyut { position: absolute; right: 14px; bottom: 14px; width: 44px; height: 44px; border-radius: 0; display: grid; place-items: center; background: var(--gece); color: var(--beyaz); }
.pd-buyut .ikon { width: 20px; height: 20px; }
.pd-plan-bos { position: relative; height: 100%; display: grid; place-items: center; background-color: var(--gece); background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px); background-size: 34px 34px; background-position: center; }
.pd-plan-bos::after { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(123,103,86,.28); border-radius: 0; }
.pd-buyuk { font-size: clamp(3.6rem, 9vw, 7.5rem); font-weight: 300; letter-spacing: -.05em; color: var(--kum); line-height: 1; }
.pd-bilgi h3 { font-size: clamp(1.8rem, 3vw, 2.5rem); letter-spacing: -.03em; }
.pd-dl { margin: 18px 0 0; border-top: 1px solid var(--cizgi); }
.pd-dl div { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.pd-dl dt { color: var(--gri); }
.pd-dl dd { margin: 0; font-weight: 500; text-align: right; }
.pd-not { color: var(--gri); margin: 20px 0 18px; font-size: .98rem; }
.pd-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }

/* Galeri */
.pgal { background: var(--gece); color: #E8E5DE; }
.pgal h2 { color: var(--beyaz); }
.pgal-kontrol { display: flex; align-items: center; gap: 10px; }
.pgal-sayac { margin: 0 12px 0 0; color: var(--soluk); font-variant-numeric: tabular-nums; }
.pgal-sayac span { color: var(--beyaz); }
.pgal-kontrol button { width: 52px; height: 52px; border-radius: 0; border: 1px solid rgba(255,255,255,.3); background: transparent; color: var(--beyaz); font-size: 1.2rem; cursor: pointer; transition: background .2s, color .2s; }
.pgal-kontrol button:hover { background: var(--beyaz); color: var(--gece); }
.pgal .galeri { grid-auto-columns: min(78vw, 1000px); }
.pgal .galeri-oge { aspect-ratio: 16 / 10; background: #4A4A4D; }

/* Konum */
.pkon { position: relative; min-height: 660px; display: flex; align-items: center; background: #E8E5DE; }
.pkon-harita.harita { position: absolute; inset: 0; aspect-ratio: auto; border-radius: 0; }
.pkon-kap { position: relative; z-index: 1; padding-top: 80px; padding-bottom: 80px; pointer-events: none; }
.pkon-kart { pointer-events: auto; width: min(440px, 100%); background: var(--beyaz); border-radius: 0; padding: 36px; box-shadow: 0 30px 70px -30px rgba(58, 55, 53,.45); }
.pkon-kart h2 { font-size: clamp(2rem, 3.4vw, 2.8rem); }
.pkon-adres { display: flex; gap: 10px; color: var(--gri); }
.pkon-adres .ikon { color: var(--kum-koyu); }
.pkon-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.pkon-dugmeler .ikon { width: 18px; height: 18px; }
.pkon-ilce { display: inline-flex; align-items: center; gap: 8px; margin-top: 26px; font-weight: 500; text-decoration: none; }
.pkon-ilce .ikon { width: 18px; height: 18px; color: var(--kum-koyu); transition: transform .2s; }
.pkon-ilce:hover .ikon { transform: translateX(4px); }
.pkon .harita-yukle { position: relative; z-index: 0; }

/* Değerleme */
.pdeg-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.pdeg-liste { list-style: none; padding: 0; margin: 28px 0 0; }
.pdeg-liste li { position: relative; padding: 14px 0 14px 34px; border-bottom: 1px solid rgba(255,255,255,.1); }
.pdeg-liste li::before { content: ""; position: absolute; left: 2px; top: 21px; width: 14px; height: 8px; border-left: 1.5px solid var(--kum); border-bottom: 1.5px solid var(--kum); transform: rotate(-45deg); }
.danisman { display: flex; align-items: center; gap: 16px; margin-top: 36px; padding: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 0; }
.danisman-harf { flex: none; width: 56px; height: 56px; border-radius: 0; display: grid; place-items: center; background: var(--kum); color: var(--gece); font-weight: 600; font-size: 1.1rem; }
.danisman p { margin: 0; }
.danisman-isim { color: var(--beyaz); font-weight: 500; }
.danisman-unvan { color: var(--soluk); font-size: .92rem; }
.danisman a { text-decoration: none; font-weight: 500; }

/* Diğer projeler şeridi */
.pben-serit { --kenar-bosluk: max(28px, calc((100vw - var(--genislik)) / 2 + 28px)); display: grid; grid-auto-flow: column; grid-auto-columns: min(360px, 80vw); gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 var(--kenar-bosluk) 8px; scroll-padding-inline: var(--kenar-bosluk); scrollbar-width: none; }
.pben-serit::-webkit-scrollbar { display: none; }
.pben-serit .proje-kart { scroll-snap-align: start; }


/* Görseller kaydırdıkça perde açılır gibi gelir */
.js [data-perde] { clip-path: inset(100% 0 0 0); transition: clip-path 1.4s cubic-bezier(.77,0,.18,1); transition-delay: calc(var(--sira, 0) * .12s); }
.js [data-perde="sol"] { clip-path: inset(0 100% 0 0); }
.js [data-perde="sag"] { clip-path: inset(0 0 0 100%); }
.js [data-perde] > img, .js [data-perde] > svg, .js [data-perde] > button > img, .js [data-perde] > .pd-plan-bos { transform: scale(1.22); transition: transform 2s cubic-bezier(.2,.7,.2,1); transition-delay: calc(var(--sira, 0) * .12s); }
.js [data-perde].gorundu { clip-path: inset(0 0 0 0); }
.js [data-perde].gorundu > img, .js [data-perde].gorundu > svg, .js [data-perde].gorundu > button > img, .js [data-perde].gorundu > .pd-plan-bos { transform: none; }
.js [data-kartlar-perde] .proje-kart { opacity: 0; transform: translateY(40px); transition: opacity .9s ease, transform 1s cubic-bezier(.2,.7,.2,1); }
.js [data-kartlar-perde].gorundu .proje-kart { opacity: 1; transform: none; }
.js [data-kartlar-perde].gorundu .proje-kart:nth-child(2) { transition-delay: .1s; }
.js [data-kartlar-perde].gorundu .proje-kart:nth-child(3) { transition-delay: .2s; }
.js [data-kartlar-perde].gorundu .proje-kart:nth-child(n+4) { transition-delay: .3s; }
/* Geniş bantta hafif derinlik (paralaks) */
.p-bant { position: relative; }
.p-bant[data-paralaks] img { position: absolute; left: 0; top: -12%; height: 124%; will-change: transform; }
.js .p-bant[data-perde].gorundu img { transform: translate3d(0, var(--kaydir, 0px), 0); transition: none; }

/* Telefonda sabit işlem çubuğu */
.p-cubuk { display: none; }

@media (max-width: 960px) {
  .pg-izgara, .pdeg-izgara, .pd-panel, .pb, .pb-liste { grid-template-columns: 1fr; gap: 32px; }
  .pb-liste { gap: 0; }
  .pb-ters .pb-gorsel { order: 0; }
  .pb-bloklar { gap: 72px; }
  .ph-serit-ic { grid-template-columns: repeat(2, 1fr); }
  .ph-rakam { padding: 18px 16px; border-left: 0; border-top: 1px solid rgba(255,255,255,.12); }
  .ph-rakam:nth-child(odd) { padding-left: 0; }
  .ph-rakam:nth-child(even) { border-left: 1px solid rgba(255,255,255,.12); }
  .ph-rakam:nth-child(-n+2) { border-top: 0; }
  .ph-serit-ic[style*="--adet: 1"], .ph-serit-ic[style*="--adet: 3"] { grid-template-columns: repeat(2, 1fr); }
  .pn-ic { height: 54px; gap: 0; }
  .pn-isim, .pn-cta { display: none; }
  .pn-linkler { gap: 22px; }
  .pn-linkler a { padding: 16px 0 14px; font-size: .92rem; }
  [data-bolum], #form { scroll-margin-top: 54px; }
  .pk { margin-top: 48px; }
  .pkon { display: block; min-height: 0; background: var(--zemin); }
  .pkon-harita.harita { position: relative; height: 380px; }
  .pkon-kap { padding-top: 0; padding-bottom: 64px; }
  .pkon-kart { margin-top: -70px; width: 100%; }
  .p-bant { height: 48vh; min-height: 260px; }
  .p-bant + .bolum.pb-bolum { padding-top: 80px; }

  .proje-sayfa .wa-sabit { display: none; }
  .proje-sayfa { padding-bottom: 84px; }
  .p-cubuk { display: grid; grid-template-columns: auto auto 1fr; gap: 4px; position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 45; padding: 6px; border-radius: 0; background: var(--gece); box-shadow: 0 16px 36px -12px rgba(0,0,0,.5); transform: translateY(140%); transition: transform .35s ease; }
  .pn-yapisik .p-cubuk, html:not(.js) .p-cubuk { transform: none; }
  .ph-arka::after { background: linear-gradient(180deg, rgba(58, 55, 53,.6) 0%, rgba(58, 55, 53,.3) 30%, rgba(58, 55, 53,.78) 58%, rgba(58, 55, 53,.95) 100%); }
  .p-cubuk a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 64px; padding: 7px 12px; color: var(--beyaz); font-size: .76rem; text-decoration: none; border-radius: 0; }
  .p-cubuk .ikon { width: 22px; height: 22px; }
  .p-cubuk .p-cubuk-ana { background: var(--kum); color: var(--gece); font-size: .98rem; font-weight: 600; }
}
@media (max-width: 640px) {
  .ph-ic { padding-top: 104px; padding-bottom: 36px; }
  .ph-iz { margin-bottom: 20px; }
  .ph-rakam strong { font-size: 1.3rem; }
  .ph-rakam span { font-size: .8rem; }
  .ph-dugmeler .dugme { flex: 1 1 auto; }
  .pd-panel { padding: 16px; border-radius: 0; }
  .pd-dugmeler .dugme { flex: 1 1 auto; }
  .pkon-kart { padding: 26px; }
  .pben-serit { --kenar-bosluk: 20px; }
  .pgal-kontrol button { width: 44px; height: 44px; }
  .pb-satir { grid-template-columns: 44px 1fr; }
}

/* ---------- Tablet ---------- */
@media (max-width: 960px) {
  .ikili, .blok { grid-template-columns: 1fr; gap: 40px; }
  .blok-ters .blok-gorsel { order: 0; }
  .bolum { padding: 80px 0; }
  .galeri-bolum { padding-bottom: 80px; }
  .rakam-izgara { grid-template-columns: repeat(2, 1fr); }
  .rakam { padding: 28px 20px; border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }
  .rakam:nth-child(odd) { padding-left: 0; }
  .rakam:nth-child(even) { border-left: 1px solid rgba(255,255,255,.1); }
  .rakam:nth-child(-n+2) { border-top: 0; }
  .alt-ic { grid-template-columns: 1fr 1fr; }

  .menu-ac { display: block; z-index: 2; }
  .menu { position: fixed; inset: 0; background: var(--gece); color: var(--beyaz); flex-direction: column; align-items: flex-start; justify-content: center; gap: 22px; padding: 100px 28px 40px; transform: translateY(-100%); visibility: hidden; transition: transform .35s ease, visibility 0s .35s; }
  .menu a { font-size: 1.8rem; letter-spacing: -.02em; }
  .menu .menu-cta { font-size: 1.1rem; margin-top: 12px; }
  .menu-acik .menu { transform: none; visibility: visible; transition: transform .35s ease; }
  .menu-acik .ust { color: var(--beyaz); background: var(--gece); backdrop-filter: none; -webkit-backdrop-filter: none; }
  .menu-acik { overflow: hidden; }
  .logo { position: relative; z-index: 2; }
}

/* ---------- Telefon ---------- */
@media (max-width: 640px) {
  body { font-size: 1rem; }
  .kap { padding-left: 20px; padding-right: 20px; }
  .ust-ic { height: 64px; }
  .giris-ic, .p-giris-ic { padding-top: 110px; padding-bottom: 84px; }
  .hizli { grid-template-columns: 1fr; border-radius: 0; }
  .asagi { display: none; }
  .hizli label { border-right: 0; border-bottom: 1px solid var(--cizgi); padding: 10px 14px; }
  .hizli label:nth-child(2) { border-bottom: 0; }
  .hizli .dugme { padding: 16px; margin-top: 6px; }
  .satir { grid-template-columns: 1fr; }
  .kutu { padding: 22px; }
  .bolum { padding: 64px 0; }
  .kart-izgara { grid-template-columns: 1fr; }
  .proje-kart { aspect-ratio: 4 / 4.4; }
  .galeri { grid-auto-columns: 86vw; padding: 0 20px; }
  .alt-ic { grid-template-columns: 1fr; }
  .alt { padding-top: 64px; }
  .bloklar-yazi .blok { padding-right: 0; }
  .y-tablo th:nth-child(3), .y-tablo td:nth-child(3) { display: none; }
}

/* =========================================================
   Kent Etiler teması: ince yazılar, kahve düğmeler, krem bölümler
   ========================================================= */
h1, h2, h3 { font-weight: 300; letter-spacing: -.015em; }
.ph-isim, .pg-soz, .buyuk-soz, .alt-buyuk { font-weight: 300; }
p, li { color: inherit; }
.metin-blok, .pg-metin, .pb-metin, .pb p, .blok-yazi p { color: var(--gri); }

/* Düğmeler: dolu kahve, keskin köşe, okla */
.dugme { background: var(--kum); border-color: var(--kum); color: var(--beyaz); font-weight: 400; letter-spacing: .01em; padding: 16px 28px; }
.dugme:hover { background: var(--kum-koyu); border-color: var(--kum-koyu); color: var(--beyaz); }
.dugme-kucuk { padding: 10px 18px; font-size: .92rem; }
.dugme-altin { background: var(--kum); border-color: var(--kum); color: var(--beyaz); }
.dugme-altin:hover { background: var(--kum-koyu); border-color: var(--kum-koyu); color: var(--beyaz); }
.dugme-altin::after, .pn-cta::after { content: "→"; margin-left: 4px; transition: transform .2s; }
.dugme-altin:hover::after { transform: translateX(3px); }
.dugme-cizgi { background: transparent; color: var(--kum); border-color: var(--kum); }
.dugme-cizgi:hover { background: var(--kum); color: var(--beyaz); }
.dugme-saydam { background: transparent; border-color: rgba(255,255,255,.7); color: var(--beyaz); }
.dugme-saydam:hover { background: var(--beyaz); border-color: var(--beyaz); color: var(--baslik); }
.menu .menu-cta:hover { background: var(--kum); border-color: var(--kum); color: var(--beyaz); }
.sayac, .rozet-yeni { color: var(--beyaz); }

/* Koyu zeminlerde vurgu kremdir (kahve koyuda okunmaz) */
.etiket-acik, .giris-ust, .kart-konum { color: var(--bej); }
.bolum-koyu a, .danisman a { color: var(--bej); }
.bolum-koyu .kutu a { color: var(--kum); }
.alt a:hover { color: var(--beyaz); }
.rakam strong, .ph-rakam strong { color: var(--beyaz); font-weight: 300; }
.pdeg-liste li::before { border-color: var(--bej); }
.danisman-harf { color: var(--beyaz); }
.adimlar li::before { color: var(--bej); }
.p-cubuk .p-cubuk-ana { color: var(--beyaz); }

/* Gri bölümler krem */
.bolum-gri { background: var(--krem); }
.pd { background: var(--krem); }
.bolum-koyu { background: var(--gece); }

/* Kartlar */
.kart-durum { background: rgba(255,255,255,.18); }
.proje-kart h3 { font-weight: 300; }

/* Yaşam alanları: açık zemin, Kent Etiler'deki gibi oklu kutu listesi */
.yasam { background: var(--krem); color: var(--murekkep); }
.yasam-bas h2, .yasam-adim h3 { color: var(--baslik); }
.yasam-bas p, .yasam-adim p:last-child { color: var(--gri); }
.yasam .etiket-acik { color: var(--kum); }
.yasam-tur { color: var(--kum); }
.yasam-sahne { background: var(--bej); }
.yasam-sayac { background: rgba(255,255,255,.85); color: var(--baslik); }
.yasam-adim { opacity: .28; }
.yasam-dizin { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.yasam-dizin a { display: flex; justify-content: space-between; align-items: stretch; gap: 0; padding: 0; border: 1px solid var(--cizgi); border-color: #CFC7B9; background: var(--beyaz); color: var(--baslik); font-size: 1.05rem; font-weight: 300; }
.yasam-dizin a { padding-left: 22px; align-items: center; min-height: 60px; }
.yasam-dizin .ikon { width: 58px; height: 58px; padding: 18px; flex: none; color: var(--kum); transform: rotate(-45deg); transition: background .2s, color .2s; }
.yasam-dizin a:hover { border-color: var(--kum); color: var(--baslik); background: var(--krem); }
.yasam-dizin a:hover .ikon { background: var(--kum); color: var(--beyaz); }
@media (max-width: 960px) { .yasam-adim { opacity: 1; border-bottom-color: var(--cizgi); } }

/* Daire tipi kutusu: krem planlık */
.pd-plan-bos { background-color: var(--krem); background-image: linear-gradient(rgba(123,103,86,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(123,103,86,.1) 1px, transparent 1px); }
.pd-buyuk { color: var(--kum); }
.pd-sekmeler button { font-weight: 400; }
.pd-sekmeler button[aria-selected="true"] { background: var(--kum); border-color: var(--kum); }
.pd-panel { border-color: var(--cizgi); }

/* Bölüm menüsü */
.pn-linkler a.aktif { border-color: var(--kum); color: var(--baslik); }

/* Künye ikonları ve rakam şeridi */
.pk-oge .ikon { color: var(--kum); }
.ph-serit { background: rgba(58,55,53,.45); }

/* Galeri: Kent Etiler'deki gibi antrasit */
.pgal { background: var(--lacivert); }

/* Formlar */
.form input:focus, .form select:focus, .form textarea:focus, .arama input:focus, .ilce-sec select:focus { border-color: var(--kum); }

/* Sağdaki dikey "Ücretsiz değerleme" sekmesi (Kent Etiler'deki "Bize Ulaşın" gibi) */
.yan-sekme { position: fixed; right: 0; top: 50%; z-index: 30; transform: translateY(-50%) rotate(180deg); writing-mode: vertical-rl; padding: 26px 16px; background: var(--lacivert); color: var(--beyaz); text-decoration: none; font-size: 1.15rem; font-weight: 300; letter-spacing: .02em; transition: background .2s; }
.yan-sekme:hover { background: var(--kum); }
.menu-acik .yan-sekme { display: none; }
@media (max-width: 960px) { .yan-sekme { display: none; } }

/* ---------- Ana sayfa: Nasıl çalışır ---------- */
.nasil-ust { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.nasil-yazi .buyuk-soz { max-width: 15ch; }
.nasil-rakam { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 0; margin: 40px 0 0; border-top: 1px solid rgba(255,255,255,.14); }
.nasil-rakam div { padding: 22px 36px 0 0; margin-right: 36px; border-right: 1px solid rgba(255,255,255,.14); }
.nasil-rakam div:last-child { border-right: 0; margin-right: 0; }
.nasil-rakam dt { order: 2; font-size: .88rem; color: var(--soluk); margin-top: 6px; }
.nasil-rakam div { display: flex; flex-direction: column; }
.nasil-rakam dd { order: 1; margin: 0; font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 300; line-height: 1; color: var(--beyaz); letter-spacing: -.02em; }
.nasil-gorsel { position: relative; }
.nasil-svg { width: 100%; height: auto; }
.js .nasil-gorsel .ciz { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 2.4s cubic-bezier(.4,0,.2,1); }
.js .nasil-gorsel.gorundu .ciz { stroke-dashoffset: 0; }
.nasil-kart { filter: drop-shadow(0 24px 30px rgba(0,0,0,.35)); }
.js .nasil-kart { opacity: 0; transform: translateY(24px); transition: opacity 1s ease 1.2s, transform 1.2s cubic-bezier(.2,.7,.2,1) 1.2s; }
.js .nasil-gorsel.gorundu .nasil-kart { opacity: 1; transform: none; }
.js .nasil-bar { transform-box: fill-box; transform-origin: bottom; transform: scaleY(0); transition: transform .9s cubic-bezier(.2,.7,.2,1); transition-delay: calc(1.8s + var(--sira) * .08s); }
.js .nasil-gorsel.gorundu .nasil-bar { transform: none; }
.js .nasil-rozet { opacity: 0; transform-box: fill-box; transform-origin: center; transform: scale(.4); transition: opacity .6s ease 2.4s, transform .8s cubic-bezier(.3,1.6,.5,1) 2.4s; }
.js .nasil-gorsel.gorundu .nasil-rozet { opacity: 1; transform: none; }
.nasil-adimlar { list-style: none; padding: 0; margin: 96px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.14); }
.nasil-adimlar li { position: relative; padding: 40px 40px 8px 0; }
.nasil-adimlar li + li { padding-left: 40px; border-left: 1px solid rgba(255,255,255,.14); }
.nasil-adimlar li:nth-child(2) { transition-delay: .15s; }
.nasil-adimlar li:nth-child(3) { transition-delay: .3s; }
.nasil-no { position: absolute; top: 36px; right: 32px; font-size: 3.4rem; font-weight: 300; line-height: 1; color: rgba(232,229,222,.16); letter-spacing: -.04em; }
.nasil-adimlar .ikon { width: 36px; height: 36px; color: var(--bej); margin-bottom: 26px; stroke-width: 1.2; }
.nasil-adimlar h3 { color: var(--beyaz); font-size: 1.35rem; margin-bottom: 10px; }
.nasil-adimlar p { color: var(--soluk); margin: 0; }
.nasil-cta { margin: 56px 0 0; }
@media (max-width: 960px) {
  .nasil-ust { grid-template-columns: 1fr; gap: 48px; }
  .nasil-gorsel { max-width: 520px; }
  .nasil-adimlar { grid-template-columns: 1fr; margin-top: 64px; }
  .nasil-adimlar li, .nasil-adimlar li + li { padding: 32px 0; border-left: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .nasil-no { top: 28px; right: 0; }
}
@media (max-width: 640px) {
  .nasil-rakam div { padding-right: 18px; margin-right: 18px; }
}

/* ---------- Müşteri yorumları ---------- */
.yorumlar { background: var(--krem); }
.yorum-serit { --kenar-bosluk: max(28px, calc((100vw - var(--genislik)) / 2 + 28px)); display: grid; grid-auto-flow: column; grid-auto-columns: min(460px, 84vw); gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 var(--kenar-bosluk) 8px; scroll-padding-inline: var(--kenar-bosluk); scrollbar-width: none; }
.yorum-serit::-webkit-scrollbar { display: none; }
.yorum { scroll-snap-align: start; margin: 0; display: flex; flex-direction: column; background: var(--beyaz); border: 1px solid var(--cizgi); padding: 40px 36px 32px; }
.yorum-tirnak { color: var(--kum); opacity: .35; margin-bottom: 24px; }
.yorum-puan { margin: 0 0 12px; color: var(--kum); letter-spacing: .12em; }
.yorum-puan span { color: var(--cizgi); }
.yorum blockquote { margin: 0 0 28px; flex: 1; font-size: 1.12rem; line-height: 1.65; color: var(--baslik); font-weight: 300; }
.yorum blockquote p:last-child { margin-bottom: 0; }
.yorum figcaption { display: flex; flex-direction: column; gap: 2px; padding-top: 20px; border-top: 1px solid var(--cizgi); }
.yorum figcaption strong { font-weight: 500; color: var(--baslik); }
.yorum figcaption span { font-size: .9rem; color: var(--gri); }
.yorum-oklar { display: flex; gap: 10px; }
.yorum-oklar button { width: 52px; height: 52px; border: 1px solid var(--kum); background: transparent; color: var(--kum); font-size: 1.2rem; cursor: pointer; transition: background .2s, color .2s; }
.yorum-oklar button:hover { background: var(--kum); color: var(--beyaz); }
@media (max-width: 640px) { .yorum { padding: 30px 24px 26px; } .yorum-serit { --kenar-bosluk: 20px; } }

/* ---------- Ekibimiz ---------- */
.ekip-bas { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 56px; }
.ekip-bas h2 { margin: 0; max-width: 14ch; }
.ekip-giris { color: var(--gri); font-size: 1.08rem; margin: 0; }
.ekip-izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.ekip-kart { display: grid; grid-template-columns: 200px 1fr; background: var(--krem); border: 1px solid var(--cizgi); min-height: 300px; }
.ekip-monogram { position: relative; display: grid; place-items: center; background-color: var(--lacivert); background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 28px 28px; background-position: center; overflow: hidden; }
.ekip-monogram::after { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(232,229,222,.25); }
.ekip-monogram span { font-size: 4.2rem; font-weight: 300; letter-spacing: -.04em; color: var(--bej); line-height: 1; }
.ekip-bilgi { padding: 36px 36px 32px; display: flex; flex-direction: column; }
.ekip-unvan { margin: 0 0 10px; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--kum); font-weight: 500; }
.ekip-bilgi h3 { font-size: clamp(1.6rem, 2.4vw, 2.1rem); margin: 0 0 4px; }
.ekip-ofis { margin: 0 0 24px; color: var(--gri); }
.ekip-iletisim { list-style: none; padding: 0; margin: auto 0 0; border-top: 1px solid var(--cizgi); }
.ekip-iletisim a { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); text-decoration: none; color: var(--baslik); transition: color .2s; overflow-wrap: anywhere; }
.ekip-iletisim a:hover { color: var(--kum); }
.ekip-iletisim .ikon { width: 20px; height: 20px; color: var(--kum); }
.ekip-not { margin: auto 0 10px; color: var(--gri); }
.ekip-kart .ok-link { align-self: flex-start; }
.ekip-belge { margin: 16px 0 0; font-size: .82rem; color: var(--gri); }
@media (max-width: 1100px) { .ekip-kart { grid-template-columns: 1fr; } .ekip-monogram { aspect-ratio: 16 / 7; } }
@media (max-width: 960px) {
  .ekip-bas { grid-template-columns: 1fr; gap: 20px; }
  .ekip-izgara { grid-template-columns: 1fr; }
  .ekip-kart { grid-template-columns: 160px 1fr; }
  .ekip-monogram { aspect-ratio: auto; }
}
@media (max-width: 560px) { .ekip-kart { grid-template-columns: 1fr; } .ekip-monogram { aspect-ratio: 16 / 8; } .ekip-bilgi { padding: 26px 22px; } }

/* ---------- Ana sayfa girişi: solda değerleme, sağda proje arama ---------- */
.giris-ikili { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr); gap: 64px; align-items: end; width: 100%; }
.giris-sol h1 { font-size: clamp(2.5rem, 4.6vw, 4.3rem); max-width: 13ch; }
.giris-sol .hizli { max-width: 640px; }
.proje-ara { position: relative; z-index: 2; padding: 34px 32px 28px; background: rgba(58,55,53,.55); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(16px) saturate(1.1); -webkit-backdrop-filter: blur(16px) saturate(1.1); animation: yuksel 1.1s .35s cubic-bezier(.2,.7,.2,1) both; }
.proje-ara h2 { color: var(--beyaz); font-size: clamp(1.5rem, 2.2vw, 1.95rem); margin-bottom: 22px; }
.ara-form { display: grid; gap: 12px; }
.ara-kutu { position: relative; display: flex; align-items: center; background: var(--beyaz); color: var(--baslik); }
.ara-kutu .ikon { position: absolute; left: 16px; color: var(--kum); pointer-events: none; }
.ara-kutu input { width: 100%; border: 0; background: transparent; padding: 17px 16px 17px 50px; font: 400 1.02rem var(--yazi); color: var(--baslik); }
.ara-kutu input:focus { outline: 2px solid var(--kum); outline-offset: -2px; }
.ara-kutu input::-webkit-search-cancel-button { cursor: pointer; }
.ara-ilce { display: grid; gap: 2px; padding: 9px 16px 8px; background: var(--beyaz); color: var(--gri); }
.ara-ilce span { font-size: .78rem; }
.ara-ilce select { border: 0; background: transparent; font: 400 1.02rem var(--yazi); color: var(--baslik); padding: 2px 0; cursor: pointer; width: 100%; }
.ara-ilce select:focus { outline: none; }
.ara-ilce:focus-within { outline: 2px solid var(--kum); outline-offset: -2px; }
.proje-ara .dugme-tam { padding: 17px; margin-top: 4px; }
.ara-oneriler { position: absolute; left: 0; right: 0; top: 100%; z-index: 20; list-style: none; margin: 0; padding: 6px 0; background: var(--beyaz); border-top: 1px solid var(--cizgi); box-shadow: 0 24px 50px -16px rgba(0,0,0,.45); max-height: 360px; overflow-y: auto; }
.ara-oneriler a { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 11px 18px; text-decoration: none; color: var(--baslik); }
.ara-oneriler a strong { font-weight: 500; }
.ara-oneriler a small { grid-column: 1; color: var(--gri); font-size: .84rem; }
.ara-oneriler a::after { content: "→"; grid-row: 1 / span 2; grid-column: 2; align-self: center; color: var(--kum); opacity: 0; transition: opacity .15s, transform .15s; }
.ara-oneriler a:hover, .ara-oneriler [aria-selected="true"] a { background: var(--krem); }
.ara-oneriler a:hover::after, .ara-oneriler [aria-selected="true"] a::after { opacity: 1; transform: translateX(3px); }
.ara-oneriler mark { background: none; color: var(--kum); font-weight: 600; }
.ara-oneriler .ara-tumu a { border-top: 1px solid var(--cizgi); color: var(--kum); font-size: .92rem; }
.ara-oneriler .ara-yok { padding: 14px 18px; color: var(--gri); font-size: .95rem; }
.ara-populer { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 18px 0 0; font-size: .9rem; color: rgba(255,255,255,.65); }
.ara-populer a { color: var(--beyaz); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.35); padding-bottom: 1px; }
.ara-populer a:hover { border-color: var(--beyaz); }
@media (max-width: 1100px) { .giris-ikili { grid-template-columns: 1fr; gap: 40px; } .proje-ara { max-width: 640px; } .giris-ic.giris-ikili { padding-top: 120px; } .giris { min-height: 0; } }
@media (max-width: 640px) { .proje-ara { padding: 26px 20px 22px; } .giris-ic.giris-ikili { padding-bottom: 56px; } }

/* ---------- İlçe dizini (Avrupa / Anadolu) ---------- */
.ilce-dizin { margin-top: 72px; padding-top: 44px; border-top: 1px solid var(--cizgi); }
.ilce-dizin-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; flex-wrap: wrap; margin-bottom: 32px; }
.ilce-dizin-bas h3 { font-size: clamp(1.6rem, 2.4vw, 2.1rem); margin: 0; }
.ilce-yakalar { display: grid; grid-template-columns: 3fr 2fr; gap: 64px; }
.ilce-yaka-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0; padding-bottom: 14px; border-bottom: 1px solid var(--baslik); }
.ilce-yaka-bas strong { font-weight: 400; font-size: 1.15rem; color: var(--baslik); }
.ilce-yaka-bas span { font-size: .86rem; color: var(--gri); }
.ilce-yaka ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 28px; }
.ilce-yakalar .ilce-yaka:last-child ul { grid-template-columns: repeat(2, 1fr); }
.ilce-yaka a { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 13px 0; border-bottom: 1px solid var(--cizgi); text-decoration: none; color: var(--baslik); transition: color .2s, padding .2s; }
.ilce-yaka a:hover { color: var(--kum); padding-left: 6px; }
.ilce-sayi { font-size: .88rem; color: var(--gri); font-variant-numeric: tabular-nums; }
.ilce-yaka a:hover .ilce-sayi { color: var(--kum); }
.ilce-yaka a.ilce-bos { color: var(--gri); }
@media (max-width: 960px) { .ilce-yakalar { grid-template-columns: 1fr; gap: 44px; } .ilce-yakalar .ilce-yaka:last-child ul { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .ilce-yaka ul, .ilce-yakalar .ilce-yaka:last-child ul { grid-template-columns: repeat(2, 1fr); column-gap: 20px; } }

/* Ekibimiz: arka plan fotoğrafı yüklendiyse */
.ekip-fotolu { position: relative; isolation: isolate; overflow: hidden; color: var(--beyaz); padding: 140px 0; }
.ekip-arka { position: absolute; inset: 0; z-index: -1; }
.ekip-arka img { position: absolute; left: 0; top: -10%; width: 100%; height: 120%; object-fit: cover; transform: translate3d(0, var(--kaydir, 0px), 0); }
.ekip-arka::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(58,55,53,.78) 0%, rgba(58,55,53,.55) 45%, rgba(58,55,53,.85) 100%); }
.ekip-fotolu .etiket { color: var(--bej); }
.ekip-fotolu h2 { color: var(--beyaz); }
.ekip-fotolu .ekip-giris { color: #E8E5DE; }
.ekip-fotolu .ekip-kart { color: var(--murekkep); background: rgba(255,255,255,.92); border-color: transparent; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
@media (max-width: 640px) { .ekip-fotolu { padding: 80px 0; } }

/* Ekip kartında fotoğraf */
.ekip-foto { background: var(--lacivert); }
.ekip-foto::after { display: none; }
.ekip-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 25%; }
@media (max-width: 1100px) { .ekip-foto { aspect-ratio: 4 / 3; } }
@media (max-width: 960px) { .ekip-foto { aspect-ratio: auto; min-height: 240px; } }
@media (max-width: 560px) { .ekip-foto { aspect-ratio: 4 / 3; } }

.talep-niyet { margin: 10px 0 0; display: inline-block; font-size: .82rem; font-weight: 500; letter-spacing: .04em; color: var(--beyaz); background: var(--kum); padding: 3px 10px; }

/* ---------- Giriş: niyet seçimli hızlı çubuk ---------- */
.hizli2 { margin-top: 36px; max-width: 660px; background: var(--beyaz); color: var(--baslik); box-shadow: 0 30px 60px -30px rgba(0,0,0,.6); }
.niyet-sec { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--cizgi); }
.niyet-sec label { position: relative; cursor: pointer; }
.niyet-sec input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.niyet-sec span { display: block; text-align: center; padding: 15px 8px 13px; font-size: .95rem; color: var(--gri); border-bottom: 2px solid transparent; transition: color .2s, border-color .2s, background .2s; }
.niyet-sec label:hover span { color: var(--baslik); background: var(--krem); }
.niyet-sec input:checked + span { color: var(--baslik); border-color: var(--kum); font-weight: 500; }
.niyet-sec input:focus-visible + span { outline: 2px solid var(--kum); outline-offset: -2px; }
.hizli2-alt { display: grid; grid-template-columns: 1fr 1fr auto; padding: 8px; }
.hizli2-alt label { display: grid; gap: 2px; padding: 8px 16px; border-right: 1px solid var(--cizgi); }
.hizli2-alt label:nth-child(2) { border-right: 0; }
.hizli2-alt label span { font-size: .78rem; color: var(--gri); }
.hizli2-alt select { border: 0; font: 400 1.02rem var(--yazi); color: var(--baslik); background: transparent; padding: 2px 0; width: 100%; cursor: pointer; }
.hizli2-alt select:focus { outline: none; }
.hizli2-alt label:focus-within { background: var(--krem); }
.hizli2-alt .dugme { padding: 0 28px; }
@media (max-width: 640px) {
  .niyet-sec { grid-template-columns: repeat(2, 1fr); }
  .niyet-sec label:nth-child(odd) span { border-right: 1px solid var(--cizgi); }
  .hizli2-alt { grid-template-columns: 1fr; }
  .hizli2-alt label { border-right: 0; border-bottom: 1px solid var(--cizgi); }
  .hizli2-alt .dugme { padding: 16px; margin-top: 8px; }
}

/* ---------- Proje sayfası: ev arayan / satan için kısa not ---------- */
.pnot { margin: 0; padding: 14px 0; background: var(--krem); border-bottom: 1px solid var(--cizgi); font-size: .92rem; color: var(--gri); }
.pnot .kap { display: block; }
.pnot a { color: var(--kum); white-space: nowrap; text-decoration: none; border-bottom: 1px solid currentColor; margin-left: 4px; }
.pnot a::after { content: " →"; }
.pnot a:hover { color: var(--kum-koyu); }
/* ---------- Değerleme ve danışmanlık sayfası: talep türü kartları ---------- */
.niyet-kartlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 32px; }
.niyet-kartlar a { display: flex; flex-direction: column; gap: 6px; padding: 18px 18px 16px; border: 1px solid var(--cizgi); background: var(--beyaz); text-decoration: none; color: var(--baslik); transition: border-color .2s, background .2s; }
.niyet-kartlar strong { font-weight: 500; }
.niyet-kartlar span { font-size: .86rem; color: var(--gri); line-height: 1.4; }
.niyet-kartlar a:hover { border-color: var(--kum); }
.niyet-kartlar a[aria-current="true"] { border-color: var(--kum); background: var(--krem); box-shadow: inset 0 -3px 0 var(--kum); }
@media (max-width: 760px) { .niyet-kartlar { grid-template-columns: 1fr 1fr; } }

.geri-link { margin: 0 0 18px; font-size: .92rem; }
.geri-link a { color: var(--kum); text-decoration: none; }
.geri-link a:hover { text-decoration: underline; }

/* ---------- Giriş: solda proje arama, sağda danışmanlık kutusu ---------- */
.ana-ara { display: grid; grid-template-columns: minmax(0, 1fr) 170px auto; margin-top: 34px; max-width: 760px; background: var(--beyaz); box-shadow: 0 30px 60px -30px rgba(0,0,0,.6); }
.ana-ara .ara-kutu { border-right: 1px solid var(--cizgi); }
.ana-ara .ara-kutu input { padding-top: 22px; padding-bottom: 22px; font-size: 1.05rem; }
.ana-ara .ara-ilce { padding: 12px 18px 10px; }
.ana-ara .dugme { padding: 0 28px; }
.giris-sol .ara-populer { max-width: 760px; }
.talep-kutu { position: relative; z-index: 2; padding: 34px 32px 30px; background: rgba(58,55,53,.55); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(16px) saturate(1.1); -webkit-backdrop-filter: blur(16px) saturate(1.1); animation: yuksel 1.1s .35s cubic-bezier(.2,.7,.2,1) both; }
.talep-kutu h2 { color: var(--beyaz); font-size: clamp(1.5rem, 2.2vw, 1.95rem); margin-bottom: 22px; }
.talep-hizli { display: grid; gap: 10px; }
.niyet-kutu { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 4px; padding: 0; border: 0; }
.niyet-kutu label { position: relative; cursor: pointer; }
.niyet-kutu input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.niyet-kutu span { display: block; padding: 13px 10px; text-align: center; font-size: .95rem; color: var(--bej); border: 1px solid rgba(255,255,255,.28); transition: background .2s, border-color .2s, color .2s; }
.niyet-kutu label:hover span { border-color: rgba(255,255,255,.6); }
.niyet-kutu input:checked + span { background: var(--beyaz); border-color: var(--beyaz); color: var(--baslik); font-weight: 500; }
.niyet-kutu input:focus-visible + span { outline: 2px solid var(--bej); outline-offset: 2px; }
.talep-kutu .dugme-tam { padding: 17px; margin-top: 4px; }
@media (max-width: 1100px) { .talep-kutu { max-width: 640px; } }
@media (max-width: 640px) {
  .ana-ara { grid-template-columns: 1fr; }
  .ana-ara .ara-kutu { border-right: 0; border-bottom: 1px solid var(--cizgi); }
  .ana-ara .dugme { padding: 16px; margin: 8px; }
  .talep-kutu { padding: 26px 20px 22px; }
}
/* Proje sayfasındaki kısa not kalın */
.pnot { font-weight: 600; color: var(--baslik); }
.pnot a { font-weight: 600; }

/* ---------- Dil seçici (sağ üst köşe) ---------- */
.dil-sec { position: relative; flex: none; }
.dil-sec summary { list-style: none; display: flex; align-items: center; gap: 6px; padding: 9px 12px; border: 1px solid currentColor; border-color: rgba(127,127,127,.45); cursor: pointer; font-size: .9rem; font-weight: 500; letter-spacing: .04em; user-select: none; }
.dil-sec summary::-webkit-details-marker { display: none; }
.dil-sec summary::after { content: ""; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin: -3px 2px 0 4px; transition: transform .2s; }
.dil-sec[open] summary::after { transform: rotate(-135deg); margin-top: 3px; }
.dil-sec summary:hover { border-color: currentColor; }
.dil-sec ul { position: absolute; top: calc(100% + 8px); inset-inline-end: 0; z-index: 60; list-style: none; margin: 0; padding: 6px 0; min-width: 170px; background: var(--beyaz); color: var(--baslik); border: 1px solid var(--cizgi); box-shadow: 0 20px 40px -18px rgba(0,0,0,.35); }
.dil-sec li a { display: flex; align-items: center; gap: 12px; padding: 10px 16px; text-decoration: none; color: var(--baslik); font-size: .95rem; }
.dil-sec li a span { width: 26px; font-size: .78rem; font-weight: 600; letter-spacing: .06em; color: var(--gri); }
.dil-sec li a:hover { background: var(--krem); }
.dil-sec li a[aria-current="true"] { color: var(--kum); }
.dil-sec li a[aria-current="true"] span { color: var(--kum); }
.ust-ic .menu { margin-inline-start: auto; }
.ust-ic .dil-sec { margin-inline-start: 22px; }
@media (max-width: 960px) {
  .ust-ic .dil-sec { order: 2; margin-inline-start: auto; margin-inline-end: 6px; position: relative; z-index: 3; }
  .menu-ac { order: 3; }
  .dil-sec summary { padding: 7px 10px; }
}

/* ---------- Arapça: sağdan sola yazım ve Arapça yazı tipi ---------- */
[lang="ar"] { --yazi: "IBM Plex Sans Arabic", "Onest", system-ui, sans-serif; }
[lang="ar"] body { line-height: 1.75; }
[lang="ar"] h1, [lang="ar"] h2, [lang="ar"] h3, [lang="ar"] .etiket, [lang="ar"] .ph-isim, [lang="ar"] .pg-soz, [lang="ar"] .ekip-unvan, [lang="ar"] .nasil-rakam dd { letter-spacing: 0; }
[lang="ar"] .ph-isim, [lang="ar"] .pg-soz { line-height: 1.25; }
[lang="ar"] h1, [lang="ar"] .buyuk-soz, [lang="ar"] .alt-buyuk { line-height: 1.3; }
[dir="rtl"] .dugme-altin::after, [dir="rtl"] .pn-cta::after { content: "←"; margin-left: 0; margin-right: 4px; }
[dir="rtl"] .dugme-altin:hover::after { transform: translateX(-3px); }
[dir="rtl"] .ok-link::after { content: " ↖"; }
[dir="rtl"] .pnot a::after { content: " ←"; }
[dir="rtl"] .ikon-ok, [dir="rtl"] .pkon-ilce .ikon, [dir="rtl"] .yasam-dizin .ikon { transform: scaleX(-1); }
[dir="rtl"] .yasam-dizin .ikon { transform: scaleX(-1) rotate(-45deg); }
[dir="rtl"] .pkon-ilce:hover .ikon { transform: scaleX(-1) translateX(4px); }
[dir="rtl"] .ozellikler li { padding: 18px 34px 18px 0; }
[dir="rtl"] .ozellikler li::before { left: auto; right: 0; }
[dir="rtl"] .pdeg-liste li { padding: 14px 34px 14px 0; }
[dir="rtl"] .pdeg-liste li::before { left: auto; right: 2px; }
[dir="rtl"] .giris-arka::after { background: linear-gradient(270deg, rgba(58,55,53,.7) 0%, rgba(58,55,53,.25) 55%, rgba(58,55,53,0) 100%), linear-gradient(180deg, rgba(58,55,53,.55) 0%, rgba(58,55,53,.1) 35%, rgba(58,55,53,.85) 100%); }
[dir="rtl"] .ph-arka::after { background: linear-gradient(180deg, rgba(58,55,53,.62) 0%, rgba(58,55,53,.12) 32%, rgba(58,55,53,.35) 62%, rgba(58,55,53,.92) 100%), linear-gradient(270deg, rgba(58,55,53,.55) 0%, rgba(58,55,53,0) 70%); }
[dir="rtl"] .ph-rakam { border-left: 0; border-right: 1px solid rgba(255,255,255,.12); }
[dir="rtl"] .ph-rakam:first-child { padding-left: 28px; padding-right: 0; border-right: 0; }
[dir="rtl"] .ana-ara .ara-kutu { border-right: 0; border-left: 1px solid var(--cizgi); }
[dir="rtl"] .ara-kutu .ikon { left: auto; right: 16px; }
[dir="rtl"] .ara-kutu input { padding: 17px 50px 17px 16px; }
[dir="rtl"] .ana-ara .ara-kutu input { padding-top: 22px; padding-bottom: 22px; }
[dir="rtl"] .ara-oneriler a::after { content: "←"; }
[dir="rtl"] .nasil-rakam div { padding: 22px 0 0 36px; margin-right: 0; margin-left: 36px; border-right: 0; border-left: 1px solid rgba(255,255,255,.14); }
[dir="rtl"] .nasil-rakam div:last-child { border-left: 0; margin-left: 0; }
[dir="rtl"] .nasil-adimlar li { padding: 40px 0 8px 40px; }
[dir="rtl"] .nasil-adimlar li + li { padding-right: 40px; border-left: 0; border-right: 1px solid rgba(255,255,255,.14); }
[dir="rtl"] .nasil-no { right: auto; left: 32px; }
[dir="rtl"] .ilce-yaka a:hover { padding-left: 0; padding-right: 6px; }
[dir="rtl"] .yan-sekme { right: auto; left: 0; }
[dir="rtl"] .wa-sabit { right: auto; left: 20px; }
[dir="rtl"] .rakam { border-left: 0; border-right: 1px solid rgba(255,255,255,.1); }
[dir="rtl"] .rakam:first-child { border-right: 0; padding-right: 0; }
[dir="rtl"] .pb-satir, [dir="rtl"] .pk-oge { direction: rtl; }
[dir="rtl"] .talep-kutu, [dir="rtl"] .proje-ara { text-align: right; }
[dir="rtl"] .hizli label, [dir="rtl"] .hizli2-alt label { border-right: 0; border-left: 1px solid var(--cizgi); }
[dir="rtl"] .pd-dl dd { text-align: left; }
[dir="rtl"] .onay { text-align: right; }
@media (max-width: 960px) {
  [dir="rtl"] .nasil-adimlar li, [dir="rtl"] .nasil-adimlar li + li { padding: 32px 0; border-right: 0; }
  [dir="rtl"] .nasil-no { left: 0; }
  [dir="rtl"] .ph-rakam:nth-child(even) { border-left: 0; border-right: 1px solid rgba(255,255,255,.12); padding-right: 16px; }
  [dir="rtl"] .ph-rakam:nth-child(odd) { padding-right: 0; border-right: 0; }
}
@media (max-width: 640px) {
  [dir="rtl"] .ana-ara .ara-kutu { border-left: 0; }
}

/* Sağdan sola düzende yanlışlıkla taşan öğeler yatay kaydırma oluşturmasın */
html, body { overflow-x: clip; }
/* Arapçada telefon numaraları ve rakamlar soldan sağa kalsın */
[dir="rtl"] .menu-tel, [dir="rtl"] a[href^="tel:"], [dir="rtl"] .ph-rakam strong, [dir="rtl"] .rakam strong, [dir="rtl"] .pk-oge dd, [dir="rtl"] .pd-dl dd, [dir="rtl"] .nasil-rakam dd, [dir="rtl"] .ilce-sayi, [dir="rtl"] .ekip-iletisim span, [dir="rtl"] .alt-kucuk, [dir="rtl"] .ekip-belge, [dir="rtl"] .pd-buyuk, [dir="rtl"] .pd-sekmeler button { unicode-bidi: plaintext; }
[dir="rtl"] .menu-tel, [dir="rtl"] a[href^="tel:"] { direction: ltr; }

/* ---------- Ana sayfa: ortada proje, yanlarda soluk komşular (kendiliğinden kayar) ---------- */
.cf-bolum { background: var(--krem); padding: 36px 0 30px; border-bottom: 1px solid var(--cizgi); overflow: hidden; }
.cf-bas { text-align: center; }
.cf-bas .etiket { margin-bottom: 8px; }
.cf-bas h2 { font-size: clamp(1.4rem, 2.2vw, 1.85rem); margin: 0 0 22px; }
.cf { position: relative; direction: ltr; }
.cf-sahne { position: relative; height: 300px; }
.cf-kart { position: absolute; left: 50%; top: 0; width: 360px; margin-left: -180px; display: flex; flex-direction: column; background: var(--beyaz); text-decoration: none; color: var(--baslik); box-shadow: 0 22px 40px -22px rgba(58,55,53,.45); transition: transform .75s cubic-bezier(.22,.7,.25,1), opacity .75s ease, filter .75s ease; transform: translateX(0) scale(.6); opacity: 0; pointer-events: none; will-change: transform, opacity; }
.cf-kart[data-konum="0"] { transform: translateX(0) scale(1); opacity: 1; z-index: 3; pointer-events: auto; }
.cf-kart[data-konum="-1"] { transform: translateX(-74%) scale(.8); opacity: .42; z-index: 2; pointer-events: auto; filter: saturate(.6); cursor: pointer; }
.cf-kart[data-konum="1"] { transform: translateX(74%) scale(.8); opacity: .42; z-index: 2; pointer-events: auto; filter: saturate(.6); cursor: pointer; }
.cf-kart[data-konum="-2"] { transform: translateX(-130%) scale(.64); opacity: .14; z-index: 1; }
.cf-kart[data-konum="2"] { transform: translateX(130%) scale(.64); opacity: .14; z-index: 1; }
.cf-kart[data-konum="-1"]:hover, .cf-kart[data-konum="1"]:hover { opacity: .7; }
.cf-gorsel { position: relative; height: 205px; overflow: hidden; }
.cf-gorsel > * { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s ease; }
.cf-kart[data-konum="0"]:hover .cf-gorsel > * { transform: scale(1.04); }
.cf-yazi { display: flex; flex-direction: column; gap: 2px; padding: 14px 18px 16px; text-align: start; }
.cf-ilce { font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--kum); font-weight: 500; }
.cf-ad { font-weight: 400; font-size: 1.12rem; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cf-alt { font-size: .82rem; color: var(--gri); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[dir=rtl] .cf-yazi { direction: rtl; }
.cf-kontrol { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 14px; }
.cf-ok { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--kum); background: transparent; color: var(--kum); display: grid; place-items: center; cursor: pointer; transition: background .2s, color .2s; }
.cf-ok:hover { background: var(--kum); color: var(--beyaz); }
.cf-ok .ikon { width: 18px; height: 18px; }
.cf-ok[data-cf-geri] .ikon { transform: scaleX(-1); }
.cf-noktalar { display: flex; gap: 7px; }
.cf-noktalar button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: #CFC7B9; cursor: pointer; transition: width .3s, background .3s; }
.cf-noktalar button[aria-selected="true"] { width: 22px; background: var(--kum); }
.cf-sayac { margin: 8px 0 0; text-align: center; font-size: .78rem; color: var(--gri); font-variant-numeric: tabular-nums; }
.cf-sayac span { color: var(--baslik); }
@media (max-width: 640px) {
  .cf-sahne { height: 268px; }
  .cf-kart { width: 270px; margin-left: -135px; }
  .cf-gorsel { height: 170px; }
  .cf-kart[data-konum="-1"] { transform: translateX(-80%) scale(.78); opacity: .3; }
  .cf-kart[data-konum="1"] { transform: translateX(80%) scale(.78); opacity: .3; }
  .cf-kart[data-konum="-2"], .cf-kart[data-konum="2"] { opacity: 0; }
  .cf-noktalar { display: none; }
}

/* ---------- "Nasıl çalışır" daha sıkı ---------- */
.bolum.nasil { padding: 72px 0; }
.nasil-ust { gap: 56px; grid-template-columns: 1.1fr .9fr; }
.nasil-yazi .buyuk-soz { font-size: clamp(1.7rem, 2.8vw, 2.4rem); max-width: 18ch; }
.nasil-svg { max-width: 420px; margin-inline-start: auto; }
.nasil-rakam { margin-top: 28px; }
.nasil-rakam div { padding-top: 16px; }
.nasil-rakam dd { font-size: clamp(1.6rem, 2.4vw, 2.1rem); }
.nasil-adimlar { margin-top: 48px; }
.nasil-adimlar li { padding: 28px 32px 4px 0; }
.nasil-adimlar li + li { padding-left: 32px; }
.nasil-adimlar .ikon { width: 30px; height: 30px; margin-bottom: 16px; }
.nasil-adimlar h3 { font-size: 1.2rem; margin-bottom: 6px; }
.nasil-no { top: 24px; font-size: 2.6rem; }
.nasil-cta { margin-top: 32px; }
[dir="rtl"] .nasil-adimlar li { padding: 28px 0 4px 32px; }
[dir="rtl"] .nasil-adimlar li + li { padding-right: 32px; }
@media (max-width: 960px) { .bolum.nasil { padding: 56px 0; } .nasil-svg { margin-inline: 0; max-width: 360px; } .nasil-adimlar { margin-top: 36px; } .nasil-adimlar li, .nasil-adimlar li + li { padding: 22px 0; } }

/* ---------- Alt bilgi: daha küçük ve açık renk ---------- */
.alt { background: var(--krem); color: var(--gri); padding: 52px 0 22px; font-size: .92rem; border-top: 1px solid var(--cizgi); }
.alt a { color: var(--baslik); }
.alt a:hover { color: var(--kum); }
.alt-ust { align-items: center; padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid var(--cizgi); }
.alt-buyuk { font-size: clamp(1.35rem, 2.2vw, 1.8rem); font-weight: 300; line-height: 1.25; letter-spacing: -.01em; color: var(--baslik); }
.alt-buyuk br { display: none; }
.alt-ust .dugme { padding: 13px 24px; }
.alt-isim { color: var(--baslik); font-size: 1.05rem; }
.alt-not { margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--cizgi); color: var(--gri); font-size: .8rem; }
@media (max-width: 640px) { .alt { padding-top: 40px; } }

/* ---------- Yan sekme: oval "Ücretsiz Gayrimenkul Değerleme" ---------- */
.yan-sekme { right: 14px; padding: 22px 12px; border-radius: 999px; font-size: .95rem; font-weight: 400; letter-spacing: .02em; box-shadow: 0 12px 28px -12px rgba(0,0,0,.45); }
[dir="rtl"] .yan-sekme { right: auto; left: 14px; }

/* ---------- Projeler: liste / harita görünümü ---------- */
.gorunum-sec { display: inline-flex; margin-top: 22px; border: 1px solid #CFC7B9; background: var(--beyaz); }
.gorunum-sec a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; font-size: .92rem; font-weight: 500; color: var(--murekkep); text-decoration: none; transition: background .2s, color .2s; }
.gorunum-sec a + a { border-inline-start: 1px solid #CFC7B9; }
.gorunum-sec a .ikon { width: 18px; height: 18px; }
.gorunum-sec a:hover { background: var(--bej); }
.gorunum-sec a[aria-current="page"] { background: var(--gece); color: var(--beyaz); }

.harita-bolum { padding: 8px 0 56px; }
.hrt-cerceve { border: 1px solid var(--cizgi); background: var(--bej); }
.hrt { position: relative; height: clamp(440px, 72vh, 700px); direction: ltr; font-family: var(--yazi); }
.hrt-not { margin: 12px 0 0; font-size: .86rem; color: var(--gri); max-width: 760px; }
.hrt-hata { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 24px; text-align: center; color: var(--murekkep); background: var(--bej); }
.hrt-hata p { margin: 0; max-width: 420px; }

.hrt-pin { width: 36px; height: 46px; padding: 0; border: 0; background: none; cursor: pointer; filter: drop-shadow(0 4px 6px rgba(58,55,53,.35)); }
.hrt-pin:hover, .hrt-pin:focus-visible { z-index: 5; }
.hrt-pin-sekil { transition: transform .18s ease; transform-origin: 50% 100%; }
.hrt-pin:hover .hrt-pin-sekil, .hrt-pin:focus-visible .hrt-pin-sekil { transform: translateY(-3px) scale(1.06); }
.hrt-pin:focus-visible { outline: 2px solid var(--kum); outline-offset: 2px; }
.hrt-pin-sekil { display: block; width: 36px; height: 46px; }
.hrt-sayi { position: absolute; top: -7px; inset-inline-end: -10px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--kum); color: #fff; font: 600 .72rem/22px var(--yazi); text-align: center; border: 2px solid #F5F4F1; font-variant-numeric: tabular-nums; }
.hrt-kesin .hrt-pin-sekil path:first-child { fill: #54453F; }

.hrt .maplibregl-popup-content { padding: 16px 18px 14px; border-radius: 0; box-shadow: 0 18px 40px -18px rgba(58,55,53,.5); font-family: var(--yazi); }
.hrt .maplibregl-popup-close-button { font-size: 20px; width: 30px; height: 30px; color: var(--gri); }
.hrt-pop { min-width: 220px; }
.hrt-pop-foto { display: block; width: calc(100% + 36px); margin: -16px -18px 12px; height: 130px; object-fit: cover; }
.hrt-pop-ust { margin: 0 24px 8px 0; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--kum); font-weight: 600; }
.hrt-pop[dir=rtl] .hrt-pop-ust { margin: 0 0 8px 24px; letter-spacing: 0; }
.hrt-yaklasik { display: inline-block; margin-inline-start: 4px; padding: 1px 6px; background: var(--bej); color: var(--gri); letter-spacing: .04em; text-transform: none; font-weight: 500; }
.hrt-pop-ad { margin: 0 0 2px; font-size: 1.05rem; color: var(--baslik); }
.hrt-pop-alt { margin: 0 0 10px; font-size: .82rem; color: var(--gri); }
.hrt-pop-liste { list-style: none; margin: 0 0 10px; padding: 0; max-height: 236px; overflow-y: auto; border-top: 1px solid var(--cizgi); }
.hrt-pop-liste li { border-bottom: 1px solid var(--cizgi); }
.hrt-pop-liste .hrt-pop-ara { padding: 10px 2px 4px; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--gri); font-weight: 600; border-bottom: 0; }
.hrt-pop-liste a { display: flex; flex-direction: column; padding: 8px 2px; text-decoration: none; }
.hrt-pop-liste a:hover strong { color: var(--kum); }
.hrt-pop-liste strong { font-weight: 500; font-size: .92rem; color: var(--baslik); }
.hrt-pop-liste span { font-size: .78rem; color: var(--gri); }
.hrt-pop-git { font-size: .85rem; font-weight: 600; color: var(--kum-koyu); text-decoration: none; }
.hrt-pop-git:hover { text-decoration: underline; }
@media (max-width: 640px) {
  .hrt { height: 68vh; }
  .harita-bolum .kap { padding-inline: 0; }
  .hrt-cerceve { border-inline: 0; }
  .hrt-not { padding-inline: 16px; }
}
@media (max-width: 640px) { .liste-arac .ilce-sec, .arama { flex: 1 1 100%; min-width: 0; max-width: 100%; } }
@media (max-width: 640px) {
  .hrt-pin, .hrt-pin-sekil { width: 28px; height: 36px; }
  .hrt-sayi { top: -8px; inset-inline-end: -12px; min-width: 20px; height: 20px; line-height: 16px; font-size: .66rem; padding: 0 4px; }
}

/* ---------- Başlangıç fiyatları ---------- */
/* Proje kartı: resmin altında hafif gölgeli fiyat şeridi */
.kart-fiyat { margin: 16px -26px -26px; padding: 13px 26px; font-size: .86rem; line-height: 1.35; color: rgba(255,255,255,.82); background: rgba(58,55,53,.58); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid rgba(255,255,255,.14); box-shadow: 0 -12px 26px -14px rgba(0,0,0,.45); }
.kart-fiyat strong { color: #F1E7D6; font-weight: 500; font-size: 1.02rem; letter-spacing: -.01em; font-variant-numeric: tabular-nums; unicode-bidi: plaintext; }

/* Proje sayfası: ana resmin altında ikiye bölünmüş Satılık / Kiralık şeridi */
.ph-fiyat { border-top: 1px solid rgba(255,255,255,.14); background: rgba(58,55,53,.62); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.ph-fiyat-ic { display: grid; grid-template-columns: 1fr 1fr; }
.ph-fiyat-k { display: flex; flex-direction: column; gap: 4px; padding: 16px 28px; border-inline-start: 1px solid rgba(255,255,255,.12); }
.ph-fiyat-k:first-child { padding-inline-start: 0; border-inline-start: 0; }
.ph-fiyat-et { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--soluk); }
[dir=rtl] .ph-fiyat-et { letter-spacing: 0; }
.ph-fiyat-d { font-size: .95rem; color: rgba(255,255,255,.82); }
.ph-fiyat-d strong { font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 400; color: #fff; letter-spacing: -.02em; font-variant-numeric: tabular-nums; unicode-bidi: plaintext; }
a.ph-fiyat-sor { color: #F1E7D6; text-decoration: underline; text-underline-offset: 3px; }
a.ph-fiyat-sor:hover { color: #fff; }
/* Altındaki rakam şeridi biraz daha ince */
.ph-rakam { padding-top: 18px; padding-bottom: 18px; }
.ph-rakam strong { font-size: clamp(1.3rem, 2.3vw, 1.95rem); }
@media (max-width: 640px) {
  .ph-fiyat-k { padding: 12px 14px; }
  .ph-fiyat-d { font-size: .85rem; }
  .ph-fiyat-d strong { font-size: 1.12rem; white-space: nowrap; }
  .ph-fiyat-et { font-size: .64rem; letter-spacing: .08em; }
}
/* Yönetim: fiyat sayfası */
.y-kutu { background: var(--beyaz); border: 1px solid var(--cizgi); padding: 22px; margin-top: 20px; }
.fiyat-hucre { font-size: .86rem; color: var(--gri); white-space: nowrap; font-variant-numeric: tabular-nums; }

/* ---------- Ana sayfa girişi (Taslak A: aydınlık, kartlı) ---------- */
:root { --altin: #C9A15E; --altin-koyu: #B88D47; --altin-yazi: #2B2420; }
.ana-sayfa .ust-saydam .menu .menu-cta { background: var(--altin); border-color: var(--altin); color: var(--altin-yazi); border-radius: 6px; font-weight: 600; }
.ana-sayfa .ust-saydam .menu .menu-cta:hover { background: var(--altin-koyu); border-color: var(--altin-koyu); color: var(--altin-yazi); }
.ana-sayfa .yan-sekme { display: none; }
.giris-a { min-height: 92vh; min-height: 92svh; }
.giris-a .giris-arka::after { background: linear-gradient(90deg, rgba(30,28,27,.74) 0%, rgba(30,28,27,.38) 45%, rgba(30,28,27,.04) 78%), linear-gradient(180deg, rgba(30,28,27,.5) 0%, rgba(30,28,27,0) 22%, rgba(30,28,27,0) 70%, rgba(30,28,27,.35) 100%); }
[dir="rtl"] .giris-a .giris-arka::after { background: linear-gradient(270deg, rgba(30,28,27,.74) 0%, rgba(30,28,27,.38) 45%, rgba(30,28,27,.04) 78%), linear-gradient(180deg, rgba(30,28,27,.5) 0%, rgba(30,28,27,0) 22%, rgba(30,28,27,0) 70%, rgba(30,28,27,.35) 100%); }
.giris-a-ic { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; align-items: end; width: 100%; padding-top: 150px; padding-bottom: 170px; }
.giris-ust-a { display: flex; align-items: center; gap: 12px; font-size: .9rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: #F1E3C8; margin-bottom: 20px; }
.giris-ust-a span { width: 36px; height: 2px; background: var(--altin); }
.giris-a h1 { font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 600; letter-spacing: -.02em; line-height: 1.04; max-width: 14ch; color: var(--beyaz); }
.giris-a .giris-alt { color: #F3EFEA; font-weight: 400; max-width: 34em; }
.giris-a .ana-ara { border-radius: 10px; overflow: visible; box-shadow: 0 18px 40px rgba(0,0,0,.25); max-width: 740px; }
.giris-a .ana-ara .ara-kutu { border-radius: 10px 0 0 10px; }
.giris-a .ana-ara .dugme { border-radius: 0 10px 10px 0; font-weight: 600; }
.giris-a .ara-populer { gap: 10px; color: rgba(255,255,255,.85); }
.giris-a .ara-populer a { border: 1px solid rgba(255,255,255,.45); border-radius: 999px; padding: 6px 14px; }
.giris-a .ara-populer a:hover { background: rgba(255,255,255,.14); border-color: var(--beyaz); }
.deger-kart { background: rgba(255,255,255,.96); color: var(--gece); border-radius: 12px; padding: 22px 24px; box-shadow: 0 18px 40px rgba(0,0,0,.2); display: grid; gap: 10px; margin-bottom: 8px; }
.deger-etiket { margin: 0; font-size: .8rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--kum-koyu); }
.deger-kart h2 { margin: 0; font-size: 1.3rem; font-weight: 600; line-height: 1.3; letter-spacing: -.01em; color: var(--gece); }
.deger-dugme { margin-top: 6px; display: block; text-align: center; background: var(--gece); color: var(--beyaz); padding: 13px; border-radius: 6px; font-weight: 600; text-decoration: none; transition: background .2s; }
.deger-dugme:hover { background: var(--kum-koyu); color: var(--beyaz); }
.giris-vitrin { position: relative; z-index: 3; margin-top: -120px; padding-bottom: 40px; }
.gv-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.gv-kart { display: flex; flex-direction: column; background: var(--beyaz); border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(58,55,53,.16); color: var(--gece); text-decoration: none; transition: transform .25s, box-shadow .25s; }
.gv-kart:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(58,55,53,.22); }
.gv-gorsel { display: block; height: 170px; overflow: hidden; background: var(--bej); }
.gv-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gv-yazi { display: grid; gap: 3px; padding: 16px 18px 18px; }
.gv-ilce { font-size: .82rem; color: var(--gri); }
.gv-isim { font-size: 1.1rem; font-weight: 600; line-height: 1.25; }
.gv-fiyat { margin-top: 6px; font-size: .88rem; font-weight: 600; color: var(--kum-koyu); }
.gv-fiyat-yok { font-weight: 400; color: var(--gri); }
.gv-alt { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 22px; font-size: .95rem; color: var(--murekkep); }
.gv-alt a { color: var(--murekkep); font-weight: 600; text-decoration: none; }
.gv-alt a:hover { color: var(--kum); }
@media (max-width: 1100px) {
  .giris-a-ic { grid-template-columns: 1fr; gap: 28px; padding-bottom: 150px; }
  .deger-kart { max-width: 420px; }
  .gv-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .giris-a-ic { padding-top: 110px; padding-bottom: 120px; }
  .giris-a .ana-ara .ara-kutu { border-radius: 10px 10px 0 0; }
  .giris-a .ana-ara .dugme { border-radius: 8px; }
  .deger-kart { max-width: none; }
  .giris-vitrin { margin-top: -90px; }
  .gv-izgara { gap: 12px; }
  .gv-gorsel { height: 120px; }
  .gv-yazi { padding: 12px 12px 14px; }
  .gv-isim { font-size: .98rem; }
}

/* ---------- Üst menü: beyaz kapsül ---------- */
@media (min-width: 961px) {
  .ust { background: var(--zemin); border-bottom: 0; padding: 14px 0; }
  .ust-saydam, .ust-saydam.kaydirildi { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; padding-top: 18px; }
  .ust .kap.ust-ic { max-width: calc(var(--genislik) - 56px); width: calc(100% - 56px); height: 70px; padding: 0 10px 0 26px; background: var(--beyaz); color: var(--murekkep); border-radius: 999px; box-shadow: 0 10px 30px rgba(30,28,27,.14); border: 1px solid rgba(232,229,222,.9); }
  .ust-saydam .ust-ic { color: var(--murekkep); }
  .ust .logo { color: var(--gece); font-size: 1.2rem; font-weight: 700; }
  .ust .menu { gap: 22px; }
  .ust .logo span, .ust .menu a { white-space: nowrap; }
  .ust .menu a { font-size: .95rem; font-weight: 500; opacity: 1; color: var(--murekkep); letter-spacing: .005em; }
  .ust .menu a:hover { color: var(--kum); }
  .ust .menu a[aria-current="page"] { color: var(--gece); box-shadow: inset 0 -2px 0 var(--altin); }
  .menu-ayrac { width: 1px; height: 26px; background: var(--cizgi); }
  .ust .menu .menu-tel { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--gece); }
  .ust .menu .menu-tel svg { color: var(--kum); }
  .ust .menu .menu-cta, .ana-sayfa .ust-saydam .menu .menu-cta { background: var(--altin); border: 0; color: var(--altin-yazi); border-radius: 999px; padding: 13px 22px; font-weight: 600; box-shadow: none; }
  .ust .menu .menu-cta:hover, .ana-sayfa .ust-saydam .menu .menu-cta:hover { background: var(--altin-koyu); color: var(--altin-yazi); }
  .ust-ic .dil-sec { margin-inline-start: 14px; }
  .ust .dil-sec summary { border-radius: 999px; border-color: var(--cizgi); color: var(--murekkep); padding: 9px 14px; }
  .ust .dil-sec summary:hover { border-color: var(--soluk); }
}
@media (min-width: 961px) and (max-width: 1220px) {
  .ust .menu { gap: 18px; }
  .ust .menu .menu-tel span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .ust .menu .menu-cta { padding: 12px 16px; }
}
@media (max-width: 960px) {
  .ust { background: var(--zemin); border-bottom: 0; padding: 10px 0; }
  .ust-saydam, .ust-saydam.kaydirildi { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .ust .kap.ust-ic { width: calc(100% - 20px); height: 60px; padding: 0 6px 0 16px; background: var(--beyaz); color: var(--murekkep); border-radius: 16px; box-shadow: 0 8px 24px rgba(30,28,27,.16); }
  .ust .logo { color: var(--gece); font-weight: 700; }
  .menu-ayrac { display: none; }
  .ust .menu .menu-tel { display: flex; align-items: center; gap: 10px; }
  .ust .dil-sec summary { border-radius: 999px; border-color: var(--cizgi); }
  .menu-acik .ust { background: var(--gece); }
  .menu-acik .ust .kap.ust-ic { background: transparent; box-shadow: none; color: var(--beyaz); }
  .menu-acik .ust .logo { color: var(--beyaz); }
  .menu-acik .ust .menu a { color: var(--beyaz); }
  .ust .menu .menu-cta { background: var(--altin); border-color: var(--altin); color: var(--altin-yazi); border-radius: 999px; padding: 14px 24px; font-weight: 600; }
}
.ust .logo svg, .ust .menu .menu-tel svg { flex: none; }
.ust .menu .menu-tel svg { width: 16px; height: 16px; }

/* Öne çıkan projeler: başlık + oklar + 4'erli sayfalar */
.giris-a-ic { padding-bottom: 230px; }
.giris-vitrin { margin-top: -180px; }
.gv-bas { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; color: var(--beyaz); }
.gv-bas h2 { margin: 0; font-size: 1.5rem; font-weight: 600; letter-spacing: -.01em; color: var(--beyaz); text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.gv-kontrol { display: flex; align-items: center; gap: 10px; }
.gv-sayac { font-size: .95rem; font-variant-numeric: tabular-nums; color: rgba(255,255,255,.9); margin-inline-end: 6px; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
.gv-ok { width: 46px; height: 46px; border-radius: 50%; border: 0; background: var(--beyaz); color: var(--gece); display: grid; place-items: center; cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.18); transition: background .2s, color .2s, opacity .2s; }
.gv-ok:hover:not(:disabled) { background: var(--altin); color: var(--altin-yazi); }
.gv-ok:disabled { opacity: .45; cursor: default; }
.gv-ok .ikon, .gv-ok svg { width: 20px; height: 20px; }
.gv-geri svg { transform: scaleX(-1); }
[dir="rtl"] .gv-ok svg { transform: scaleX(-1); }
[dir="rtl"] .gv-geri svg { transform: none; }
.giris-vitrin { overflow-x: clip; }
.gv-pencere { overflow: hidden; margin: -24px -44px -16px; padding: 24px 44px 40px; }
.gv-pencere .gv-kart { box-shadow: 0 8px 22px rgba(58,55,53,.13); }
.gv-serit { display: flex; gap: 100px; transition: transform .55s cubic-bezier(.3,.7,.2,1); }
.gv-serit > .gv-izgara { flex: 0 0 100%; min-width: 0; }
@media (max-width: 1100px) { .giris-a-ic { padding-bottom: 210px; } .giris-vitrin { margin-top: -160px; } }
@media (max-width: 640px) {
  .giris-a-ic { padding-bottom: 150px; }
  .giris-vitrin { margin-top: -120px; }
  .gv-bas h2 { font-size: 1.2rem; }
  .gv-ok { width: 40px; height: 40px; }
  .gv-sayac { display: none; }
  .gv-pencere { margin: -20px -20px -14px; padding: 20px 20px 32px; }
}
@media (prefers-reduced-motion: reduce) { .gv-serit { transition: none; } }

/* Öne çıkan projeler: oklar kartların sağında ve solunda */
.gv-sahne { position: relative; }
.gv-sahne .gv-ok { position: absolute; top: 85px; z-index: 4; transform: translateY(-50%); width: 52px; height: 52px; }
.gv-sahne .gv-geri { left: -26px; }
.gv-sahne .gv-ileri { right: -26px; }
[dir="rtl"] .gv-sahne .gv-geri { left: auto; right: -26px; }
[dir="rtl"] .gv-sahne .gv-ileri { right: auto; left: -26px; }
.gv-sahne .gv-ok:disabled { opacity: 0; pointer-events: none; }
.gv-noktalar { display: flex; align-items: center; gap: 8px; }
.gv-nokta { width: 8px; height: 8px; border-radius: 999px; background: var(--soluk); transition: width .3s, background .3s; }
.gv-nokta.aktif { width: 26px; background: var(--kum); }
@media (max-width: 1100px) { .gv-sahne .gv-ok { top: 85px; } }
@media (max-width: 640px) {
  .gv-sahne .gv-ok { top: 60px; width: 42px; height: 42px; }
  .gv-sahne .gv-geri { left: -12px; }
  .gv-sahne .gv-ileri { right: -12px; }
  .gv-alt { justify-content: center; }
  .gv-alt > span:first-child { display: none; }
}
/* Teslime hazır projeler */
.bolum-bas-yeni { align-items: center; margin-bottom: 28px; }
.bolum-bas-yeni h2 { margin: 0; font-size: clamp(1.6rem, 2.6vw, 2.2rem); font-weight: 600; letter-spacing: -.02em; color: var(--gece); }
.bolum-link { color: var(--murekkep); font-weight: 600; text-decoration: none; }
.bolum-link:hover { color: var(--kum); }
.hazir-izgara { margin-bottom: 64px; }
.gv-gorsel { position: relative; }
.gv-etiket { position: absolute; top: 12px; left: 12px; background: var(--beyaz); color: var(--gece); font-size: .78rem; font-weight: 600; padding: 5px 10px; border-radius: 999px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
[dir="rtl"] .gv-etiket { left: auto; right: 12px; }

/* ---------- Ana sayfa alt bölümler: yeni görünümle uyum ---------- */
.ana-sayfa .bolum h2, .ana-sayfa .ekip h2, .ana-sayfa .buyuk-soz { font-weight: 600; letter-spacing: -.02em; }
.ana-sayfa .ekip-bas h2 { font-size: clamp(1.9rem, 3.2vw, 2.7rem); }
.ana-sayfa .alt-buyuk { font-weight: 500; letter-spacing: -.015em; }
.dugme.dugme-yuvarlak { background: var(--altin); border-color: var(--altin); color: var(--altin-yazi); border-radius: 999px; font-weight: 600; padding-inline: 28px; }
.dugme.dugme-yuvarlak:hover { background: var(--altin-koyu); border-color: var(--altin-koyu); color: var(--altin-yazi); }
/* İlçeye göre projeler: sekme + etiketler */
.ilce-dizin-yeni { margin-top: 24px; padding-top: 56px; }
.ilce-dizin-yeni .bolum-bas-yeni { margin-bottom: 24px; }
.yaka-sekme { display: inline-flex; gap: 4px; padding: 4px; background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 999px; }
.yaka-sekme button { border: 0; background: transparent; font: 500 .95rem var(--yazi); color: var(--murekkep); padding: 10px 18px; border-radius: 999px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.yaka-sekme button span { font-size: .8rem; color: var(--gri); font-variant-numeric: tabular-nums; }
.yaka-sekme button[aria-selected="true"] { background: var(--gece); color: var(--beyaz); }
.yaka-sekme button[aria-selected="true"] span { color: var(--soluk); }
.ilce-etiketler { display: flex; flex-wrap: wrap; gap: 10px; }
.ilce-etiketler a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--beyaz); color: var(--gece); text-decoration: none; font-size: .95rem; transition: border-color .2s, background .2s, color .2s; }
.ilce-etiketler a span { font-size: .8rem; color: var(--gri); font-variant-numeric: tabular-nums; }
.ilce-etiketler a:hover { border-color: var(--gece); background: var(--gece); color: var(--beyaz); }
.ilce-etiketler a:hover span { color: var(--soluk); }
.ilce-etiketler .ilce-tumu { background: var(--altin); border-color: var(--altin); color: var(--altin-yazi); font-weight: 600; }
.ilce-etiketler .ilce-tumu span { color: var(--altin-yazi); opacity: .75; }
@media (max-width: 640px) { .yaka-sekme button { padding: 9px 12px; font-size: .88rem; } .ilce-etiketler a { padding: 8px 13px; font-size: .9rem; } }
/* Ekip kartları daha derli toplu */
.ana-sayfa .ekip-kart { min-height: 0; grid-template-columns: 170px 1fr; border-radius: 14px; overflow: hidden; }
.ana-sayfa .ekip-monogram span { font-size: 3.2rem; }
@media (max-width: 1100px) { .ana-sayfa .ekip-kart { grid-template-columns: 1fr; } }
.ana-sayfa .ekip-bilgi { padding: 28px 30px 24px; }
.ana-sayfa .ekip-ofis { margin-bottom: 16px; }
.ana-sayfa .ekip-iletisim a { padding: 9px 0; }
.ana-sayfa .ekip-not { margin: 8px 0 10px; }
.ana-sayfa .ekip-bilgi h3 { font-weight: 600; letter-spacing: -.015em; }

/* Çalışma Sürecimiz: kısa, iki sütunlu düzen */
.nasil-kisa { padding: 80px 0; }
.nasil-kisa-ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 72px; align-items: center; }
.nasil-kisa .buyuk-soz { font-size: clamp(1.7rem, 2.6vw, 2.3rem); max-width: 17ch; margin-bottom: 16px; }
.nasil-kisa .soluk { max-width: 34em; margin: 0; }
.nasil-kisa .nasil-cta { margin: 28px 0 0; }
.nasil-adimlar.nasil-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; grid-template-columns: 1fr; border: 0; }
.nasil-adimlar.nasil-liste li, .nasil-adimlar.nasil-liste li + li { display: grid; grid-template-columns: 56px 1fr; gap: 18px; align-items: start; padding: 22px 0; border: 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.12); }
.nasil-adimlar.nasil-liste li:last-child { border-bottom: 1px solid rgba(255,255,255,.12); }
.nasil-adimlar.nasil-liste .nasil-no { position: static; font-size: 1.6rem; font-weight: 600; color: var(--altin); line-height: 1.1; opacity: 1; }
.nasil-adimlar.nasil-liste h3 { margin: 0 0 4px; font-size: 1.15rem; font-weight: 600; color: var(--beyaz); }
.nasil-adimlar.nasil-liste p { margin: 0; color: var(--soluk); font-size: .98rem; line-height: 1.55; }
@media (max-width: 960px) { .nasil-kisa-ic { grid-template-columns: 1fr; gap: 36px; } .nasil-kisa { padding: 64px 0; } }
@media (max-width: 640px) { .nasil-adimlar.nasil-liste li, .nasil-adimlar.nasil-liste li + li { grid-template-columns: 44px 1fr; gap: 12px; padding: 18px 0; } .nasil-adimlar.nasil-liste .nasil-no { font-size: 1.3rem; } }
@media (max-width: 960px) { .nasil-adimlar.nasil-liste { margin-top: 0; } }

/* ---------- Projeler sayfası: yeni görünüm ---------- */
.yan-sekme { display: none; }
.sayfa-bas-yeni { padding: 40px 0 28px; background: var(--zemin); }
.sayfa-bas-yeni .sb-ust { color: var(--kum-koyu); margin-bottom: 14px; }
.sayfa-bas-yeni h1 { font-size: clamp(2.1rem, 4vw, 3.2rem); font-weight: 600; letter-spacing: -.025em; color: var(--gece); margin: 0 0 10px; }
.sayfa-bas-yeni .sb-alt { color: var(--gri); font-size: 1.05rem; margin: 0; max-width: 46em; }
.filtre-kart { margin-top: 26px; display: grid; grid-template-columns: minmax(0, 1fr) 260px auto; align-items: stretch; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 14px; box-shadow: 0 12px 30px rgba(58,55,53,.08); padding: 8px; gap: 8px; }
.fk-ara { display: flex; align-items: center; gap: 12px; padding: 0 16px; color: var(--kum); }
.fk-ara input { border: 0; outline: 0; background: transparent; width: 100%; font: 400 1.02rem var(--yazi); color: var(--gece); padding: 14px 0; }
.fk-ilce { display: grid; gap: 1px; padding: 7px 16px; border-inline-start: 1px solid var(--cizgi); }
.fk-ilce span { font-size: .76rem; color: var(--gri); }
.fk-ilce select { border: 0; background: transparent; font: 400 1rem var(--yazi); color: var(--gece); padding: 0; cursor: pointer; }
.fk-ilce select:focus { outline: none; }
.filtre-kart:focus-within { border-color: var(--soluk); }
.filtre-kart .dugme { padding: 0 30px; }
.filtre-kart .dugme::after { content: none; }
.fk-alt { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 18px; }
.fk-etiketler { display: flex; flex-wrap: wrap; gap: 8px; }
.fk-etiketler a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--beyaz); color: var(--gece); text-decoration: none; font-size: .9rem; transition: border-color .2s, background .2s, color .2s; }
.fk-etiketler a span { font-size: .76rem; color: var(--gri); }
.fk-etiketler a:hover { border-color: var(--gece); }
.fk-etiketler a[aria-current="page"] { background: var(--gece); border-color: var(--gece); color: var(--beyaz); }
.fk-etiketler a[aria-current="page"] span { color: var(--soluk); }
.sayfa-bas-yeni .gorunum-sec { margin-top: 0; border: 1px solid var(--cizgi); border-radius: 999px; padding: 4px; gap: 4px; background: var(--beyaz); }
.sayfa-bas-yeni .gorunum-sec a { border-radius: 999px; padding: 8px 16px; border: 0; }
.sayfa-bas-yeni .gorunum-sec a + a { border: 0; }
.sayfa-bas-yeni .gorunum-sec a:hover { background: var(--zemin); }
.sayfa-bas-yeni .gorunum-sec a[aria-current="page"] { background: var(--gece); color: var(--beyaz); }
.sayfa-bas-yeni + .bolum, .sayfa-bas-yeni + .harita-bolum { padding-top: 44px; }
.liste-izgara { margin-bottom: 8px; }
.gv-cizim { width: 100%; height: 100%; display: block; }
.ilce-grup + .ilce-grup { margin-top: 56px; }
.ilce-baslik-yeni { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; border-bottom: 0; padding-bottom: 0; margin-bottom: 18px; }
.ilce-baslik-yeni h2 { margin: 0; font-size: clamp(1.4rem, 2.2vw, 1.8rem); font-weight: 600; letter-spacing: -.02em; display: flex; align-items: baseline; gap: 12px; }
.ilce-baslik-yeni h2 a { color: var(--gece); text-decoration: none; }
.ilce-baslik-yeni h2 a:hover { color: var(--kum); }
.ilce-baslik-yeni h2 span { font-size: .9rem; font-weight: 400; color: var(--gri); letter-spacing: 0; }
.sayfalama a, .sayfalama span { border-radius: 999px; border-width: 1px; }
.sonuc-sayisi { color: var(--gri); margin: 0 0 16px; }
@media (max-width: 900px) {
  .filtre-kart { grid-template-columns: 1fr; }
  .fk-ilce { border-inline-start: 0; border-top: 1px solid var(--cizgi); }
  .filtre-kart .dugme { padding: 14px; }
}
@media (max-width: 640px) {
  .sayfa-bas-yeni { padding: 36px 0 20px; }
  .fk-etiketler { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; margin: 0 -28px; padding-inline: 28px; scrollbar-width: none; }
  .fk-etiketler a { flex: none; }
  .ilce-baslik-yeni .bolum-link { font-size: .9rem; }
}

/* ---------- Proje sayfası girişi: yeni görünüm ---------- */
.ph { min-height: 88vh; min-height: 88svh; }
.ph-arka::after { background: linear-gradient(90deg, rgba(30,28,27,.72) 0%, rgba(30,28,27,.35) 45%, rgba(30,28,27,.05) 80%), linear-gradient(180deg, rgba(30,28,27,.45) 0%, rgba(30,28,27,0) 25%, rgba(30,28,27,0) 60%, rgba(30,28,27,.55) 100%); }
[dir="rtl"] .ph-arka::after { background: linear-gradient(270deg, rgba(30,28,27,.72) 0%, rgba(30,28,27,.35) 45%, rgba(30,28,27,.05) 80%), linear-gradient(180deg, rgba(30,28,27,.45) 0%, rgba(30,28,27,0) 25%, rgba(30,28,27,0) 60%, rgba(30,28,27,.55) 100%); }
.ph-ic { padding-bottom: 48px; }
.ph-iz { margin-bottom: 22px; }
.ph-ust { display: flex; align-items: center; gap: 12px; letter-spacing: .14em; color: #F1E3C8; margin-bottom: 14px; }
.ph-ust::before { content: none; }
.ph-ust span { width: 36px; height: 2px; background: var(--altin); flex: none; }
.ph-isim { font-size: clamp(2.3rem, 5vw, 4.6rem); font-weight: 600; line-height: 1.04; letter-spacing: -.025em; text-transform: none; max-width: 18ch; margin-bottom: .3em; animation: none; color: var(--beyaz); text-shadow: 0 2px 20px rgba(0,0,0,.25); }
.ph-slogan { font-weight: 400; color: #F3EFEA; }
.ph-dugmeler { margin-top: 26px; gap: 12px; }
.ph-wa { display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.55); color: var(--beyaz); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); font-weight: 600; padding-inline: 24px; }
.ph-wa:hover { background: var(--beyaz); color: var(--gece); border-color: var(--beyaz); }
.ph-serit { background: rgba(30,28,27,.62); }
.ph-rakam strong { color: var(--beyaz); font-weight: 600; font-size: clamp(1.35rem, 2.3vw, 1.9rem); }
.ph-rakam span { color: #CFC7BC; }
.ph-fiyat-d strong { font-weight: 600; }
.pn-cta { border-radius: 999px !important; background: var(--altin) !important; border-color: var(--altin) !important; color: var(--altin-yazi) !important; font-weight: 600; }
.pn-cta:hover { background: var(--altin-koyu) !important; border-color: var(--altin-koyu) !important; }

/* ---------- Proje sayfası: kısa genel bakış, galeri ve planlar yukarıda ---------- */
.pg { padding: 56px 0 40px; }
.pg-kisa { grid-template-columns: 1fr; gap: 0; }
.pg-baslik { font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 600; letter-spacing: -.02em; color: var(--gece); margin: 0 0 12px; }
.pg-kisa .pg-metin { font-size: 1.05rem; max-width: 62em; }
.pg .pk { margin-top: 28px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0 24px; }
.pg .pk-oge { padding: 16px 0; grid-template-columns: 38px 1fr; }
.pg .pk-oge .ikon { width: 22px; height: 22px; }
.pg .pk-oge dd { font-size: 1rem; font-weight: 600; }
.pg-ozellik { margin-top: 32px; }
.pgal { padding: 56px 0; }
.pgal .bolum-bas { margin-bottom: 24px; }
.pgal h2, .pd h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 600; letter-spacing: -.02em; }
.pgal .galeri { grid-auto-columns: min(46vw, 620px); gap: 14px; }
.pgal .galeri-oge { border-radius: 12px; aspect-ratio: 3 / 2; }
.pgal-kontrol button { border-radius: 999px; width: 46px; height: 46px; }
.pd { padding: 56px 0; }
.pd .bolum-bas { margin-bottom: 20px; }
.pd-sekmeler button { border-radius: 999px; border-width: 1px; padding: 10px 18px; }
.pd-panel { border-radius: 14px; padding: 20px; gap: 36px; }
.pd-plan { border-radius: 10px; aspect-ratio: 16 / 11; }
.pd-bilgi h3 { font-weight: 600; font-size: clamp(1.4rem, 2.2vw, 1.9rem); }
.pd-dugmeler .dugme { border-radius: 999px; }
@media (max-width: 900px) { .pgal .galeri { grid-auto-columns: 78vw; } }
@media (max-width: 640px) { .pg { padding: 40px 0 28px; } .pgal, .pd { padding: 40px 0; } .pd-panel { padding: 14px; gap: 18px; } }

/* ---------- Proje sayfası: talep formu ve diğer projeler ---------- */
.pdeg { padding: 72px 0; }
.pdeg-baslik { font-weight: 600 !important; font-size: clamp(1.8rem, 3vw, 2.6rem) !important; letter-spacing: -.02em; }
.pdeg .kutu { border-radius: 16px; padding: 32px; box-shadow: 0 20px 50px rgba(0,0,0,.25); }
.pdeg .kutu-baslik { font-weight: 600; font-size: 1.5rem; color: var(--gece); }
.pdeg .kutu input:not([type="checkbox"]), .pdeg .kutu select, .pdeg .kutu textarea { border-radius: 10px; border: 1px solid var(--cizgi); }
.pdeg .kutu input:focus, .pdeg .kutu select:focus { border-color: var(--kum); outline: 2px solid rgba(201,161,94,.25); outline-offset: 0; }
.pdeg .kutu .dugme-tam { border-radius: 999px; background: var(--altin); border-color: var(--altin); color: var(--altin-yazi); font-weight: 600; }
.pdeg .kutu .dugme-tam:hover { background: var(--altin-koyu); border-color: var(--altin-koyu); }
.pdeg .danisman { border-radius: 14px; }
.pdeg .danisman-harf { border-radius: 10px; }
.pben { padding: 64px 0 80px; }
.pben .bolum-bas-yeni { margin-bottom: 24px; }
.pben h2 { font-weight: 600; font-size: clamp(1.5rem, 2.4vw, 2rem); letter-spacing: -.02em; margin: 0; }
@media (max-width: 640px) { .pdeg .kutu { padding: 22px 18px; } .pdeg { padding: 52px 0; } }

/* ---------- Formlar: yuvarlak, sade ---------- */
.form input[type=text], .form input[type=tel], .form input[type=number], .form input[type=password],
.form input:not([type]), .form select, .form textarea { border-radius: 10px; border: 1px solid var(--cizgi); }
.form input:focus, .form select:focus, .form textarea:focus { border-color: var(--kum); outline: 2px solid rgba(201,161,94,.25); }
.form .dugme-tam { border-radius: 999px; background: var(--altin); border-color: var(--altin); color: var(--altin-yazi); font-weight: 600; }
.form .dugme-tam:hover { background: var(--altin-koyu); border-color: var(--altin-koyu); color: var(--altin-yazi); }
.niyet-sec { border: 0; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.niyet-sec legend { font-weight: 500; font-size: .95rem; margin-bottom: 8px; padding: 0; }
.form .niyet-kart { display: block; cursor: pointer; font-weight: 400; }
.niyet-kart input { position: absolute; opacity: 0; pointer-events: none; }
.niyet-kart > span { display: grid; gap: 2px; height: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--beyaz); transition: border-color .2s, background .2s; }
.niyet-kart strong { font-size: .98rem; font-weight: 600; color: var(--gece); }
.niyet-kart small { font-size: .82rem; color: var(--gri); line-height: 1.35; }
.niyet-kart:hover > span { border-color: var(--soluk); }
.niyet-kart input:checked + span { border-color: var(--gece); background: var(--zemin); box-shadow: inset 0 0 0 1px var(--gece); }
.niyet-kart input:focus-visible + span { outline: 2px solid var(--kum); outline-offset: 2px; }
.form-detay { border: 1px dashed var(--soluk); border-radius: 12px; padding: 0 14px; }
.form-detay summary { cursor: pointer; padding: 13px 0; font-weight: 600; font-size: .95rem; color: var(--murekkep); list-style: none; display: flex; align-items: center; gap: 6px; }
.form-detay summary::-webkit-details-marker { display: none; }
.form-detay summary::before { content: "+"; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--zemin); font-weight: 600; }
.form-detay[open] summary::before { content: "–"; }
.form-detay-ic { display: grid; gap: 14px; padding-bottom: 14px; }

/* ---------- Değerleme sayfası: iki sütun ---------- */
.dg { background: var(--zemin); padding: 40px 0 72px; }
.dg-izgara { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 56px; align-items: start; }
.dg-sol { padding-top: 12px; }
.dg-sol .sb-ust { color: var(--kum-koyu); margin-bottom: 14px; }
.dg-sol h1 { font-size: clamp(2rem, 3.4vw, 2.8rem); font-weight: 600; letter-spacing: -.025em; line-height: 1.08; color: var(--gece); margin: 0 0 14px; max-width: 16ch; }
.dg-giris { color: var(--gri); font-size: 1.02rem; margin: 0 0 24px; max-width: 34em; }
.dg-adimlar { list-style: none; padding: 0; margin: 0 0 24px; border-top: 1px solid var(--cizgi); }
.dg-adimlar li { display: grid; grid-template-columns: 40px 1fr; gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); color: var(--gri); font-size: .93rem; }
.dg-adimlar li > span { font-weight: 600; color: var(--altin-koyu); font-size: 1.05rem; }
.dg-adimlar strong { display: block; color: var(--gece); font-weight: 600; font-size: .98rem; }
.dg-kisi { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.dg-kisi .danisman-harf { border-radius: 12px; color: var(--beyaz); }
.dg-kisi p { margin: 0; }
.dg-kisi .danisman-isim { color: var(--gece); font-weight: 600; }
.dg-kisi .danisman-unvan { color: var(--gri); }
.dg-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.dg-cizgi { display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; background: var(--beyaz); border: 1px solid var(--cizgi); color: var(--gece); font-weight: 600; }
.dg-cizgi .ikon { width: 18px; height: 18px; color: var(--kum); }
.dg-cizgi:hover { border-color: var(--gece); background: var(--beyaz); color: var(--gece); }
.dg-wa { border-radius: 999px; background: #1F8A55; border-color: #1F8A55; color: #fff; font-weight: 600; }
.dg-wa:hover { background: #18734A; border-color: #18734A; color: #fff; }
.dg-kutu { border-radius: 18px; padding: 28px; border: 1px solid var(--cizgi); box-shadow: 0 18px 40px rgba(58,55,53,.10); }
.dg-kutu .kutu-baslik { font-weight: 600; font-size: 1.35rem; color: var(--gece); margin: 0 0 14px; }
.dg-dipnot { font-size: .82rem; color: var(--gri); margin: 14px 4px 0; }
.dg .geri-link { margin: 0 0 14px; }
.sayfa-bas-yeni .dg-dugmeler { margin-top: 22px; }
@media (max-width: 960px) {
  .dg-izgara { grid-template-columns: 1fr; gap: 0; }
  .dg-sol { display: contents; }
  .dg-sol > * { order: 1; }
  .dg-sag { order: 2; margin-bottom: 28px; }
  .dg-adimlar, .dg-kisi, .dg-sol .dg-dugmeler { order: 3; }
  .dg-sol h1 { max-width: none; font-size: 1.8rem; }
  .dg-giris { margin-bottom: 18px; }
}
@media (max-width: 640px) { .dg { padding: 24px 0 52px; } .dg-kutu { padding: 20px 16px; } .niyet-sec { grid-template-columns: 1fr 1fr; } }

/* ---------- Proje sayfası: kat planı + yanında kısa talep formu ---------- */
.pd-ikili { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 28px; align-items: start; }
.pd-sol { min-width: 0; }
.pd-ikili .pd-panel { grid-template-columns: 1.35fr 1fr; gap: 24px; }
.pf { position: sticky; top: 96px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 16px; padding: 24px; box-shadow: 0 16px 36px rgba(58,55,53,.10); }
.pn-yapisik .pf { top: 84px; }
.pf-ust { margin: 0 0 4px; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--kum-koyu); font-weight: 600; }
.pf-baslik { margin: 0 0 6px; font-size: 1.3rem; font-weight: 600; letter-spacing: -.015em; color: var(--gece); line-height: 1.25; }
.pf-baslik span { color: var(--altin-koyu); }
.pf-alt { margin: 0 0 16px; color: var(--gri); font-size: .9rem; }
.pf-form { gap: 12px; }
.pf-niyet { border: 0; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.pf-niyet label { display: block; cursor: pointer; font-weight: 400; }
.pf-niyet input { position: absolute; opacity: 0; pointer-events: none; }
.pf-niyet span { display: block; height: 100%; box-sizing: border-box; text-align: center; padding: 9px 8px; border: 1px solid var(--cizgi); border-radius: 10px; font-size: .82rem; line-height: 1.3; color: var(--murekkep); }
.pf-niyet input:checked + span { border-color: var(--gece); background: var(--zemin); box-shadow: inset 0 0 0 1px var(--gece); color: var(--gece); font-weight: 600; }
.pf-niyet input:focus-visible + span { outline: 2px solid var(--kum); outline-offset: 2px; }
.pf .onay span { font-size: .8rem; }
.pf .form-not { font-size: .8rem; }
.pdeg-iletisim { display: grid; gap: 10px; align-content: start; }
.pdeg-iletisim .dugme { justify-content: center; }
.pdeg-forma { margin-top: 6px; font-size: .92rem; justify-self: center; }
@media (max-width: 1100px) {
  .pd-ikili { grid-template-columns: 1fr; }
  .pf { position: static; }
  .pd-ikili .pd-panel { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) { .pd-ikili .pd-panel { grid-template-columns: 1fr; } .pf { padding: 20px 16px; } }
.pdeg .pdeg-iletisim .dg-cizgi { background: var(--beyaz); border: 1px solid var(--cizgi); color: var(--gece); }
.pdeg .pdeg-iletisim .dg-cizgi:hover { border-color: var(--gece); }
.pdeg .pdeg-iletisim .dg-wa { background: #1F8A55; border-color: #1F8A55; color: #fff; }
.pdeg .pdeg-iletisim .dg-wa:hover { background: #18734A; border-color: #18734A; color: #fff; }
.pdeg .pdeg-iletisim .dugme-tam::after { content: none; }

/* ---------- Daire tipleri: iki eş kart (plan | form) ---------- */
.pd-ikili { grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; align-items: stretch; }
.pd-kart { min-width: 0; display: flex; flex-direction: column; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 16px; padding: 20px; box-shadow: 0 16px 36px rgba(58,55,53,.10); }
.pd-kart .pd-sekmeler { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; margin: 0 0 16px; padding-bottom: 4px; scrollbar-width: thin; }
.pd-kart .pd-sekmeler button { flex: none; display: grid; gap: 1px; justify-items: center; padding: 8px 14px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--beyaz); color: var(--gece); cursor: pointer; font: inherit; line-height: 1.2; }
.pd-kart .pd-sekmeler button strong { font-size: .95rem; font-weight: 600; }
.pd-kart .pd-sekmeler button span { font-size: .74rem; color: var(--gri); }
.pd-kart .pd-sekmeler button:hover { border-color: var(--soluk); }
.pd-kart .pd-sekmeler button[aria-selected="true"] { background: var(--gece); border-color: var(--gece); color: var(--beyaz); }
.pd-kart .pd-sekmeler button[aria-selected="true"] span { color: var(--soluk); }
.pd-kart .pd-panel, .pd-ikili .pd-kart .pd-panel { flex: 1; display: flex; flex-direction: column; gap: 14px; padding: 0; border: 0; border-radius: 0; background: none; grid-template-columns: none; }
.pd-kart .pd-plan { flex: 1; min-height: 340px; aspect-ratio: auto; border-radius: 12px; background: var(--zemin); overflow: hidden; }
.pd-kart .pd-plan-resim { background: var(--zemin); padding: 16px; box-sizing: border-box; }
.pd-kart .pd-plan-resim img { mix-blend-mode: multiply; }
.pd-kart .pd-buyut { border-radius: 10px; width: 40px; height: 40px; }
.pd-kart .pd-plan-bos { border-radius: 12px; }
.pd-kart .pd-plan-bos::after { content: none; }
.pd-ozet { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 2px; }
.pd-ozet h3 { margin: 0; font-size: 1.35rem; font-weight: 600; letter-spacing: -.015em; color: var(--gece); }
.pd-ozet ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; flex-wrap: wrap; }
.pd-ozet li { display: grid; gap: 1px; padding: 7px 14px; border-radius: 10px; background: var(--zemin); }
.pd-ozet li span { font-size: .72rem; color: var(--gri); }
.pd-ozet li strong { font-size: .95rem; font-weight: 600; color: var(--gece); }
.pd-ikili .pf { position: static; display: flex; flex-direction: column; border-radius: 16px; padding: 22px; }
.pd-ikili .pf .pf-form { flex: 1; align-content: start; }
@media (max-width: 1100px) { .pd-ikili { grid-template-columns: 1fr; } .pd-kart .pd-plan { min-height: 300px; } }
@media (max-width: 640px) { .pd-kart { padding: 14px; } .pd-kart .pd-plan { min-height: 240px; } .pd-ozet h3 { font-size: 1.15rem; } }
.pd-ozet { justify-content: flex-start; gap: 12px 20px; } .pd-ozet h3 { margin-inline-end: auto; }
.pd-kart .pd-panel, .pd-ikili .pd-kart .pd-panel { align-items: stretch; }
.pd-kart .pd-sekmeler { flex-wrap: wrap; overflow: visible; }
@media (max-width: 640px) { .pd-kart .pd-sekmeler { flex-wrap: nowrap; overflow-x: auto; } }

/* ---------- Ana sayfa: değerleme kartı (cazip hali) ---------- */
@media (min-width: 1101px) { .giris-a-ic { grid-template-columns: minmax(0, 1fr) 340px; } }
.deger-kart { position: relative; gap: 12px; padding: 24px 24px 20px; border: 1px solid rgba(201,161,94,.5); }
.deger-rozet { position: absolute; top: -12px; right: 20px; background: var(--altin); color: var(--altin-yazi); font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 6px 12px; border-radius: 999px; box-shadow: 0 6px 16px rgba(201,161,94,.45); }
[dir="rtl"] .deger-rozet { right: auto; left: 20px; }
.deger-kart h2 { font-size: 1.45rem; }
.deger-ornek { display: grid; gap: 6px; padding: 12px 14px; border-radius: 12px; background: var(--zemin); }
.deger-ornek-et { font-size: .72rem; color: var(--gri); letter-spacing: .04em; }
.deger-bar { position: relative; height: 8px; border-radius: 999px; background: linear-gradient(90deg, #E8E5DE, #E8E5DE); overflow: hidden; }
.deger-bar i { position: absolute; left: 34%; right: 22%; top: 0; bottom: 0; border-radius: 999px; background: linear-gradient(90deg, var(--altin), var(--altin-koyu)); }
.deger-ornek-uc { display: flex; justify-content: space-between; padding: 0 22% 0 30%; font-size: .78rem; color: var(--gece); }
.deger-ornek-uc b { font-weight: 600; }
.deger-form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.deger-form label { display: grid; gap: 3px; }
.deger-form label span { font-size: .74rem; color: var(--gri); }
.deger-form select { width: 100%; border: 1px solid var(--cizgi); border-radius: 10px; padding: 9px 10px; font: 400 .92rem var(--yazi); color: var(--gece); background: var(--beyaz); cursor: pointer; }
.deger-form select:focus { outline: 2px solid rgba(201,161,94,.35); border-color: var(--kum); }
.deger-form .deger-dugme { grid-column: 1 / -1; margin-top: 2px; border: 0; cursor: pointer; font: 600 1rem var(--yazi); background: var(--altin); color: var(--altin-yazi); border-radius: 999px; padding: 13px; }
.deger-form .deger-dugme:hover { background: var(--altin-koyu); color: var(--altin-yazi); }
.deger-tikler { list-style: none; margin: 2px 0 0; padding: 0; display: grid; gap: 4px; }
.deger-tikler li { display: flex; align-items: center; gap: 8px; font-size: .82rem; color: var(--murekkep); }
.deger-tikler li::before { content: ""; flex: none; width: 14px; height: 14px; border-radius: 50%; background: var(--altin) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B2420' stroke-width='4'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 9px no-repeat; }
.deger-tikler li:first-child { font-weight: 600; color: var(--gece); }
/* Telefonda alttan çıkan şerit */
.deger-serit { position: fixed; left: 12px; right: 84px; bottom: 16px; z-index: 31; display: flex; align-items: center; background: var(--gece); color: var(--beyaz); border-radius: 14px; box-shadow: 0 12px 30px rgba(0,0,0,.35); animation: belir .35s ease-out both; }
.deger-serit[hidden] { display: none; }
.deger-serit a { flex: 1; display: grid; gap: 1px; padding: 10px 6px 10px 16px; color: var(--beyaz); text-decoration: none; font-size: .82rem; line-height: 1.25; }
.deger-serit a strong { color: var(--altin); font-size: .95rem; }
.deger-serit button { flex: none; width: 40px; height: 44px; border: 0; background: none; color: rgba(255,255,255,.7); font-size: 1.4rem; cursor: pointer; }
@media (min-width: 761px) { .deger-serit { display: none !important; } }
@media (max-width: 1100px) { .deger-kart { max-width: 420px; } }
.deger-ornek-uc { padding: 0; font-size: .74rem; color: var(--gri); }
.deger-ornek-uc b { font-weight: 500; }
.deger-bar i { left: 18%; right: 18%; }

/* ---------- Proje girişi: fiyat ve rakamlar tek şeritte ---------- */
.ph-serit-tek { background: rgba(30,28,27,.72); }
.ph-serit-tek .ph-serit-ic { display: flex; flex-wrap: wrap; align-items: stretch; }
.ph-serit-tek .ph-rakam { flex: 1 1 160px; padding: 20px 28px; border-left: 1px solid rgba(255,255,255,.12); display: flex; flex-direction: column; justify-content: center; }
.ph-serit-tek .ph-rakam:first-child { padding-left: 0; border-left: 0; }
.ph-rakam-fiyat { flex: 2 1 340px !important; }
.ph-rakam-fiyat .ph-fiyat-et { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--altin); margin-bottom: 4px; }
.ph-rakam-fiyat strong { color: var(--beyaz); font-weight: 600; font-size: clamp(1.5rem, 2.4vw, 2rem); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.ph-rakam-fiyat strong small { font-size: .9rem; font-weight: 400; color: #E8E5DE; letter-spacing: 0; margin-inline-start: 2px; }
.ph-fiyat-not { margin-top: 6px !important; font-size: .78rem !important; letter-spacing: 0 !important; color: #BDB6AE !important; }
.ph-rakam-fiyat .ph-fiyat-sor { color: #F1E7D6; font-size: 1.05rem; text-underline-offset: 3px; }
@media (max-width: 640px) {
  .ph-serit-tek .ph-rakam { padding: 14px 16px; flex-basis: 40%; }
  .ph-serit-tek .ph-rakam-fiyat { flex-basis: 100% !important; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .ph-serit-tek .ph-rakam-fiyat + .ph-rakam { padding-left: 0; border-left: 0; }
}
.ph-serit-tek .ph-rakam strong { white-space: nowrap; }
.ph-serit-tek .ph-rakam:not(.ph-rakam-fiyat) strong { font-size: clamp(1.25rem, 1.9vw, 1.7rem); }
.ph-serit-tek .ph-rakam:not(.ph-rakam-fiyat) { flex: 1 1 140px; padding: 20px 22px; }
@media (max-width: 640px) {
  .ph-serit-tek .ph-serit-ic { display: grid; grid-template-columns: 1fr 1fr; }
  .ph-serit-tek .ph-rakam-fiyat { grid-column: 1 / -1; }
  .ph-serit-tek .ph-rakam:not(.ph-rakam-fiyat) { padding: 14px 0 14px 16px; border-left: 1px solid rgba(255,255,255,.12); border-top: 1px solid rgba(255,255,255,.08); }
  .ph-serit-tek .ph-rakam-fiyat + .ph-rakam, .ph-serit-tek .ph-rakam-fiyat ~ .ph-rakam:nth-child(2n) { padding-left: 0; border-left: 0; }
}

/* ---------- İlçe tanıtım yazısı ---------- */
.iy { padding: 64px 0 80px; background: var(--zemin); border-top: 1px solid var(--cizgi); }
.iy-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; }
.iy-metin .sb-ust { color: var(--kum-koyu); margin-bottom: 12px; }
.iy-metin h2 { margin: 0 0 8px; font-size: clamp(1.6rem, 2.6vw, 2.2rem); font-weight: 600; letter-spacing: -.02em; color: var(--gece); }
.iy-metin h3 { margin: 28px 0 8px; font-size: 1.15rem; font-weight: 600; color: var(--gece); letter-spacing: -.01em; }
.iy-metin p { margin: 0; color: #55524F; line-height: 1.75; max-width: 46em; }
.iy-sss { display: grid; gap: 8px; max-width: 46em; }
.iy-sss details { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 12px; padding: 0 18px; }
.iy-sss summary { cursor: pointer; padding: 14px 0; font-weight: 600; color: var(--gece); list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.iy-sss summary::-webkit-details-marker { display: none; }
.iy-sss summary::after { content: "+"; color: var(--kum); font-weight: 600; }
.iy-sss details[open] summary::after { content: "–"; }
.iy-sss details p { padding-bottom: 14px; }
.iy-kutu { position: sticky; top: 110px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 16px; padding: 24px; box-shadow: 0 14px 34px rgba(58,55,53,.08); display: grid; gap: 12px; }
.iy-kutu-baslik { margin: 0; font-weight: 600; font-size: 1.15rem; color: var(--gece); }
.iy-kutu dl { margin: 0; border-top: 1px solid var(--cizgi); }
.iy-kutu dl div { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--cizgi); }
.iy-kutu dt { color: var(--gri); font-size: .92rem; }
.iy-kutu dd { margin: 0; font-weight: 600; color: var(--gece); text-align: right; }
.iy-kutu-not { margin: 6px 0 0; color: var(--murekkep); font-size: .95rem; }
.iy-kutu .dugme::after { content: none; }
.iy-kutu-alt { margin: -4px 0 0; text-align: center; font-size: .8rem; color: var(--gri); }
@media (max-width: 960px) { .iy-izgara { grid-template-columns: 1fr; gap: 32px; } .iy-kutu { position: static; } }
/* Telefon düzeltmeleri */
@media (max-width: 960px) { .ust .logo span { white-space: nowrap; } }
@media (max-width: 420px) { .ust .logo { font-size: 1.02rem; gap: 8px; } .ust .logo svg { width: 24px; height: 24px; } }
@media (max-width: 640px) {
  .pg .pk { grid-template-columns: 1fr 1fr; gap: 0 14px; }
  .pg .pk-oge { grid-template-columns: 28px 1fr; padding: 12px 0; }
  .pg .pk-oge .ikon { width: 18px; height: 18px; }
  .pg .pk-oge dd { font-size: .92rem; }
}

/* Dikey kapak fotoğrafları (geniş ekran) */
.ph-bulanik { display: none; }
@media (min-width: 900px) {
  .ph-dikey .ph-arka > .ph-bulanik { display: block; position: absolute; inset: 0; filter: blur(32px) brightness(.75); transform: scale(1.2); }
  .ph-dikey .ph-arka > .ph-resim { position: relative; object-fit: contain; object-position: 88% center; animation: belir 1.8s ease-out both; }
}