/* =========================================================
   Arazi platformu — tasarım dili: kadastro paftası
   Kireç zemin, zeytin yeşili, buğday sarısı tek vurgu.
   Kutu yerine satır, çizgi ve boşluk ile düzen.
   ========================================================= */
:root {
  --kirec: #F6F7F2;
  --kagit: #FFFFFF;
  --orman: #18241A;
  --zeytin: #34472B;
  --zeytin-koyu: #24331E;
  --zeytin-acik: #5B7047;
  --bugday: #C8A13A;
  --bugday-acik: #F3E7C2;
  --sis: #DCE2D3;
  --gri: #5C6656;
  --tugla: #A13A2C;

  --govde: "Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --baslik: "Zilla Slab", Georgia, "Times New Roman", serif;

  --genislik: 1180px;
  --dar: 720px;
  --r: 4px;
  --bosluk: clamp(1rem, 3vw, 2rem);
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--kirec); color: var(--orman);
  font: 400 1.0625rem/1.6 var(--govde);
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--zeytin); text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:hover { color: var(--zeytin-koyu); text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--bugday); outline-offset: 2px; border-radius: 2px; }
h1, h2, h3 { font-family: var(--baslik); font-weight: 600; line-height: 1.15; margin: 0 0 .5em; letter-spacing: -.01em; }
h1 { font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.05; }
h2 { font-size: clamp(1.45rem, 2.4vw, 1.9rem); }
h3 { font-size: 1.25rem; }
p { margin: 0 0 1em; }
.kucuk { font-size: .875rem; color: var(--gri); }
.giris { font-size: 1.2rem; line-height: 1.55; color: var(--gri); max-width: 36em; }
.gorsel-gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: absolute; left: -999px; top: 0; background: var(--orman); color: #fff; padding: .6rem 1rem; z-index: 99; }
.atla:focus { left: 1rem; }
code { font-size: .9em; background: var(--bugday-acik); padding: .1em .35em; border-radius: 3px; }

/* ---------- Üst bar ---------- */
.ust { background: var(--kirec); border-bottom: 1px solid var(--sis); position: sticky; top: 0; z-index: 20; }
.ust-ic { max-width: var(--genislik); margin: 0 auto; padding: .9rem var(--bosluk); display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.logo { display: inline-flex; align-items: center; gap: .55rem; font: 700 1.3rem/1 var(--baslik); color: var(--zeytin); text-decoration: none; }
.logo:hover { color: var(--zeytin-koyu); text-decoration: none; }
.logo-isaret { width: 30px; height: 30px; flex: none; }
.ana-menu { display: flex; align-items: center; gap: 1.6rem; }
.ana-menu a { color: var(--orman); text-decoration: none; font-weight: 500; font-size: .98rem; padding: .3rem 0; border-bottom: 2px solid transparent; }
.ana-menu a:hover { border-bottom-color: var(--sis); }
.ana-menu a[aria-current="page"] { border-bottom-color: var(--bugday); }
.ana-menu .btn { border-bottom: 0; color: #fff; padding: .55rem 1rem; }
.menu-ac { display: none; background: none; border: 1px solid var(--sis); border-radius: var(--r); padding: .45rem .9rem; font: 600 .95rem var(--govde); color: var(--orman); cursor: pointer; }
@media (max-width: 900px) {
  .menu-ac { display: block; }
  .ana-menu { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--kirec); flex-direction: column; align-items: stretch; gap: 0; padding: .5rem var(--bosluk) 1.25rem; border-bottom: 1px solid var(--sis); }
  .ana-menu.acik { display: flex; }
  .ana-menu a { padding: .85rem 0; border-bottom: 1px solid var(--sis); }
  .ana-menu a[aria-current="page"] { border-bottom-color: var(--sis); color: var(--zeytin); font-weight: 700; }
  .ana-menu .btn { margin-top: 1rem; text-align: center; padding: .85rem; }
}

/* ---------- Butonlar ---------- */
.btn { display: inline-block; background: var(--zeytin); color: #fff; border: 1.5px solid var(--zeytin); border-radius: var(--r); padding: .75rem 1.3rem; font: 600 1rem/1.2 var(--govde); text-decoration: none; cursor: pointer; transition: background .15s; }
.btn:hover { background: var(--zeytin-koyu); border-color: var(--zeytin-koyu); color: #fff; text-decoration: none; }
.btn:disabled { opacity: .45; cursor: not-allowed; }
.btn-ikincil { background: transparent; color: var(--zeytin); }
.btn-ikincil:hover { background: var(--zeytin); color: #fff; }
.btn-kucuk { padding: .45rem .85rem; font-size: .9rem; }
.btn-buyuk { padding: 1rem 1.6rem; font-size: 1.08rem; }
.btn-tam { display: block; width: 100%; text-align: center; }
.metin-link { background: none; border: 0; padding: 0; color: var(--zeytin); font: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.metin-link.tehlike, .tehlike { color: var(--tugla); }
.wa { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; background: #1F7A4D; color: #fff; border-radius: var(--r); padding: .7rem 1.1rem; font-weight: 600; text-decoration: none; }
.wa:hover { background: #17603C; color: #fff; text-decoration: none; }
.wa.btn-tam { display: flex; margin-top: .75rem; }

/* ---------- Flash mesajlar ---------- */
.flash-alan { max-width: var(--genislik); margin: 1rem auto 0; padding: 0 var(--bosluk); }
.flash { padding: .85rem 1.1rem; border-radius: var(--r); margin-bottom: .75rem; border-left: 4px solid; background: var(--kagit); }
.flash-basari { border-color: var(--zeytin-acik); }
.flash-hata { border-color: var(--tugla); color: var(--tugla); }
.flash-bilgi { border-color: var(--bugday); }

/* ---------- Kahraman (hero) ---------- */
.kahraman { max-width: var(--genislik); margin: 0 auto; padding: clamp(2.5rem, 7vw, 6rem) var(--bosluk) clamp(2rem, 5vw, 4rem); display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.kahraman-kisa { padding-top: clamp(2rem, 5vw, 3.5rem); padding-bottom: 2rem; }
.kahraman-kisa h1 { font-size: clamp(1.9rem, 3.6vw, 2.8rem); }
.kahraman-kisa .pafta { max-height: 240px; }
.kahraman-butonlar { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem 1.75rem; margin-top: 1.75rem; }
.durum-not { border-left: 3px solid var(--bugday); padding-left: 1rem; max-width: 36em; }
.pafta { width: 100%; height: auto; overflow: visible; }
.pafta-yol path { fill: none; stroke: var(--bugday-acik); stroke-width: 16; stroke-linecap: round; }
.pafta-parsel path { fill: rgba(91,112,71,.06); stroke: var(--zeytin-acik); stroke-width: 1.4; stroke-linejoin: round; }
.pafta-secili { fill: var(--bugday); stroke: var(--zeytin-koyu); stroke-width: 2.2; stroke-linejoin: round; }
.pafta-etiket text { font: 700 17px var(--baslik); fill: var(--zeytin-koyu); text-anchor: middle; }
.pafta-no text { font: 500 12px var(--govde); fill: var(--gri); text-anchor: middle; }
@media (prefers-reduced-motion: no-preference) {
  .pafta-secili { animation: parsel-belir 1.1s .25s ease-out both; transform-origin: 410px 190px; }
  @keyframes parsel-belir { from { opacity: .3; transform: scale(.92); } to { opacity: 1; transform: none; } }
}
@media (max-width: 860px) {
  .kahraman { grid-template-columns: 1fr; }
  .kahraman-gorsel { order: -1; max-width: 460px; }
  .kahraman-kisa .kahraman-gorsel { display: none; }
}

/* ---------- Bölümler ---------- */
.bolum, .liste-bolum { max-width: var(--genislik); margin: 0 auto; padding: clamp(2rem, 5vw, 3.5rem) var(--bosluk); }
.bolum.dar { max-width: calc(var(--dar) + 2 * var(--bosluk)); }
.bolum-bas { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: .5rem 2rem; margin-bottom: 1.5rem; }
.bolum-bas p { color: var(--gri); max-width: 40em; margin: 0; flex-basis: 100%; }

.portfoy-liste { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--orman); }
.portfoy-liste li { display: grid; grid-template-columns: 1fr auto auto; gap: 2rem; align-items: baseline; padding: 1rem 0; border-bottom: 1px solid var(--sis); }
.portfoy-il { font: 600 1.5rem var(--baslik); }
.portfoy-sayi { font-weight: 700; color: var(--zeytin); }
.portfoy-alan { color: var(--gri); font-size: .95rem; min-width: 10em; text-align: right; }

.adimlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; counter-reset: adim; }
.adimlar li { counter-increment: adim; border-top: 2px solid var(--orman); padding-top: 1.25rem; }
.adimlar li::before { content: counter(adim); display: block; font: 700 2.4rem/1 var(--baslik); color: var(--bugday); margin-bottom: .75rem; }
.adimlar p { color: var(--gri); }
@media (max-width: 760px) { .adimlar { grid-template-columns: 1fr; gap: 1.5rem; } .portfoy-liste li { grid-template-columns: 1fr auto; } .portfoy-alan { display: none; } }

.iki-yol { display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding-top: 0; }
.iki-yol > div { padding: 2.5rem clamp(1.25rem, 4vw, 3rem) 2.5rem 0; }
.iki-yol > div + div { border-left: 1px solid var(--sis); padding-left: clamp(1.25rem, 4vw, 3rem); }
.iki-yol p { color: var(--gri); max-width: 30em; }
@media (max-width: 760px) { .iki-yol { grid-template-columns: 1fr; } .iki-yol > div + div { border-left: 0; border-top: 1px solid var(--sis); padding-left: 0; } }

/* ---------- Filtre ---------- */
.filtre { max-width: var(--genislik); margin: 0 auto; padding: 0 var(--bosluk); }
.filtre-ana { display: grid; grid-template-columns: 1.1fr 1.1fr 1fr 1fr auto; gap: .75rem; align-items: end; padding: 1.25rem 0; border-top: 2px solid var(--orman); border-bottom: 1px solid var(--sis); }
.filtre label, .form label { display: flex; flex-direction: column; gap: .35rem; font-size: .88rem; font-weight: 600; color: var(--gri); }
.filtre-detay summary { cursor: pointer; padding: .8rem 0; font-weight: 600; color: var(--zeytin); width: max-content; }
.filtre-ek { display: grid; grid-template-columns: repeat(6, 1fr); gap: .75rem; padding-bottom: 1.25rem; align-items: end; }
.filtre-uyari { grid-column: span 3; margin: 0; }
@media (max-width: 900px) {
  .filtre-ana { grid-template-columns: 1fr 1fr; }
  .filtre-ana .btn { grid-column: 1 / -1; }
  .filtre-ek { grid-template-columns: 1fr 1fr; }
  .filtre-uyari { grid-column: 1 / -1; }
}

input, select, textarea {
  font: 400 1rem/1.4 var(--govde); color: var(--orman); background: var(--kagit);
  border: 1.5px solid #C9D0BF; border-radius: var(--r); padding: .7rem .8rem; width: 100%; min-width: 0;
}
input:focus, select:focus, textarea:focus { border-color: var(--zeytin); outline: 2px solid var(--bugday-acik); outline-offset: 0; }
input[aria-invalid="true"], select[aria-invalid="true"] { border-color: var(--tugla); }
textarea { resize: vertical; }

/* ---------- İlan satırları (kutu değil) ---------- */
.liste-bas { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; margin-bottom: .5rem; }
.liste-bas p { margin: 0; }
.liste-bas .temizle { margin-left: .75rem; font-size: .92rem; }
.sirala label { flex-direction: row; align-items: center; gap: .6rem; display: flex; font-size: .92rem; color: var(--gri); font-weight: 600; }
.sirala select { width: auto; padding: .45rem .6rem; }

.ilanlar { border-top: 1px solid var(--sis); }
.ilan { display: grid; grid-template-columns: minmax(220px, 340px) 1fr minmax(180px, 230px); gap: clamp(1.25rem, 3vw, 2.5rem); padding: clamp(1.25rem, 3vw, 2rem) 0; border-bottom: 1px solid var(--sis); align-items: start; }
.ilan-foto { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 3px; background: var(--sis); }
.ilan-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.ilan:hover .ilan-foto img { transform: scale(1.03); }
.foto-yok { display: flex; height: 100%; align-items: center; justify-content: center; color: var(--gri); font-size: .9rem; background: repeating-linear-gradient(135deg, transparent 0 14px, rgba(91,112,71,.08) 14px 15px), var(--sis); }
.kilit-desen { background: repeating-linear-gradient(135deg, transparent 0 14px, rgba(200,161,58,.18) 14px 15px), var(--bugday-acik); }
.ilan-yer { font-size: .9rem; color: var(--gri); margin: 0 0 .35rem; font-weight: 500; }
.ilan h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); margin-bottom: 1rem; }
.ilan h3 a { color: var(--orman); text-decoration: none; }
.ilan h3 a:hover { color: var(--zeytin); text-decoration: underline; }
.ilan-not { color: var(--gri); }
.olcu { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: .9rem 1.5rem; margin: 0; }
.olcu div { border-left: 2px solid var(--sis); padding-left: .75rem; }
.olcu dt { font-size: .78rem; color: var(--gri); margin-bottom: .1rem; }
.olcu dd { margin: 0; font-weight: 600; }
.ilan-fiyat { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: .25rem; }
.fiyat { font: 700 clamp(1.5rem, 2.4vw, 1.9rem)/1.1 var(--baslik); color: var(--zeytin-koyu); margin: 0; white-space: nowrap; }
.m2 { color: var(--gri); font-size: .92rem; margin: 0; }
.avantaj { margin: .5rem 0 0; font-size: .85rem; font-weight: 600; color: var(--zeytin-koyu); background: var(--bugday-acik); padding: .3rem .6rem; border-radius: 3px; }
.fiyat-gizli a { font-weight: 600; }
.fav { margin-top: .75rem; background: none; border: 1.5px solid var(--sis); border-radius: 999px; padding: .4rem .9rem; font: 600 .85rem var(--govde); color: var(--gri); cursor: pointer; }
.fav:hover { border-color: var(--zeytin); color: var(--zeytin); }
.fav.aktif { background: var(--zeytin); border-color: var(--zeytin); color: #fff; }
.fav-genis { width: 100%; padding: .7rem; border-radius: var(--r); }
.rozet { position: absolute; left: .75rem; top: .75rem; background: var(--kagit); color: var(--orman); font-size: .78rem; font-weight: 700; padding: .3rem .6rem; border-radius: 3px; }
.rozet-yeni { background: var(--bugday); color: var(--orman); }
.rozet-ops { background: var(--orman); color: #fff; }
.rozet-satildi { background: var(--tugla); color: #fff; }
.rozet-dusus { background: var(--zeytin); color: #fff; }
.rozet-satir { margin-top: .75rem; padding: .6rem .8rem; border-radius: 3px; font-size: .92rem; }
.rozet-satir.rozet-ops { background: var(--bugday-acik); color: var(--orman); }
.rozet-satir.rozet-satildi { background: #F6E1DD; color: var(--tugla); }
.ilanlar-sik .ilan { grid-template-columns: 180px 1fr auto; padding: 1rem 0; }
.ilanlar-sik .olcu { display: none; }
.ilanlar-sik h3 { margin-bottom: 0; font-size: 1.15rem; }
@media (max-width: 820px) {
  .ilan, .ilanlar-sik .ilan { grid-template-columns: 1fr; gap: 1rem; }
  .ilan-fiyat { text-align: left; align-items: flex-start; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: .4rem 1rem; }
  .ilan-fiyat .avantaj { margin: 0; }
}

.sayfalama { display: flex; gap: .35rem; justify-content: center; margin: 2.5rem 0 0; flex-wrap: wrap; }
.sayfalama a, .sayfalama span { min-width: 2.5rem; text-align: center; padding: .5rem .7rem; border-radius: var(--r); text-decoration: none; }
.sayfalama a:hover { background: var(--sis); }
.sayfalama [aria-current] { background: var(--orman); color: #fff; }

.bos { text-align: center; padding: 3.5rem 1rem; max-width: 34em; margin: 0 auto; }
.bos p { color: var(--gri); }
.bos-sayfa { padding: 6rem 1rem; }

.uye-cagri { margin: 3rem 0 0; padding: 2rem 0 0; border-top: 2px solid var(--orman); display: grid; grid-template-columns: 1fr auto; gap: .5rem 3rem; align-items: center; }
.uye-cagri h2 { margin: 0; }
.uye-cagri p { color: var(--gri); margin: 0; grid-column: 1; max-width: 40em; }
.uye-cagri .btn { grid-column: 2; grid-row: 1 / span 2; }
@media (max-width: 700px) { .uye-cagri { grid-template-columns: 1fr; } .uye-cagri .btn { grid-column: 1; grid-row: auto; justify-self: start; } }

/* ---------- İlan detay ---------- */
.onizleme { background: var(--bugday); color: var(--orman); text-align: center; padding: .6rem 1rem; font-weight: 600; }
.detay { max-width: var(--genislik); margin: 0 auto; padding: clamp(1.5rem, 4vw, 3rem) var(--bosluk) 0; }
.detay-bas { display: grid; grid-template-columns: 1fr auto; gap: 1rem 3rem; align-items: end; padding-bottom: 1.75rem; }
.detay-bas .ilan-yer { grid-column: 1 / -1; display: flex; gap: 1rem; flex-wrap: wrap; }
.ilan-no { color: var(--gri); font-weight: 400; }
.detay-bas h1 { margin: 0; font-size: clamp(1.8rem, 3.6vw, 2.8rem); max-width: 22em; }
.detay-fiyat { text-align: right; }
.detay-fiyat .fiyat { font-size: clamp(1.8rem, 3.4vw, 2.6rem); }
.eski-fiyat { color: var(--gri); }
@media (max-width: 760px) { .detay-bas { grid-template-columns: 1fr; } .detay-fiyat { text-align: left; } }

.galeri { display: grid; grid-template-columns: 2fr 1fr; gap: .5rem; margin-bottom: 2.5rem; }
.galeri button { padding: 0; border: 0; background: var(--sis); cursor: zoom-in; position: relative; overflow: hidden; border-radius: 3px; }
.galeri img { width: 100%; height: 100%; object-fit: cover; }
.galeri-ana { aspect-ratio: 3 / 2; }
.galeri-kucuk { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: .5rem; }
.galeri-kucuk button { aspect-ratio: 4 / 3; }
.galeri-ana:only-child { grid-column: 1 / -1; aspect-ratio: 21 / 9; }
.galeri-kucuk[data-n="1"], .galeri-kucuk[data-n="2"] { grid-template-columns: 1fr; }
.galeri-kucuk[data-n="1"] button, .galeri-kucuk[data-n="2"] button { aspect-ratio: auto; min-height: 0; }
.galeri-kucuk[data-n="3"] button:first-child { grid-column: 1 / -1; aspect-ratio: auto; }
.galeri-bos { grid-column: 1 / -1; aspect-ratio: 21 / 7; border-radius: 3px; }
.daha { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(24,36,26,.6); color: #fff; font-weight: 700; }
@media (max-width: 700px) { .galeri { grid-template-columns: 1fr; } .galeri-kucuk[data-n] { grid-template-columns: repeat(4, 1fr); } .galeri-kucuk[data-n] button { aspect-ratio: 4 / 3; grid-column: auto; } }

.isik-kutu { position: fixed; inset: 0; background: rgba(12,18,13,.94); z-index: 100; display: flex; align-items: center; justify-content: center; }
.isik-kutu img { max-width: 92vw; max-height: 84vh; object-fit: contain; }
.isik-kutu button { position: absolute; background: rgba(255,255,255,.12); color: #fff; border: 0; font: 600 1rem var(--govde); padding: .8rem 1.1rem; border-radius: var(--r); cursor: pointer; }
.isik-kutu .kapat { top: 1rem; right: 1rem; }
.isik-kutu .onceki { left: 1rem; top: 50%; }
.isik-kutu .sonraki { right: 1rem; top: 50%; }
.isik-kutu .sayac { position: absolute; bottom: 1rem; color: #fff; font-size: .9rem; }

.detay-govde { display: grid; grid-template-columns: 1fr 340px; gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
.detay-sol > section { padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: 1px solid var(--sis); }
.detay-sol > section:last-child { border-bottom: 0; }
.kunye { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; border-top: 2px solid var(--orman); }
.kunye div { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--sis); }
.kunye div:nth-child(odd) { padding-right: 1.5rem; }
.kunye div:nth-child(even) { padding-left: 1.5rem; border-left: 1px solid var(--sis); }
.kunye dt { color: var(--gri); }
.kunye dd { margin: 0; font-weight: 600; text-align: right; }
.aciklama { max-width: 40em; line-height: 1.7; }
.harita { height: 380px; border-radius: 3px; background: var(--sis); margin-bottom: .75rem; z-index: 1; }
.harita-kilit { height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; text-align: center; border-radius: 3px; background: repeating-linear-gradient(45deg, transparent 0 22px, rgba(91,112,71,.1) 22px 23px), repeating-linear-gradient(-45deg, transparent 0 30px, rgba(91,112,71,.08) 30px 31px), var(--sis); }
.tkgm { margin-top: 1.75rem; padding: 1.25rem 0 0; border-top: 1px dashed var(--zeytin-acik); }
.tkgm h3 { font-size: 1.15rem; }
.tkgm p { color: var(--gri); font-size: .95rem; max-width: 40em; }
.tkgm-butonlar { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; align-items: center; }
.detay-sag { position: sticky; top: 88px; }
.iletisim-panel { background: var(--kagit); border-top: 4px solid var(--bugday); padding: 1.5rem; border-radius: 0 0 var(--r) var(--r); }
.iletisim-panel h2 { font-size: 1.4rem; }
.iletisim-panel > p { color: var(--gri); font-size: .95rem; }
.randevu { margin: .75rem 0 0; }
.randevu summary { cursor: pointer; font-weight: 600; color: var(--zeytin); padding: .6rem 0; }
.guven { font-size: .88rem; color: var(--gri); padding: 1rem 0; }
@media (max-width: 900px) { .detay-govde { grid-template-columns: 1fr; } .detay-sag { position: static; } .kunye { grid-template-columns: 1fr; } .kunye div:nth-child(n) { padding-left: 0; padding-right: 0; border-left: 0; } }

.kilit-sayfa { max-width: var(--dar); margin: 0 auto; padding: 5rem var(--bosluk); }

/* ---------- Formlar ---------- */
.form { display: flex; flex-direction: column; gap: 1.1rem; }
.form-kart { background: var(--kagit); padding: clamp(1.25rem, 4vw, 2.25rem); border-radius: var(--r); border-top: 4px solid var(--zeytin); }
.form-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-uclu { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
@media (max-width: 640px) { .form-ikili, .form-uclu { grid-template-columns: 1fr; } }
.form-sayfa { max-width: var(--genislik); margin: 0 auto; padding: clamp(2rem, 5vw, 4rem) var(--bosluk); display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.form-sayfa-tek { grid-template-columns: minmax(0, 460px); justify-content: center; }
.form-sayfa-tek h1 { font-size: 2rem; }
@media (max-width: 860px) { .form-sayfa { grid-template-columns: 1fr; } }
.form-yan { position: sticky; top: 100px; }
.artilar { list-style: none; padding: 0; margin: 1.5rem 0; border-top: 2px solid var(--orman); }
.artilar li { padding: .75rem 0 .75rem 1.75rem; border-bottom: 1px solid var(--sis); position: relative; }
.artilar li::before { content: ""; position: absolute; left: 0; top: 1.15rem; width: .9rem; height: .55rem; border-left: 2.5px solid var(--zeytin); border-bottom: 2.5px solid var(--zeytin); transform: rotate(-45deg); }
.alan-hata { color: var(--tugla); font-size: .85rem; font-weight: 600; }
.onay { flex-direction: row !important; align-items: flex-start; gap: .65rem !important; font-weight: 400 !important; color: var(--orman) !important; font-size: .95rem !important; line-height: 1.45; }
.onay input { width: 1.15rem; height: 1.15rem; margin-top: .15rem; flex: none; accent-color: var(--zeytin); }
.secim { border: 0; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .4rem; }
.secim legend { font-size: .88rem; font-weight: 600; color: var(--gri); margin-bottom: .5rem; }
.secim-satir { flex-direction: row !important; align-items: center; gap: .6rem !important; font-weight: 500 !important; color: var(--orman) !important; font-size: 1rem !important; padding: .55rem .75rem; border: 1.5px solid var(--sis); border-radius: var(--r); cursor: pointer; }
.secim-satir:has(input:checked) { border-color: var(--zeytin); background: #EEF2E8; }
.secim-satir input { width: auto; accent-color: var(--zeytin); }
.emlakci-alan, .hisseli-uyari { margin-top: .5rem; }
.hisseli-uyari { color: var(--tugla); font-size: .92rem; }
.tuzak { position: absolute; left: -5000px; }
.form-alt { text-align: center; font-size: .95rem; color: var(--gri); margin: 0; }
.tesekkur h2 { margin-top: 0; }
.satir-ici { display: inline; }
.form-dar { max-width: 640px; }

/* ---------- Hesabım ---------- */
.hesap { max-width: var(--genislik); margin: 0 auto; padding: clamp(2rem, 5vw, 3.5rem) var(--bosluk); }
.hesap-bas { display: flex; justify-content: space-between; align-items: baseline; }
.hesap-bolum { padding: 2rem 0; border-top: 2px solid var(--orman); margin-top: 1.5rem; }
.arama-satir { padding: 1.25rem 0; border-bottom: 1px solid var(--sis); }
.arama-ozet h3 { margin-bottom: .2rem; }
.arama-ozet p { color: var(--gri); margin-bottom: .4rem; }
.eslesme { font-weight: 600; margin: 1rem 0 0; color: var(--zeytin); }
.hesap-ayar { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
@media (max-width: 760px) { .hesap-ayar { grid-template-columns: 1fr; } }

.tablo { width: 100%; border-collapse: collapse; font-size: .95rem; }
.tablo th { text-align: left; font-size: .82rem; color: var(--gri); font-weight: 600; padding: .6rem .75rem .6rem 0; border-bottom: 2px solid var(--orman); }
.tablo td { padding: .85rem .75rem .85rem 0; border-bottom: 1px solid var(--sis); vertical-align: top; }
@media (max-width: 700px) { .tablo { display: block; overflow-x: auto; } }

/* ---------- Akış ---------- */
.akis { max-width: calc(var(--dar) + 2 * var(--bosluk)); margin: 0 auto; padding: clamp(2rem, 5vw, 3.5rem) var(--bosluk); }
.akis-bas { margin-bottom: 1.5rem; }
.akis-liste { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--orman); }
.paylasim { padding: 1.5rem 0; border-bottom: 1px solid var(--sis); }
.paylasim.sabit { background: linear-gradient(90deg, var(--bugday-acik), transparent 70%); padding-left: 1rem; margin-left: -1rem; border-left: 3px solid var(--bugday); }
.paylasim-ust { display: flex; gap: .9rem; align-items: baseline; flex-wrap: wrap; margin-bottom: .5rem; }
.yazar { font-weight: 700; }
.paylasim-ust time, .sabit-not { color: var(--gri); font-size: .88rem; }
.paylasim-metin { font-size: 1.08rem; line-height: 1.65; white-space: normal; overflow-wrap: anywhere; }
.paylasim-gorsel { border-radius: 3px; margin-top: 1rem; max-height: 480px; width: 100%; object-fit: cover; }
.paylasim-ilan { display: flex; flex-direction: column; margin-top: 1rem; padding: .75rem 1rem; border-left: 3px solid var(--zeytin); background: var(--kagit); text-decoration: none; color: var(--orman); }
.paylasim-ilan span { color: var(--gri); font-size: .9rem; }
.yorumlar { margin-top: 1rem; padding-left: 1.25rem; border-left: 1px solid var(--sis); }
.yorum { padding: .6rem 0; }
.yorum p { margin: .15rem 0; }
.yorum time { font-size: .8rem; color: var(--gri); }
.yorum-kim { font-weight: 600; font-size: .92rem; }
.yorum-kim em { font-style: normal; font-size: .75rem; background: var(--zeytin); color: #fff; padding: .1rem .4rem; border-radius: 3px; margin-left: .3rem; }
.yorum.gizli { opacity: .45; }
.yorum-form { display: flex; gap: .5rem; align-items: flex-start; margin-top: .5rem; }
.yorum-form textarea { min-height: 2.6rem; }
.yorum-kilit { margin-top: .75rem; font-size: .92rem; color: var(--gri); }

/* ---------- Rehber (blog) ---------- */
.yazi-liste { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; border-top: 2px solid var(--orman); padding-top: 1.5rem; }
.yazi-ozet { color: var(--orman); text-decoration: none; display: flex; flex-direction: column; gap: .4rem; }
.yazi-ozet time { color: var(--gri); font-size: .85rem; }
.yazi-ozet h3 { margin: 0; }
.yazi-ozet:hover h3 { color: var(--zeytin); text-decoration: underline; text-underline-offset: .15em; }
.yazi-ozet p { color: var(--gri); margin: 0; font-size: .97rem; }
.yazi-liste-genis .yazi-one { grid-column: 1 / -1; display: grid; grid-template-columns: 1.2fr 1fr; gap: .4rem 2.5rem; padding-bottom: 2rem; border-bottom: 1px solid var(--sis); }
.yazi-one img { grid-row: 1 / span 4; border-radius: 3px; aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.yazi-one h3 { font-size: clamp(1.6rem, 2.8vw, 2.2rem); }
@media (max-width: 860px) { .yazi-liste { grid-template-columns: 1fr; gap: 1.75rem; } .yazi-liste-genis .yazi-one { grid-template-columns: 1fr; } .yazi-one img { grid-row: auto; } }

.yazi { max-width: calc(var(--dar) + 2 * var(--bosluk)); margin: 0 auto; padding: clamp(2rem, 5vw, 4rem) var(--bosluk); }
.yazi-ust { display: flex; gap: 1rem; font-size: .9rem; color: var(--gri); }
.yazi-kapak { border-radius: 3px; margin: 1.5rem 0 2rem; width: 100%; }
.yazi-icerik { font-size: 1.1rem; line-height: 1.75; }
.yazi-icerik h2 { margin-top: 2rem; }
.yazi-icerik li { margin-bottom: .4rem; }
.yazi-kesik { -webkit-mask-image: linear-gradient(#000 40%, transparent); mask-image: linear-gradient(#000 40%, transparent); }
.yazi-son { margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid var(--sis); color: var(--gri); }
.dar { max-width: var(--dar); }

/* ---------- Hesaplayıcı ---------- */
.hesap-arac { max-width: var(--genislik); margin: 0 auto; padding: clamp(2rem, 5vw, 3.5rem) var(--bosluk); }
.hesap-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.hesap-sonuc dl { margin: 0; border-top: 2px solid var(--orman); }
.hesap-sonuc dl div { display: flex; justify-content: space-between; padding: .8rem 0; border-bottom: 1px solid var(--sis); }
.hesap-sonuc dd { margin: 0; font-weight: 600; }
.toplam-etiket { margin: 1.5rem 0 0; color: var(--gri); }
.toplam { font: 700 clamp(2.2rem, 5vw, 3.4rem)/1.05 var(--baslik); color: var(--zeytin-koyu); margin: 0 0 .25rem; }
.not-metni { margin-top: 3rem; font-size: 1rem; color: var(--gri); }
@media (max-width: 760px) { .hesap-izgara { grid-template-columns: 1fr; } }

/* ---------- Alt bilgi ---------- */
.alt { margin-top: 4rem; background: var(--zeytin-koyu); color: #DDE5D3; }
.alt a { color: #fff; }
.alt .logo { color: #fff; }
.alt-ic { max-width: var(--genislik); margin: 0 auto; padding: 3rem var(--bosluk) 2rem; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 2.5rem; }
.alt-marka p { margin-top: 1rem; max-width: 26em; }
.alt .kucuk { color: #B9C4AE; }
.alt-menu { display: flex; flex-direction: column; gap: .55rem; }
.alt-menu a { text-decoration: none; }
.alt-menu a:hover { text-decoration: underline; }
.alt-iletisim .wa { margin-bottom: 1rem; }
.alt-not { max-width: var(--genislik); margin: 0 auto; padding: 1rem var(--bosluk) 2rem; font-size: .85rem; color: #9FAD95; border-top: 1px solid rgba(255,255,255,.1); }
@media (max-width: 760px) { .alt-ic { grid-template-columns: 1fr; } }

/* Yalın sayfalar (kurulum, personel girişi) */
.yalin { min-height: 100vh; }
.kutu-dar { max-width: 480px; margin: 4rem auto; padding: 0 1rem; }

/* Kopyalandı bildirimi */
.bildirim { position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%); background: var(--orman); color: #fff; padding: .75rem 1.25rem; border-radius: var(--r); z-index: 200; font-weight: 600; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

/* =========================================================
   Sürüm 3: canlı ana sayfa, üst şerit, yüzen butonlar, asistan
   ========================================================= */
.btn-sari { background: var(--bugday); border-color: var(--bugday); color: var(--orman); }
.btn-sari:hover { background: #B48E2C; border-color: #B48E2C; color: var(--orman); }
.metin-link.acik, a.metin-link.acik { color: #fff; }
.sadece-mobil { display: none; }

/* Üst şerit */
.ust-serit { background: var(--zeytin-koyu); color: #DDE5D3; font-size: .85rem; }
.ust-serit-ic { max-width: var(--genislik); margin: 0 auto; padding: .45rem var(--bosluk); display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.ust-serit-linkler { display: flex; gap: 1.5rem; }
.ust-serit a { color: #fff; text-decoration: none; font-weight: 500; }
.ust-serit a:hover { text-decoration: underline; color: #fff; }
.ust-serit a:first-child { color: var(--bugday); font-weight: 600; }
@media (max-width: 900px) {
  .ust-serit-not { display: none; }
  .ust-serit-ic { justify-content: center; }
  .ust-serit-linkler { gap: 1rem; }
  .sadece-mobil { display: block; }
}

/* Hero: tam genişlik fotoğraf */
.hero { position: relative; min-height: min(82vh, 760px); display: flex; align-items: flex-end; color: #fff;
  background: linear-gradient(180deg, rgba(20,30,18,.15) 0%, rgba(20,30,18,.35) 45%, rgba(20,30,18,.85) 100%), var(--hero) center / cover no-repeat, var(--zeytin); }
.hero-ic { width: 100%; max-width: var(--genislik); margin: 0 auto; padding: clamp(6rem, 14vh, 9rem) var(--bosluk) clamp(2.5rem, 6vh, 4rem); }
.hero-metin { max-width: 760px; }
.hero-rozet { display: inline-block; background: rgba(200,161,58,.95); color: var(--orman); font-weight: 700; font-size: .85rem; padding: .35rem .75rem; border-radius: 3px; margin-bottom: 1.25rem; }
.hero h1 { color: #fff; font-size: clamp(2.3rem, 5.4vw, 4.4rem); line-height: 1.02; text-shadow: 0 2px 24px rgba(0,0,0,.25); margin-bottom: 1rem; }
.hero-alt { font-size: clamp(1.05rem, 1.6vw, 1.3rem); line-height: 1.55; color: #EEF2E8; max-width: 36em; margin-bottom: 1.75rem; }
.hero-ara { display: grid; grid-template-columns: 1fr 1fr auto; gap: .5rem; background: #fff; padding: .5rem; border-radius: 6px; box-shadow: 0 20px 50px rgba(0,0,0,.28); max-width: 720px; }
.hero-ara label { display: flex; flex-direction: column; padding: .3rem .75rem; border-right: 1px solid var(--sis); }
.hero-ara label span { font-size: .75rem; font-weight: 700; color: var(--gri); }
.hero-ara select { border: 0; padding: .25rem 0; font-weight: 600; background: transparent; }
.hero-ara select:focus { outline: none; }
.hero-ara label:focus-within { background: #F4F6F0; border-radius: 4px; }
.hero-ara .btn { padding: 0 1.4rem; font-size: 1.02rem; }
.hero-linkler { display: flex; flex-wrap: wrap; gap: .5rem 1.75rem; margin-top: 1.25rem; }
.hero-linkler a { color: #fff; font-weight: 600; }
@media (max-width: 700px) {
  .hero { min-height: 0; }
  .hero-ara { grid-template-columns: 1fr; }
  .hero-ara label { border-right: 0; border-bottom: 1px solid var(--sis); }
  .hero-ara .btn { padding: .9rem; }
}

/* Güven şeridi */
.guven-serit { max-width: var(--genislik); margin: 0 auto; padding: 0 var(--bosluk); display: grid; grid-template-columns: repeat(4, 1fr); }
.guven-serit > div { padding: 1.5rem 1.25rem 1.5rem 0; display: flex; flex-direction: column; gap: .15rem; border-bottom: 1px solid var(--sis); }
.guven-serit > div + div { padding-left: 1.25rem; border-left: 1px solid var(--sis); }
.guven-serit strong { font: 600 1.2rem var(--baslik); color: var(--zeytin-koyu); }
.guven-serit span { color: var(--gri); font-size: .92rem; }
@media (max-width: 760px) { .guven-serit { grid-template-columns: 1fr 1fr; } .guven-serit > div:nth-child(3) { border-left: 0; padding-left: 0; } }

/* Bölge kartları */
.bolge-izgara { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 210px; gap: .75rem; }
.bolge { position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.25rem; border-radius: 6px; overflow: hidden; color: #fff; text-decoration: none;
  background: linear-gradient(180deg, transparent 35%, rgba(18,28,16,.82)), var(--g) center / cover no-repeat, var(--zeytin); transition: transform .25s ease; }
.bolge:hover { color: #fff; text-decoration: none; transform: translateY(-3px); }
.bolge-buyuk { grid-column: span 2; grid-row: span 2; }
.bolge-desen { background: linear-gradient(180deg, transparent 40%, rgba(18,28,16,.6)), url('../img/manzara.svg') center / cover, var(--zeytin); }
.bolge-desen:nth-child(2n) { background: linear-gradient(180deg, transparent 40%, rgba(18,28,16,.6)), url('../img/manzara.svg') left bottom / 220% auto, var(--zeytin-acik); }
.bolge-desen:nth-child(3n) { background: linear-gradient(180deg, transparent 40%, rgba(18,28,16,.6)), url('../img/manzara.svg') right bottom / 260% auto, #6F8156; }
.bolge-ad { font: 700 clamp(1.5rem, 2.6vw, 2.2rem)/1 var(--baslik); text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.bolge-buyuk .bolge-ad { font-size: clamp(2.2rem, 4vw, 3.4rem); }
.bolge-sayi { margin-top: .4rem; font-weight: 600; font-size: .92rem; color: var(--bugday-acik); }
.bolge-diger { margin-top: 1.25rem; color: var(--gri); overflow-wrap: anywhere; }
.bolge-diger a { margin: 0 .35rem; font-weight: 600; display: inline-block; }
@media (max-width: 860px) { .bolge-izgara { grid-template-columns: 1fr 1fr; grid-auto-rows: 170px; } }

/* Satıcı bandı */
.satici-band { margin: clamp(2rem, 5vw, 3.5rem) 0; color: #fff; background: linear-gradient(90deg, rgba(20,30,18,.92) 0%, rgba(20,30,18,.75) 50%, rgba(20,30,18,.25) 100%), var(--g) center / cover no-repeat, var(--zeytin-koyu); }
.satici-band-desen { background: linear-gradient(90deg, rgba(20,30,18,.95) 0%, rgba(20,30,18,.8) 55%, rgba(20,30,18,.35) 100%), url('../img/manzara.svg') center / cover, var(--zeytin-koyu); }
.satici-ic { max-width: var(--genislik); margin: 0 auto; padding: clamp(3rem, 8vw, 6rem) var(--bosluk); }
.satici-metin { max-width: 600px; }
.satici-band h2 { color: #fff; font-size: clamp(1.9rem, 3.6vw, 2.8rem); }
.satici-band p { color: #E3EADB; font-size: 1.1rem; }
.satici-artilar { list-style: none; padding: 0; margin: 1.5rem 0; }
.satici-artilar li { padding: .45rem 0 .45rem 1.9rem; position: relative; font-weight: 500; }
.satici-artilar li::before { content: ""; position: absolute; left: 0; top: .8rem; width: .95rem; height: .55rem; border-left: 3px solid var(--bugday); border-bottom: 3px solid var(--bugday); transform: rotate(-45deg); }

/* TKGM bandı */
.tkgm-band { background: var(--bugday-acik); }
.tkgm-band-ic { max-width: var(--genislik); margin: 0 auto; padding: clamp(2rem, 5vw, 3rem) var(--bosluk); display: grid; grid-template-columns: 1.4fr 1fr; gap: 2rem; align-items: center; }
.tkgm-band p { color: #4E5546; margin: 0; max-width: 40em; }
.tkgm-band-butonlar { display: flex; flex-direction: column; align-items: flex-start; gap: .9rem; }
@media (max-width: 760px) { .tkgm-band-ic { grid-template-columns: 1fr; } }

/* SSS */
.sss-liste { border-top: 2px solid var(--orman); max-width: 860px; }
.sss details { border-bottom: 1px solid var(--sis); }
.sss summary { cursor: pointer; padding: 1.15rem 2.5rem 1.15rem 0; font: 600 1.15rem var(--baslik); list-style: none; position: relative; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; position: absolute; right: .25rem; top: .9rem; font: 400 1.6rem var(--govde); color: var(--zeytin); }
.sss details[open] summary::after { content: "−"; }
.sss details p { color: var(--gri); padding-bottom: 1.25rem; max-width: 46em; margin: 0; }

/* Son çağrı */
.son-cagri { background: var(--zeytin); color: #fff; margin-top: 2rem; }
.son-cagri-ic { max-width: var(--genislik); margin: 0 auto; padding: clamp(2.5rem, 6vw, 4rem) var(--bosluk); display: grid; grid-template-columns: 1fr auto; gap: .5rem 2rem; align-items: center; }
.son-cagri h2 { color: #fff; margin: 0; }
.son-cagri p { margin: 0; color: #DDE5D3; grid-column: 1; }
.son-cagri .btn { grid-column: 2; grid-row: 1 / span 2; }
@media (max-width: 700px) { .son-cagri-ic { grid-template-columns: 1fr; } .son-cagri .btn { grid-column: 1; grid-row: auto; justify-self: start; } }
.son-cagri + .alt { margin-top: 0; }

/* Sayfa başlığı (iç sayfalar) */
.sayfa-bas { max-width: var(--genislik); margin: 0 auto; padding: clamp(2.5rem, 6vw, 4.5rem) var(--bosluk) 1.5rem; }
.sayfa-bas-kisa { padding-bottom: 1rem; }
.sayfa-bas h1 { font-size: clamp(2rem, 4vw, 3rem); }

.yazi-kucuk-kapak { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; border-radius: 4px; margin-bottom: .5rem; }

/* İlan detay ekleri */
.video { position: relative; aspect-ratio: 16 / 9; border-radius: 4px; overflow: hidden; background: #000; }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.paylas { display: flex; gap: 1rem; align-items: center; font-size: .92rem; color: var(--gri); flex-wrap: wrap; }
.paylas a, .paylas button { font-size: .92rem; }
.tkgm-kisa { display: inline-block; margin-top: 1rem; font-weight: 600; }

/* Yüzen butonlar: WhatsApp + asistan */
.yuzen { position: fixed; right: max(1rem, env(safe-area-inset-right)); bottom: max(1rem, env(safe-area-inset-bottom)); z-index: 60; display: flex; flex-direction: column; align-items: flex-end; gap: .6rem; }
.wa-yuzen { display: flex; align-items: center; gap: .55rem; background: #1F9D55; color: #fff; text-decoration: none; padding: .8rem 1.15rem .8rem .9rem; border-radius: 999px; font-weight: 700; box-shadow: 0 10px 28px rgba(16,80,44,.35); }
.wa-yuzen:hover { background: #17834A; color: #fff; text-decoration: none; }
.wa-yuzen svg { width: 28px; height: 28px; }
.asistan-ac { display: flex; align-items: center; gap: .5rem; background: var(--kagit); color: var(--orman); border: 1.5px solid var(--sis); border-radius: 999px; padding: .6rem 1rem; font: 600 .92rem var(--govde); cursor: pointer; box-shadow: 0 8px 22px rgba(24,36,26,.14); }
.asistan-ac:hover { border-color: var(--zeytin); }
.asistan-nokta { width: .6rem; height: .6rem; border-radius: 50%; background: var(--bugday); box-shadow: 0 0 0 4px rgba(200,161,58,.25); }
@media (max-width: 600px) { .wa-yuzen span { display: none; } .wa-yuzen { padding: .85rem; } }

.asistan { position: fixed; right: max(1rem, env(safe-area-inset-right)); bottom: 8.5rem; z-index: 61; width: min(380px, calc(100vw - 2rem)); max-height: min(560px, calc(100vh - 10rem)); display: flex; flex-direction: column; background: var(--kagit); border-radius: 10px; box-shadow: 0 24px 60px rgba(24,36,26,.3); overflow: hidden; }
.asistan-bas { display: flex; justify-content: space-between; align-items: center; background: var(--zeytin-koyu); color: #fff; padding: .85rem 1rem; }
.asistan-bas strong { font-family: var(--baslik); font-size: 1.15rem; }
.asistan-kapat { background: none; border: 0; color: #fff; font-size: 1.6rem; line-height: 1; cursor: pointer; padding: 0 .25rem; }
.asistan-akis { flex: 1; overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: .5rem; background: var(--kirec); }
.balon { max-width: 85%; padding: .6rem .85rem; border-radius: 12px; font-size: .95rem; line-height: 1.45; }
.balon-bot { background: var(--kagit); border: 1px solid var(--sis); align-self: flex-start; border-bottom-left-radius: 4px; }
.balon-sen { background: var(--zeytin); color: #fff; align-self: flex-end; border-bottom-right-radius: 4px; }
.asistan-giris { padding: .75rem; border-top: 1px solid var(--sis); }
.asistan-giris:empty { display: none; }
.secenekler { display: flex; flex-wrap: wrap; gap: .4rem; }
.secenekler button { background: #EEF2E8; border: 1.5px solid transparent; color: var(--zeytin-koyu); border-radius: 999px; padding: .45rem .8rem; font: 600 .88rem var(--govde); cursor: pointer; }
.secenekler button:hover, .secenekler button:focus-visible { border-color: var(--zeytin); }
.asistan-form { display: flex; gap: .5rem; }
.asistan-form input { padding: .55rem .7rem; }
.asistan-onay { flex-direction: column; }
.asistan-onay .onay { font-size: .85rem !important; }
@media (max-width: 600px) { .asistan { bottom: 7.5rem; } }
@media (max-width: 600px) { .alt-not { padding-bottom: 6rem; } }

.bolge-genis { grid-column: span 2; }
.bolge-cagri { background: var(--bugday-acik); color: var(--orman); border: 2px dashed var(--bugday); }
.bolge-cagri:hover { color: var(--orman); }
.bolge-cagri .bolge-ad { text-shadow: none; font-size: clamp(1.4rem, 2.2vw, 1.9rem); }
.bolge-cagri .bolge-sayi { color: var(--gri); }
@media (max-width: 860px) { .bolge-genis, .bolge-buyuk { grid-column: span 2; } .bolge-buyuk { grid-row: span 1; } }
@media (max-width: 600px) {
  .ust-serit-linkler { flex-wrap: wrap; justify-content: center; gap: .3rem 1rem; }
  .ust-serit-linkler a:nth-child(2) { display: none; }
}
html, body { overflow-x: clip; }