/* =====================================================================
   KONYA'YI KEŞFET — TASARIM SİSTEMİ v3 "SELÇUKLU GECESİ" (Ağustos 2026)
   Çini turkuazı × Konya gecesi laciverti · sıcak kum zemin · bakır vurgu.
   Başlık: Fraunces (serif) · Arayüz: Manrope. stil.css'ten SONRA yüklenir
   ve başlık, ana sayfa, liste sayfaları, Yakınımda ve altbilgiyi giydirir.
   Önekler: .kh- (başlık) · .k- (bileşen). Brif: TASARIM-BRIF.md
   ===================================================================== */
:root {
  --k-gece: #0b1c2c; --k-gece-2: #10283b; --k-gece-3: #17364d;
  --k-ink: #13202b; --k-ink-2: #3d4a55; --k-ink-3: #6f7b86;
  --k-paper: #fffdf9; --k-kum: #f6f1e8; --k-kum-2: #ebe3d4;
  --k-cini: #14999c; --k-cini-koyu: #0c6f72; --k-cini-acik: #d7f0ef;
  --k-bakir: #c8702f; --k-altin: #d4a64a;
  --k-rule: rgba(19, 32, 43, .1); --k-rule-koyu: rgba(255, 255, 255, .12);
  --k-r: 22px; --k-r-s: 14px;
  --k-golge: 0 14px 34px -14px rgba(11, 28, 44, .28);
  --k-golge-2: 0 28px 60px -20px rgba(11, 28, 44, .38);
  --k-kap: 1240px;
  --k-serif: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --k-sans: 'Manrope', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --k-ease: cubic-bezier(.2, .7, .2, 1);
  /* stil.css tokenlarını yeni dile çek */
  --ana: var(--k-cini); --ana-koyu: var(--k-cini-koyu); --vurgu: var(--k-bakir);
  --arka: var(--k-paper); --metin: var(--k-ink); --metin-soluk: var(--k-ink-3); --cizgi: var(--k-rule);
  --radius: var(--k-r-s);
}
.karanlik {
  --k-ink: #eef2f5; --k-ink-2: #c4ccd3; --k-ink-3: #8b97a2;
  --k-paper: #0d1722; --k-kum: #121f2b; --k-kum-2: #1a2a38;
  --k-cini-acik: #123b3d; --k-rule: rgba(255, 255, 255, .1);
  --arka: var(--k-paper); --metin: var(--k-ink); --metin-soluk: var(--k-ink-3); --cizgi: var(--k-rule);
}
[dir="rtl"] { --k-sans: 'Vazirmatn', 'Manrope', Tahoma, sans-serif; --k-serif: 'Vazirmatn', Georgia, serif; }

/* Desen + grain (veri URI, dış istek yok) */
:root {
  --k-yildiz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='1'%3E%3Crect x='22' y='22' width='40' height='40'/%3E%3Crect x='22' y='22' width='40' height='40' transform='rotate(45 42 42)'/%3E%3Ccircle cx='42' cy='42' r='5'/%3E%3Cpath d='M0 42h22M62 42h22M42 0v22M42 62v22'/%3E%3C/g%3E%3C/svg%3E");
  --k-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}

html { scroll-behavior: smooth; }
body { background: var(--k-paper); color: var(--k-ink); font-family: var(--k-sans); }
body > main { padding-top: 0 !important; padding-bottom: 0 !important; }
.k-kap { width: min(100% - 48px, var(--k-kap)); margin-inline: auto; }
@media (max-width: 640px) { .k-kap { width: min(100% - 32px, var(--k-kap)); } }
::selection { background: var(--k-cini); color: #fff; }

/* Tipografi */
.k-serif, .k-hero h1, .k-bolum-baslik h2, .k-feature h3, .k-kart h4, .k-sayfa-kapak h1, .sayfa-kapak h1,
.k-bento b, .k-sayi b, .k-cagri b, .k-ilce .ad b, .k-haber-buyuk h4, .k-sss summary, .k-harita-metin h2 {
  font-family: var(--k-serif); font-weight: 600; letter-spacing: -.022em; line-height: 1.02; color: var(--k-ink); margin: 0;
  font-variation-settings: 'opsz' 96, 'SOFT' 30; }
.k-eyebrow { display: inline-flex; align-items: center; gap: 10px; font: 700 .72rem/1 var(--k-sans); letter-spacing: .16em;
  text-transform: uppercase; color: var(--k-cini-koyu); }
.k-eyebrow::before { content: ''; width: 26px; height: 2px; background: var(--k-cini); border-radius: 2px; }
.k-eyebrow.bakir { color: var(--k-bakir); } .k-eyebrow.bakir::before { background: var(--k-bakir); }
.k-eyebrow.beyaz { color: #fff; } .k-eyebrow.beyaz::before { background: var(--k-altin); }
.k-hap { display: inline-flex; align-items: center; gap: 8px; font: 700 .74rem/1 var(--k-sans); letter-spacing: .02em;
  padding: 8px 13px; border-radius: 999px; background: rgba(255,255,255,.85); color: var(--k-ink);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.k-ok { font: 700 .86rem/1 var(--k-sans); color: var(--k-ink); display: inline-flex; align-items: center; gap: 8px;
  transition: color .2s, gap .2s; }
.k-ok::after { content: '→'; font-size: 1.05em; transition: transform .25s var(--k-ease); }
.k-ok:hover { color: var(--k-cini-koyu); } .k-ok:hover::after { transform: translateX(5px); }
[dir="rtl"] .k-ok::after { content: '←'; } [dir="rtl"] .k-ok:hover::after { transform: translateX(-5px); }
.k-btn { display: inline-flex; align-items: center; gap: 10px; font: 700 .9rem/1 var(--k-sans); padding: 16px 24px;
  border-radius: 999px; background: var(--k-cini); color: #fff; border: 1.5px solid var(--k-cini);
  box-shadow: 0 10px 24px -12px rgba(20,153,156,.8); transition: transform .25s var(--k-ease), background .2s, box-shadow .25s; }
.k-btn:hover { background: var(--k-cini-koyu); border-color: var(--k-cini-koyu); color: #fff; transform: translateY(-2px);
  box-shadow: 0 16px 30px -12px rgba(12,111,114,.75); }
.k-btn.ters { background: transparent; color: var(--k-ink); border-color: var(--k-rule); box-shadow: none; }
.k-btn.ters:hover { background: var(--k-ink); border-color: var(--k-ink); color: #fff; }
.k-btn.cam { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.35); color: #fff; box-shadow: none;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.k-btn.cam:hover { background: rgba(255,255,255,.26); border-color: #fff; }
.k-btn.koyu { background: var(--k-gece); border-color: var(--k-gece); box-shadow: none; }
.k-btn.koyu:hover { background: var(--k-gece-3); border-color: var(--k-gece-3); }
.k-btn.kucuk { padding: 11px 16px; font-size: .8rem; }

/* Kaydırma belirmesi */
.k-rv { opacity: 0; transform: translateY(26px); transition: opacity .8s var(--k-ease), transform .8s var(--k-ease);
  transition-delay: var(--d, 0s); }
.k-rv.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .k-rv { opacity: 1; transform: none; transition: none; } }

/* ---------- BAŞLIK (tek bar; ana sayfada hero üstünde şeffaf) ---------- */
.kh { position: sticky; top: 0; z-index: 200; --kh-fg: var(--k-ink); --kh-bg: rgba(255,253,249,.86);
  background: var(--kh-bg); backdrop-filter: blur(16px) saturate(1.4); -webkit-backdrop-filter: blur(16px) saturate(1.4);
  border-bottom: 1px solid var(--k-rule); color: var(--kh-fg);
  transition: background .35s, border-color .35s, color .35s, box-shadow .35s; }
.karanlik .kh { --kh-bg: rgba(13,23,34,.86); }
body.ana-sayfa .kh { position: fixed; left: 0; right: 0; --kh-fg: #fff; --kh-bg: transparent; backdrop-filter: none;
  -webkit-backdrop-filter: none; border-bottom-color: transparent; }
body.ana-sayfa .kh.kaydi { --kh-fg: var(--k-ink); --kh-bg: rgba(255,253,249,.88); backdrop-filter: blur(16px) saturate(1.4);
  -webkit-backdrop-filter: blur(16px) saturate(1.4); border-bottom-color: var(--k-rule); box-shadow: 0 10px 30px -20px rgba(11,28,44,.3); }
body.ana-sayfa.karanlik .kh.kaydi { --kh-bg: rgba(13,23,34,.88); }
.kh-ana .k-kap { display: flex; align-items: center; gap: 18px; height: 78px; }
.kh-logo { display: flex; align-items: center; gap: 12px; color: var(--kh-fg); flex-shrink: 0; }
.kh-logo img { width: 44px; height: 44px; border-radius: 50%; background: #fff; box-shadow: 0 6px 16px -6px rgba(0,0,0,.35); }
.kh-logo b { font: 600 clamp(1.05rem, 1.5vw, 1.3rem)/1 var(--k-serif); letter-spacing: -.02em; white-space: nowrap; }
.kh-logo b span { color: var(--k-cini); font-style: italic; }
body.ana-sayfa .kh:not(.kaydi) .kh-logo b span { color: #7fe0e2; }
.kh-nav { margin-inline-start: auto; display: flex; align-items: center; gap: 2px; }
.kh-nav > div { position: relative; }
.kh-nav > div > a, .kh-nav > div > button { display: inline-flex; align-items: center; gap: 6px; padding: 10px 13px;
  background: none; border: 0; cursor: pointer; color: var(--kh-fg); font: 700 .9rem/1 var(--k-sans); white-space: nowrap;
  border-radius: 999px; transition: background .2s; }
.kh-nav > div > a:hover, .kh-nav > div > button:hover, .kh-nav > div.acik > button, .kh-nav > div > a.aktif {
  background: color-mix(in srgb, var(--kh-fg) 10%, transparent); }
.kh-nav .ok { font-size: .55rem; opacity: .6; transition: transform .2s; }
.kh-nav > div.acik .ok { transform: rotate(180deg); }
.kh-mega { position: absolute; inset-inline-start: 0; top: calc(100% + 12px); background: var(--k-paper); color: var(--k-ink);
  border: 1px solid var(--k-rule); border-radius: 18px; box-shadow: var(--k-golge-2); min-width: 300px; padding: 12px;
  display: none; z-index: 20; transform-origin: top; animation: khMega .22s var(--k-ease); }
@keyframes khMega { from { opacity: 0; transform: translateY(-6px) scale(.98); } to { opacity: 1; transform: none; } }
.kh-mega.genis { min-width: 560px; columns: 2; column-gap: 4px; }
.kh-nav > div.acik .kh-mega { display: block; }
.kh-mega a { display: block; padding: 10px 14px; font-size: .92rem; font-weight: 700; color: var(--k-ink); border-radius: 12px;
  break-inside: avoid; }
.kh-mega a small { display: block; font-size: .76rem; color: var(--k-ink-3); font-weight: 500; margin-top: 2px; }
.kh-mega a:hover { background: var(--k-kum); color: var(--k-cini-koyu); }
.kh-ara, .kh-burger { width: 42px; height: 42px; border: 1.5px solid color-mix(in srgb, var(--kh-fg) 22%, transparent);
  background: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; color: var(--kh-fg);
  border-radius: 50%; flex-shrink: 0; transition: background .2s, border-color .2s; }
.kh-ara:hover, .kh-burger:hover { background: color-mix(in srgb, var(--kh-fg) 10%, transparent); border-color: var(--kh-fg); }
.kh-burger { display: none; }
.kh-ara svg, .kh-burger svg { width: 19px; height: 19px; }
.kh-dil { position: relative; flex-shrink: 0; }
.kh-dil > button { background: none; border: 1.5px solid color-mix(in srgb, var(--kh-fg) 22%, transparent); border-radius: 999px;
  height: 42px; padding: 0 12px; font: 700 .78rem var(--k-sans); color: var(--kh-fg); cursor: pointer; display: inline-flex;
  align-items: center; gap: 6px; }
.kh-dil-liste { position: absolute; inset-inline-end: 0; top: calc(100% + 10px); background: var(--k-paper); color: var(--k-ink);
  border: 1px solid var(--k-rule); border-radius: 14px; min-width: 170px; display: none; flex-direction: column; z-index: 10;
  box-shadow: var(--k-golge-2); padding: 6px; }
.kh-dil-liste a { padding: 9px 12px; font-size: .82rem; font-weight: 600; border-radius: 9px; color: var(--k-ink); }
.kh-dil-liste a:hover { background: var(--k-kum); }
.kh-dil.acik .kh-dil-liste { display: flex; }
.kh-uye { font: 700 .84rem/1 var(--k-sans); color: #fff; background: var(--k-cini); padding: 13px 18px; border-radius: 999px;
  white-space: nowrap; flex-shrink: 0; transition: background .2s, transform .2s; }
.kh-uye:hover { background: var(--k-cini-koyu); color: #fff; transform: translateY(-1px); }
.kh-ust { display: none; }
@media (max-width: 1120px) {
  .kh-nav, .kh-uye { display: none; }
  .kh-burger { display: inline-flex; margin-inline-start: auto; }
  .kh-ana .k-kap { height: 66px; gap: 10px; }
  .kh-logo img { width: 38px; height: 38px; }
}
@media (max-width: 480px) { .kh-logo b { font-size: 1rem; } .kh-dil > button { padding: 0 9px; } }
/* Arama katmanı */
.kh-ara-katman { position: fixed; inset: 0; background: rgba(11,28,44,.6); backdrop-filter: blur(6px); z-index: 300; display: none;
  align-items: flex-start; justify-content: center; padding-top: 12vh; }
.kh-ara-katman.acik { display: flex; }
.kh-ara-kutu { width: min(740px, 92vw); background: var(--k-paper); padding: 28px; border-radius: 24px; box-shadow: var(--k-golge-2);
  animation: khMega .25s var(--k-ease); }
.kh-ara-kutu form { display: flex; gap: 10px; border: 2px solid var(--k-ink); border-radius: 999px; padding: 6px 6px 6px 22px; }
.kh-ara-kutu input { flex: 1; border: 0; font: 600 clamp(1rem,2.4vw,1.25rem)/1.2 var(--k-sans); background: none; color: var(--k-ink); outline: none; min-width: 0; }
.kh-ara-kutu button { border: 0; background: var(--k-cini); color: #fff; font: 700 .84rem var(--k-sans); border-radius: 999px; padding: 12px 18px; cursor: pointer; }
.kh-ara-oner { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.kh-ara-oner a { font-size: .8rem; font-weight: 700; padding: 8px 13px; border: 1px solid var(--k-rule); border-radius: 999px; color: var(--k-ink); }
.kh-ara-oner a:hover { border-color: var(--k-cini); color: var(--k-cini-koyu); background: var(--k-cini-acik); }
/* Çekmece (mobil) */
.kh-cekmece-ort { position: fixed; inset: 0; background: rgba(11,28,44,.55); z-index: 290; display: none; }
.kh-cekmece { position: fixed; top: 0; inset-inline-end: 0; bottom: 0; width: min(380px, 90vw); background: var(--k-paper); color: var(--k-ink);
  z-index: 295; transform: translateX(104%); transition: transform .3s var(--k-ease); overflow-y: auto;
  border-start-start-radius: 26px; border-end-start-radius: 26px; }
[dir="rtl"] .kh-cekmece { transform: translateX(-104%); }
body.kh-acik .kh-cekmece { transform: none; } body.kh-acik .kh-cekmece-ort { display: block; }
.kh-cekmece-bas { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; border-bottom: 1px solid var(--k-rule); }
.kh-cekmece-bas b { font: 600 1.2rem var(--k-serif); letter-spacing: -.02em; }
.kh-cekmece-bas button { border: 0; background: var(--k-kum); width: 38px; height: 38px; border-radius: 50%; font-size: 1.1rem; cursor: pointer; color: var(--k-ink); }
.kh-cekmece details { border-bottom: 1px solid var(--k-rule); }
.kh-cekmece summary { list-style: none; cursor: pointer; padding: 16px 24px; font: 700 1rem var(--k-sans); display: flex; justify-content: space-between; }
.kh-cekmece summary::-webkit-details-marker { display: none; }
.kh-cekmece summary::after { content: '+'; color: var(--k-cini); font-size: 1.2rem; } .kh-cekmece details[open] summary::after { content: '–'; }
.kh-cekmece details a { display: block; padding: 10px 24px 10px 36px; font-weight: 600; color: var(--k-ink-2); }
.kh-cekmece > a.tek { display: block; padding: 16px 24px; font: 700 1rem var(--k-sans); border-bottom: 1px solid var(--k-rule); color: var(--k-ink); }
.kh-cekmece-alt { padding: 20px 24px; display: flex; gap: 10px; flex-wrap: wrap; }
.kh-cekmece-alt a { font: 700 .82rem var(--k-sans); padding: 12px 16px; border-radius: 999px; background: var(--k-gece); color: #fff; }

/* ---------- HERO (sinematik tam genişlik) ---------- */
.k-hero { position: relative; min-height: clamp(600px, 94vh, 920px); display: flex; align-items: flex-end; color: #fff;
  background: var(--k-gece); overflow: hidden; isolation: isolate; }
.k-hero-gorsel { position: absolute; inset: 0; z-index: -2; }
.k-hero-gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0;
  transition: opacity 1.1s ease; transform: scale(1.04); }
.k-hero-gorsel img.aktif { opacity: 1; animation: kBurns 12s linear forwards; }
@keyframes kBurns { from { transform: scale(1.04); } to { transform: scale(1.13); } }
@media (prefers-reduced-motion: reduce) { .k-hero-gorsel img.aktif { animation: none; transform: none; } }
.k-hero::before { content: ''; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(11,28,44,.55) 0%, rgba(11,28,44,.08) 34%, rgba(11,28,44,.35) 62%, rgba(11,28,44,.9) 100%),
              linear-gradient(90deg, rgba(11,28,44,.55) 0%, rgba(11,28,44,0) 55%); }
.k-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--k-grain); opacity: .12; mix-blend-mode: overlay; pointer-events: none; }
.k-hero .k-kap { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); gap: 40px;
  align-items: end; padding: 150px 0 48px; }
.k-hero-metin .k-hap { margin-bottom: 22px; background: rgba(255,255,255,.14); color: #fff; border: 1px solid rgba(255,255,255,.25); }
.k-hero-metin .k-hap i { width: 8px; height: 8px; border-radius: 50%; background: #5ee0c0; box-shadow: 0 0 0 4px rgba(94,224,192,.25); }
.k-hero h1 { color: #fff; font-size: clamp(2.9rem, 7vw, 6.4rem); font-weight: 500; letter-spacing: -.03em; line-height: .96;
  margin-bottom: 20px; text-wrap: balance; font-variation-settings: 'opsz' 144, 'SOFT' 50; }
.k-hero h1 em { font-style: italic; color: #8fe6e3; font-weight: 400; }
.k-hero p { font-size: clamp(1rem, 1.4vw, 1.2rem); color: rgba(255,255,255,.82); line-height: 1.5; max-width: 560px; margin: 0 0 30px; font-weight: 500; }
.k-hero-eylem { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.k-hero-slayt-metin[hidden] { display: none; }
/* Cam canlı pano */
.k-canli { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); border-radius: 24px; padding: 22px 22px 18px;
  backdrop-filter: blur(18px) saturate(1.3); -webkit-backdrop-filter: blur(18px) saturate(1.3); box-shadow: 0 30px 60px -30px rgba(0,0,0,.5); }
.k-canli-bas { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.k-canli-bas b { font: 700 .72rem var(--k-sans); letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.75); display: flex; align-items: center; gap: 8px; }
.k-canli-bas b::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #5ee0c0; box-shadow: 0 0 0 4px rgba(94,224,192,.25); animation: kNabiz 2.2s infinite; }
@keyframes kNabiz { 0%,100% { box-shadow: 0 0 0 3px rgba(94,224,192,.3); } 50% { box-shadow: 0 0 0 7px rgba(94,224,192,.08); } }
.k-canli-bas small { font: 600 .76rem var(--k-sans); color: rgba(255,255,255,.6); }
.k-canli-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.k-canli-izgara a, .k-canli-izgara div { display: flex; flex-direction: column; gap: 4px; padding: 14px 14px 12px; border-radius: 16px;
  background: rgba(255,255,255,.08); color: #fff; transition: background .2s; }
.k-canli-izgara a:hover { background: rgba(255,255,255,.18); }
.k-canli-izgara b { font: 600 1.55rem/1 var(--k-serif); letter-spacing: -.02em; display: flex; align-items: baseline; gap: 6px; }
.k-canli-izgara b span.ik { font-size: 1.2rem; }
.k-canli-izgara small { font: 600 .72rem var(--k-sans); color: rgba(255,255,255,.65); }
.k-canli-alt { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.k-canli-alt a { font: 700 .74rem var(--k-sans); color: #fff; padding: 7px 11px; border-radius: 999px; border: 1px solid rgba(255,255,255,.3); }
.k-canli-alt a:hover { background: #fff; color: var(--k-gece); }
/* Slayt kontrolü */
.k-hero-kontrol { display: flex; align-items: center; gap: 14px; margin-top: 30px; }
.k-hero-kontrol button { width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff;
  border: 1px solid rgba(255,255,255,.3); cursor: pointer; font-size: 1rem; display: inline-flex; align-items: center; justify-content: center;
  backdrop-filter: blur(8px); transition: background .2s; }
.k-hero-kontrol button:hover { background: #fff; color: var(--k-gece); }
.k-hero-bar { display: flex; gap: 6px; margin-inline-start: 6px; }
.k-hero-bar i { width: 34px; height: 3px; border-radius: 3px; background: rgba(255,255,255,.3); overflow: hidden; position: relative; }
.k-hero-bar i.aktif::after { content: ''; position: absolute; inset: 0; background: #fff; transform-origin: left; animation: kBar var(--sure, 7s) linear forwards; }
[dir="rtl"] .k-hero-bar i.aktif::after { transform-origin: right; }
@keyframes kBar { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.k-hero-kontrol span { font: 700 .74rem var(--k-sans); letter-spacing: .1em; color: rgba(255,255,255,.6); }
@media (max-width: 960px) {
  .k-hero { min-height: 0; }
  .k-hero .k-kap { grid-template-columns: 1fr; gap: 26px; padding: 120px 0 36px; }
  .k-hero h1 { font-size: clamp(2.6rem, 11vw, 4.2rem); }
  .k-canli { padding: 16px; }
}

/* ---------- Akış şeridi (marquee) ---------- */
.k-akis { background: var(--k-gece-2); color: #fff; border-top: 1px solid var(--k-rule-koyu); overflow: hidden; }
.k-akis .k-kap { display: flex; align-items: center; gap: 0; width: 100%; }
.k-akis-etiket { flex-shrink: 0; font: 700 .7rem var(--k-sans); letter-spacing: .16em; text-transform: uppercase; color: #8fe6e3;
  padding: 14px 22px 14px 0; border-inline-end: 1px solid var(--k-rule-koyu); margin-inline-end: 22px; }
.k-akis-ic { flex: 1; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.k-akis-ic > div { display: inline-flex; gap: 44px; padding-inline-end: 44px; white-space: nowrap; animation: kAkis 48s linear infinite; }
.k-akis:hover .k-akis-ic > div { animation-play-state: paused; }
@keyframes kAkis { to { transform: translateX(var(--yon, -50%)); } }
[dir="rtl"] .k-akis-ic > div { --yon: 50%; }
.k-akis-ic a { color: #fff; font: 600 .88rem var(--k-sans); display: inline-flex; align-items: center; gap: 12px; }
.k-akis-ic a::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--k-altin); }
.k-akis-ic a:hover { color: #8fe6e3; }
@media (prefers-reduced-motion: reduce) { .k-akis-ic > div { animation: none; } }

/* ---------- Bölümler ---------- */
.k-bolum { padding: 96px 0; position: relative; }
.k-bolum.kum { background: var(--k-kum); }
.k-bolum.sik { padding: 64px 0; }
.k-bolum-baslik { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 40px; }
.k-bolum-baslik h2 { font-size: clamp(2.1rem, 4.2vw, 3.5rem); margin-top: 14px; text-wrap: balance; }
.k-bolum-baslik p { margin: 12px 0 0; color: var(--k-ink-3); font-size: 1.02rem; max-width: 560px; line-height: 1.55; }
.k-bolum-baslik .k-btn { flex-shrink: 0; }
@media (max-width: 640px) { .k-bolum { padding: 64px 0; } .k-bolum-baslik { flex-direction: column; align-items: flex-start; margin-bottom: 28px; } }

/* ---------- Bento (Şehir yaşamı) ---------- */
.k-bento { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 118px; gap: 14px; }
.k-bento a { position: relative; grid-column: span 3; grid-row: span 1; border-radius: var(--k-r); padding: 20px 22px; display: flex;
  flex-direction: column; justify-content: flex-end; gap: 4px; background: var(--k-paper); color: var(--k-ink);
  border: 1px solid var(--k-rule); overflow: hidden; transition: transform .35s var(--k-ease), box-shadow .35s, border-color .2s; }
.k-bento a:hover { transform: translateY(-5px); box-shadow: var(--k-golge-2); border-color: transparent; }
.k-bento a.buyuk { grid-column: span 4; grid-row: span 2; padding: 26px; }
.k-bento a.orta { grid-column: span 4; }
.k-bento svg { width: 26px; height: 26px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
  position: absolute; top: 20px; inset-inline-start: 22px; opacity: .85; transition: transform .35s var(--k-ease); }
.k-bento a:hover svg { transform: translateY(-3px) rotate(-6deg); }
.k-bento b { font-size: 1.2rem; display: block; }
.k-bento a.buyuk b { font-size: clamp(1.6rem, 2.4vw, 2.1rem); }
.k-bento small { font: 500 .8rem var(--k-sans); color: var(--k-ink-3); }
.k-bento .git { position: absolute; top: 18px; inset-inline-end: 18px; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--k-rule);
  display: inline-flex; align-items: center; justify-content: center; font-size: .95rem; transition: background .2s, color .2s, transform .35s var(--k-ease); }
.k-bento a:hover .git { background: var(--k-ink); color: #fff; transform: rotate(-45deg); }
.k-bento .sayi { font: 500 clamp(2.6rem, 4vw, 3.6rem)/1 var(--k-serif); letter-spacing: -.03em; margin-bottom: 6px; }
.k-bento a.gece { background: var(--k-gece); color: #fff; border-color: transparent; }
.k-bento a.gece::before { content: ''; position: absolute; inset: 0; background: var(--k-yildiz); opacity: .9; }
.k-bento a.gece b, .k-bento a.gece .sayi { color: #fff; } .k-bento a.gece small { color: rgba(255,255,255,.65); }
.k-bento a.gece .git { border-color: rgba(255,255,255,.3); color: #fff; } .k-bento a.gece:hover .git { background: #fff; color: var(--k-gece); }
.k-bento a.gece svg { color: #8fe6e3; }
.k-bento a.cini { background: linear-gradient(145deg, var(--k-cini) 0%, var(--k-cini-koyu) 100%); color: #fff; border-color: transparent; }
.k-bento a.cini b, .k-bento a.cini .sayi { color: #fff; } .k-bento a.cini small { color: rgba(255,255,255,.75); }
.k-bento a.cini .git { border-color: rgba(255,255,255,.35); color: #fff; } .k-bento a.cini:hover .git { background: #fff; color: var(--k-cini-koyu); }
.k-bento a.kum { background: var(--k-kum-2); }
.k-bento a.bakir { background: linear-gradient(145deg, #e0883f, var(--k-bakir)); color: #fff; border-color: transparent; }
.k-bento a.bakir b { color: #fff; } .k-bento a.bakir small { color: rgba(255,255,255,.8); }
.k-bento a.bakir .git { border-color: rgba(255,255,255,.35); color: #fff; }
.k-bento a.foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--k-ease); }
.k-bento a.foto::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,28,44,.05), rgba(11,28,44,.8)); }
.k-bento a.foto:hover img { transform: scale(1.06); }
.k-bento a.foto b, .k-bento a.foto small, .k-bento a.foto .git, .k-bento a.foto svg { position: relative; z-index: 1; color: #fff; }
.k-bento a.foto small { color: rgba(255,255,255,.75); } .k-bento a.foto .git { border-color: rgba(255,255,255,.4); }
@media (max-width: 1000px) { .k-bento a { grid-column: span 4; } .k-bento a.buyuk { grid-column: span 6; } .k-bento a.orta { grid-column: span 6; } }
@media (max-width: 680px) { .k-bento { grid-auto-rows: 108px; gap: 10px; } .k-bento a, .k-bento a.orta { grid-column: span 6; padding: 16px; }
  .k-bento a.buyuk { grid-column: span 12; grid-row: span 2; } .k-bento b { font-size: 1.02rem; } .k-bento svg { width: 22px; height: 22px; } }

/* ---------- Ray (yatay kaydırma) + fotoğraf kartı ---------- */
.k-ray-sar { position: relative; }
.k-ray { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 54px) / 4); gap: 18px; overflow-x: auto;
  scroll-snap-type: x proximity; overscroll-behavior-x: contain; padding: 6px 6px 16px; margin: -6px; scrollbar-width: none; }
.k-ray::-webkit-scrollbar { display: none; }
.k-ray.uc { grid-auto-columns: calc((100% - 36px) / 3); }
@media (max-width: 1024px) { .k-ray { grid-auto-columns: calc((100% - 36px) / 3); } }
@media (max-width: 760px) { .k-ray, .k-ray.uc { grid-auto-columns: 74%; } }
@media (max-width: 480px) { .k-ray, .k-ray.uc { grid-auto-columns: 84%; } }
.k-ray > * { scroll-snap-align: start; }
.k-ray-ok { position: absolute; top: 40%; width: 48px; height: 48px; border-radius: 50%; background: var(--k-paper); color: var(--k-ink);
  border: 1px solid var(--k-rule); box-shadow: var(--k-golge); cursor: pointer; z-index: 2; display: inline-flex; align-items: center;
  justify-content: center; font-size: 1.1rem; opacity: 0; transition: opacity .2s, background .2s, transform .2s; }
.k-ray-sar:hover .k-ray-ok { opacity: 1; }
.k-ray-ok:hover { background: var(--k-ink); color: #fff; transform: scale(1.06); }
.k-ray-ok.sol { inset-inline-start: -22px; } .k-ray-ok.sag { inset-inline-end: -22px; }
@media (hover: none), (max-width: 1300px) { .k-ray-ok { display: none; } }

.k-kart { position: relative; display: block; aspect-ratio: 4/5; border-radius: var(--k-r); overflow: hidden; background: var(--k-gece-2);
  color: #fff; transition: transform .4s var(--k-ease), box-shadow .4s; isolation: isolate; }
.k-kart:hover { transform: translateY(-6px); box-shadow: var(--k-golge-2); }
.k-kart img, .k-kart .yer { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--k-ease); }
.k-kart:hover img { transform: scale(1.06); }
.k-kart .yer { display: flex; align-items: center; justify-content: center; font: 500 5rem var(--k-serif); color: rgba(255,255,255,.18);
  background: linear-gradient(160deg, var(--k-gece-3), var(--k-gece)); }
.k-kart .yer::after { content: ''; position: absolute; inset: 0; background: var(--k-yildiz); }
.k-kart::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,28,44,0) 40%, rgba(11,28,44,.88) 100%); z-index: 1; }
.k-kart .k-hap { position: absolute; top: 14px; inset-inline-start: 14px; z-index: 2; }
.k-kart .k-hap.koyu { background: rgba(11,28,44,.55); color: #fff; border: 1px solid rgba(255,255,255,.2); }
.k-kart-metin { position: absolute; inset-inline: 0; bottom: 0; padding: 20px; z-index: 2; display: flex; flex-direction: column; gap: 6px; }
.k-kart h4 { color: #fff; font-size: 1.3rem; font-weight: 500; text-wrap: balance; }
.k-kart .k-meta { font: 600 .74rem var(--k-sans); color: rgba(255,255,255,.7); display: flex; gap: 10px; flex-wrap: wrap; }
.k-kart .k-meta span + span::before { content: '·'; margin-inline-end: 10px; opacity: .6; }
.k-kart p { margin: 0; font-size: .86rem; color: rgba(255,255,255,.8); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden; max-height: 0; opacity: 0; transition: max-height .4s var(--k-ease), opacity .3s; }
.k-kart:hover p { max-height: 60px; opacity: 1; }
.k-kart.genis { aspect-ratio: 16/11; }
.k-kart .tarih { position: absolute; top: 14px; inset-inline-end: 14px; z-index: 2; background: var(--k-paper); color: var(--k-ink); border-radius: 14px;
  padding: 8px 10px; text-align: center; min-width: 52px; box-shadow: var(--k-golge); }
.k-kart .tarih b { display: block; font: 600 1.4rem/1 var(--k-serif); } .k-kart .tarih small { font: 700 .62rem var(--k-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--k-ink-3); }

/* ---------- Öne çıkan ---------- */
.k-feature { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(28px, 5vw, 72px); align-items: center; color: var(--k-ink); }
.k-feature-gorsel { position: relative; aspect-ratio: 5/4; border-radius: 28px; overflow: hidden; box-shadow: var(--k-golge-2); }
.k-feature-gorsel::before { content: ''; position: absolute; inset: 0; border-radius: 28px; border: 1px solid rgba(255,255,255,.4); z-index: 2; pointer-events: none; }
.k-feature-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--k-ease); }
.k-feature:hover .k-feature-gorsel img { transform: scale(1.04); }
.k-feature-cerceve { position: absolute; inset: auto -18px -18px auto; width: 60%; height: 60%; border-radius: 28px; border: 2px solid var(--k-bakir); z-index: -1; opacity: .6; }
.k-feature h3 { font-size: clamp(1.9rem, 3.2vw, 2.9rem); margin: 16px 0 14px; text-wrap: balance; }
.k-feature p { color: var(--k-ink-2); line-height: 1.6; margin: 0 0 24px; font-size: 1.02rem; }
.k-feature .k-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
.k-feature .k-meta span { font: 700 .74rem var(--k-sans); padding: 7px 11px; border-radius: 999px; background: var(--k-kum-2); color: var(--k-ink-2); }
.k-feature .k-meta span.puan { background: var(--k-altin); color: var(--k-gece); }
@media (max-width: 860px) { .k-feature { grid-template-columns: 1fr; gap: 24px; } .k-feature-gorsel { aspect-ratio: 16/11; } }

/* ---------- İlçe mozaiği ---------- */
.k-mozaik { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 230px; gap: 14px; }
.k-ilce { position: relative; overflow: hidden; border-radius: var(--k-r); background: var(--k-gece-2); display: block; color: #fff;
  transition: transform .4s var(--k-ease), box-shadow .4s; }
.k-ilce:hover { transform: translateY(-5px); box-shadow: var(--k-golge-2); }
.k-ilce:first-child { grid-column: span 2; grid-row: span 2; }
.k-ilce img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--k-ease); }
.k-ilce:hover img { transform: scale(1.06); }
.k-ilce .ad { position: absolute; inset: auto 0 0; padding: 48px 20px 18px; background: linear-gradient(180deg, transparent, rgba(11,28,44,.85)); }
.k-ilce .ad b { color: #fff; font-size: 1.5rem; font-weight: 500; display: block; }
.k-ilce:first-child .ad b { font-size: clamp(2rem, 3.4vw, 2.8rem); }
.k-ilce .ad small { font: 600 .76rem var(--k-sans); color: rgba(255,255,255,.75); }
.k-ilce .git { position: absolute; top: 16px; inset-inline-end: 16px; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.3); backdrop-filter: blur(8px); display: inline-flex; align-items: center; justify-content: center;
  transition: background .2s, color .2s, transform .35s var(--k-ease); }
.k-ilce:hover .git { background: #fff; color: var(--k-gece); transform: rotate(-45deg); }
@media (max-width: 900px) { .k-mozaik { grid-template-columns: 1fr 1fr; grid-auto-rows: 190px; } }
@media (max-width: 520px) { .k-mozaik { grid-template-columns: 1fr 1fr; grid-auto-rows: 150px; gap: 10px; } .k-ilce:first-child { grid-column: span 2; grid-row: span 1; grid-auto-rows: 200px; height: 220px; } }

/* ---------- Sayılar bandı ---------- */
.k-sayilar { background: var(--k-gece); color: #fff; position: relative; overflow: hidden; }
.k-sayilar::before { content: ''; position: absolute; inset: 0; background: var(--k-yildiz); }
.k-sayilar::after { content: ''; position: absolute; inset: 0; background: var(--k-grain); opacity: .1; mix-blend-mode: overlay; pointer-events: none; }
.k-sayilar .k-kap { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 64px 0; }
.k-sayi { border-inline-start: 1px solid var(--k-rule-koyu); padding-inline-start: 24px; }
.k-sayi b { display: block; color: #8fe6e3; font-size: clamp(2.6rem, 5vw, 4.2rem); font-weight: 500; letter-spacing: -.03em; }
.k-sayi span { font: 600 .86rem var(--k-sans); color: rgba(255,255,255,.7); display: block; margin-top: 6px; }
@media (max-width: 760px) { .k-sayilar .k-kap { grid-template-columns: 1fr 1fr; gap: 28px 16px; padding: 48px 0; } }

/* ---------- Harita bandı ---------- */
.k-harita-band { background: var(--k-gece); color: #fff; position: relative; overflow: hidden; }
.k-harita-band::before { content: ''; position: absolute; inset: 0; background: var(--k-yildiz); }
.k-harita-band::after { content: ''; position: absolute; inset: 0; background: radial-gradient(700px 400px at 85% 50%, rgba(20,153,156,.28), transparent 70%); pointer-events: none; }
.k-harita-band .k-kap { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1.5fr; gap: 48px; align-items: center; padding: 88px 0; }
.k-harita-metin h2 { color: #fff; font-size: clamp(2.1rem, 3.6vw, 3.2rem); margin: 14px 0 16px; }
.k-harita-metin p { color: rgba(255,255,255,.75); line-height: 1.6; margin: 0 0 24px; font-size: 1.02rem; }
.k-harita-hava { display: inline-flex; align-items: center; gap: 12px; font: 600 .84rem var(--k-sans); border: 1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.08); border-radius: 999px; padding: 10px 16px 10px 12px; margin-bottom: 24px; backdrop-filter: blur(8px); }
.k-harita-hava b { font: 600 1.4rem/1 var(--k-serif); letter-spacing: -.02em; }
.k-harita-gorsel { position: relative; border-radius: 28px; overflow: hidden; min-height: 440px; border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 40px 80px -40px rgba(0,0,0,.7); background: var(--k-gece-2); }
.k-harita-gorsel #kMiniHarita { position: absolute; inset: 0; cursor: pointer; filter: saturate(.9); }
.k-harita-haplar { position: absolute; inset-inline: 0; bottom: 0; display: flex; gap: 8px; overflow-x: auto; padding: 50px 16px 16px;
  background: linear-gradient(0deg, rgba(11,28,44,.85), transparent); scrollbar-width: none; z-index: 500; }
.k-harita-haplar::-webkit-scrollbar { display: none; }
.k-harita-haplar a { flex-shrink: 0; font: 700 .76rem var(--k-sans); padding: 9px 14px; border-radius: 999px; color: #fff; white-space: nowrap;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); backdrop-filter: blur(8px); display: inline-flex; align-items: center; gap: 8px; transition: background .2s; }
.k-harita-haplar a::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--hap, #fff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--hap, #fff) 30%, transparent); }
.k-harita-haplar a:hover { background: #fff; color: var(--k-gece); }
@media (max-width: 900px) { .k-harita-band .k-kap { grid-template-columns: 1fr; gap: 28px; padding: 64px 0; } .k-harita-gorsel { min-height: 340px; } }

/* ---------- Meydan ---------- */
.k-meydan { display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: start; }
.k-konu { display: block; padding: 20px 22px; border-radius: 18px; background: var(--k-paper); border: 1px solid var(--k-rule); color: var(--k-ink);
  margin-bottom: 10px; position: relative; transition: transform .3s var(--k-ease), box-shadow .3s; }
.k-konu:hover { transform: translateX(6px); box-shadow: var(--k-golge); }
[dir="rtl"] .k-konu:hover { transform: translateX(-6px); }
.k-konu small { font: 700 .7rem var(--k-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--k-cini-koyu); }
.k-konu b { display: block; font: 500 1.15rem/1.3 var(--k-serif); margin-top: 4px; padding-inline-end: 60px; }
.k-konu .yorum { position: absolute; top: 50%; inset-inline-end: 18px; transform: translateY(-50%); display: inline-flex; align-items: center; gap: 6px;
  font: 700 .8rem var(--k-sans); color: var(--k-ink-2); background: var(--k-kum); padding: 8px 12px; border-radius: 999px; }
.k-kareler { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.k-kareler a { aspect-ratio: 1; border-radius: 18px; overflow: hidden; display: block; background: var(--k-kum-2); }
.k-kareler a:nth-child(1) { border-start-start-radius: 40px; } .k-kareler a:nth-child(4) { border-end-end-radius: 40px; }
.k-kareler img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--k-ease); }
.k-kareler a:hover img { transform: scale(1.06); }
@media (max-width: 860px) { .k-meydan { grid-template-columns: 1fr; } }

/* ---------- Haberler ---------- */
.k-haberler { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: start; }
.k-haber-buyuk { display: block; color: var(--k-ink); }
.k-haber-buyuk .gorsel { aspect-ratio: 16/10; border-radius: var(--k-r); overflow: hidden; background: var(--k-kum-2); margin-bottom: 18px; }
.k-haber-buyuk .gorsel .yer { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font: 500 6rem var(--k-serif);
  color: rgba(255,255,255,.2); background: linear-gradient(160deg, var(--k-gece-3), var(--k-gece)); position: relative; }
.k-haber-buyuk .gorsel .yer::after { content: ''; position: absolute; inset: 0; background: var(--k-yildiz); }
.k-haber-buyuk .gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--k-ease); }
.k-haber-buyuk:hover .gorsel img { transform: scale(1.04); }
.k-haber-buyuk h4 { font-size: clamp(1.5rem, 2.4vw, 2rem); margin: 10px 0 10px; }
.k-haber-buyuk p { color: var(--k-ink-2); line-height: 1.55; margin: 0; }
.k-haber-liste a { display: grid; grid-template-columns: 64px 1fr; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--k-rule); color: var(--k-ink); align-items: start; }
.k-haber-liste a:first-child { padding-top: 0; }
.k-haber-liste .tarih { text-align: center; border-radius: 14px; background: var(--k-kum); padding: 8px 0; }
.k-haber-liste .tarih b { display: block; font: 600 1.5rem/1 var(--k-serif); } .k-haber-liste .tarih small { font: 700 .62rem var(--k-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--k-ink-3); }
.k-haber-liste h5 { margin: 2px 0 6px; font: 700 1.02rem/1.35 var(--k-sans); transition: color .2s; }
.k-haber-liste a:hover h5 { color: var(--k-cini-koyu); }
.k-haber-liste p { margin: 0; font-size: .86rem; color: var(--k-ink-3); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.k-meta-satir { font: 700 .72rem var(--k-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--k-ink-3); display: flex; gap: 12px; }
@media (max-width: 860px) { .k-haberler { grid-template-columns: 1fr; gap: 28px; } }

/* ---------- Çağrı kartları ---------- */
.k-cagri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.k-cagri a { position: relative; padding: 34px 30px; border-radius: 26px; color: var(--k-ink); display: flex; flex-direction: column; gap: 10px; min-height: 280px;
  background: var(--k-kum); overflow: hidden; transition: transform .35s var(--k-ease), box-shadow .35s; }
.k-cagri a:hover { transform: translateY(-6px); box-shadow: var(--k-golge-2); }
.k-cagri a.cini { background: linear-gradient(150deg, var(--k-cini), var(--k-cini-koyu)); color: #fff; }
.k-cagri a.gece { background: var(--k-gece); color: #fff; }
.k-cagri a.gece::before, .k-cagri a.cini::before { content: ''; position: absolute; inset: 0; background: var(--k-yildiz); }
.k-cagri b { font-size: clamp(1.5rem, 2.2vw, 1.9rem); color: inherit; position: relative; margin-top: auto; }
.k-cagri small { font: 500 .92rem/1.5 var(--k-sans); color: inherit; opacity: .78; position: relative; }
.k-cagri .k-eyebrow { position: relative; }
.k-cagri .k-ok { position: relative; color: inherit; margin-top: 8px; }
@media (max-width: 800px) { .k-cagri { grid-template-columns: 1fr; } .k-cagri a { min-height: 0; } }

/* ---------- SSS ---------- */
.k-sss { max-width: 860px; }
.k-sss details { border-bottom: 1px solid var(--k-rule); }
.k-sss summary { cursor: pointer; list-style: none; padding: 22px 0; font-size: 1.2rem; display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.k-sss summary::-webkit-details-marker { display: none; }
.k-sss summary::after { content: '+'; color: var(--k-cini); font: 500 1.6rem var(--k-serif); width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--k-rule);
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform .3s var(--k-ease), background .2s; }
.k-sss details[open] summary::after { transform: rotate(45deg); background: var(--k-cini-acik); }
.k-sss details p { margin: 0 0 22px; color: var(--k-ink-2); line-height: 1.6; max-width: 760px; }

/* ---------- Uygulama bandı (bülten yerine) ---------- */
#bulten { border-radius: 28px !important; background: linear-gradient(135deg, var(--k-gece-2), var(--k-gece)) !important; color: #fff !important;
  border: 1px solid var(--k-rule-koyu) !important; position: relative; overflow: hidden; margin-bottom: -60px !important; z-index: 2; box-shadow: var(--k-golge-2); }
#bulten::before { content: ''; position: absolute; inset: 0; background: var(--k-yildiz); pointer-events: none; }
#bulten h3, #bulten b { color: #fff !important; font: 500 clamp(1.5rem, 2.6vw, 2.1rem) var(--k-serif) !important; letter-spacing: -.02em; position: relative; }
#bulten p { color: rgba(255,255,255,.75) !important; position: relative; }
#bulten input { border-radius: 999px !important; border: 1px solid rgba(255,255,255,.3) !important; background: rgba(255,255,255,.1) !important; color: #fff !important; }
#bulten input::placeholder { color: rgba(255,255,255,.6); }
#bulten .buton, #bulten button { border-radius: 999px !important; background: var(--k-cini) !important; color: #fff !important; font-weight: 700; }
#bulten .bulten-form { position: relative; }

/* ---------- Altbilgi ---------- */
.alt-bilgi { background: var(--k-gece) !important; color: #b9c4cf; border-top: 0; margin-top: 0; padding-top: 110px !important; position: relative; overflow: hidden; }
.alt-bilgi::before { content: ''; position: absolute; inset: 0; background: var(--k-yildiz); opacity: .7; pointer-events: none; }
.alt-bilgi > * { position: relative; }
.alt-bilgi h4 { font: 700 .74rem var(--k-sans) !important; letter-spacing: .14em; text-transform: uppercase; color: #8fe6e3 !important; }
.alt-bilgi a { color: #b9c4cf; } .alt-bilgi a:hover { color: #fff; }
.alt-bilgi .logo-yazi { font: 600 1.4rem var(--k-serif); letter-spacing: -.02em; color: #fff; }
.alt-bilgi .logo-yazi span { color: #8fe6e3 !important; font-style: italic; }
.alt-altlik { border-top: 1px solid var(--k-rule-koyu); }
.alt-menu { display: none !important; }
/* Eski header/hero sınıflarını sustur */
.ust-bar, .mobil-menu, .mobil-menu-ort, .ik-serit-sarmal { display: none !important; }

/* ---------- İç sayfalar: kapak + eski bileşenleri yeni dile çek ---------- */
.k-sayfa-kapak, .sayfa-kapak { padding: 64px 0 36px !important; margin: 0 0 36px !important; background: var(--k-kum) !important; color: var(--k-ink) !important;
  border-radius: 0 !important; border-bottom: 0; position: relative; overflow: hidden; }
.sayfa-kapak::after { display: none; }
.k-sayfa-kapak h1, .sayfa-kapak h1 { color: var(--k-ink) !important; font: 500 clamp(2.4rem, 5.4vw, 4.4rem)/1 var(--k-serif) !important; letter-spacing: -.03em; margin: 14px 0 12px; }
.k-sayfa-kapak p, .sayfa-kapak p { color: var(--k-ink-2) !important; opacity: 1 !important; font-size: 1.08rem !important; max-width: 680px; margin: 0; line-height: 1.55; }
.k-sayfa-kapak .kapak-eylem { margin-top: 22px; display: flex; gap: 12px; flex-wrap: wrap; }
.sayfa-kapak .buton.beyaz { background: var(--k-cini) !important; color: #fff !important; border-radius: 999px !important; font: 700 .86rem var(--k-sans); padding: 14px 22px; }
.sayfa-kapak .buton.beyaz:hover { background: var(--k-cini-koyu) !important; }
.buton { border-radius: 999px !important; font-weight: 700; }
.ilan-kart, .topluluk-kart, .konu-satir, .vefat-kart, .yorum-balon, .mv-kutu, .kart, .mekan-kart, .haber-kart, .rota-kart { border-radius: var(--k-r) !important; }
.uyg-serit { border-radius: var(--k-r) !important; background: var(--k-gece) !important; }
.kategori-cip { border-radius: 999px !important; font-weight: 700; }

/* =====================================================================
   YAKINIMDA v3 — BAĞIMSIZ TAM EKRAN ŞEHİR ASİSTANI (nyctourism.com esinli)
   Sayfa = harita. Sağda sabit beyaz panel (≥900px), mobilde alttan çekmece.
   Satırlar kategori rengiyle dolu; pasif = açık ton, aktif = tam renk.
   ===================================================================== */
:root { --cbs-panel: min(520px, 38vw); }
body.cbs-tam { overflow: hidden; background: var(--k-gece); }
body.cbs-tam > main { padding: 0 !important; }
.cbs-sahne { position: fixed !important; inset: 0; height: 100dvh !important; min-height: 0 !important; max-width: none !important;
  margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--k-gece) !important; }
.cbs-sahne .leaflet-container { background: #0b1c2c; }
/* Marka rozeti (sol üst) */
.cbs-marka { display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 14px 0 6px; border-radius: 999px;
  background: rgba(255,253,249,.94); color: var(--k-ink); box-shadow: var(--k-golge); border: 1px solid rgba(255,255,255,.7); flex-shrink: 0;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.cbs-marka img { width: 34px; height: 34px; border-radius: 50%; }
.cbs-marka b { font: 600 1rem var(--k-serif); letter-spacing: -.02em; white-space: nowrap; } .cbs-marka b span { color: var(--k-cini); font-style: italic; }
/* Üst araç çubuğu: arama + konum + katkı + rotam */
.cbs-yuzen-ust { top: 16px !important; left: 16px !important; gap: 10px !important; flex-wrap: wrap !important; align-items: center; }
@media (min-width: 900px) { .cbs-yuzen-ust { right: calc(var(--cbs-panel) + 24px) !important; }
  .cbs-sahne.panel-kapali .cbs-yuzen-ust { right: 80px !important; } }
.cbs-ara-kutu { border-radius: 999px !important; border: 1px solid rgba(255,255,255,.7) !important; background: rgba(255,253,249,.94) !important;
  box-shadow: var(--k-golge) !important; min-width: 260px !important; height: 46px; }
.cbs-ara-kutu input { font: 600 .92rem var(--k-sans); }
.cbs-konum-buton, .katki-buton, .rotam-buton, .cbs-panel-ac { border-radius: 999px !important; height: 46px; font: 700 .8rem var(--k-sans) !important;
  background: var(--k-gece) !important; color: #fff !important; border: 0 !important; box-shadow: var(--k-golge) !important; padding: 0 16px !important; }
.katki-buton { background: var(--k-cini) !important; }
.cbs-panel-ac { background: rgba(255,253,249,.94) !important; color: var(--k-ink) !important; }
/* Leaflet kontrolleri: zoom sağ altta (panelin solunda), katman/ölçüm sol altta */
.cbs-sahne .leaflet-top.leaflet-right { top: auto !important; bottom: 120px !important; right: calc(var(--cbs-panel) + 16px) !important; left: auto !important; flex-direction: column; }
.cbs-sahne.panel-kapali .leaflet-top.leaflet-right { right: 16px !important; }
@media (max-width: 899px) { .cbs-sahne .leaflet-top.leaflet-right { right: 12px !important; bottom: 88px !important; } }
.cbs-sahne .leaflet-top.leaflet-left { top: auto !important; bottom: 40px !important; }
.leaflet-bar { border-radius: 14px !important; overflow: hidden; border: 1px solid rgba(255,255,255,.6) !important; box-shadow: var(--k-golge) !important; background: rgba(255,253,249,.96); }
.leaflet-bar a { border-radius: 0 !important; width: 40px !important; height: 40px !important; line-height: 40px !important; font-size: 1.2rem !important; background: transparent !important; color: var(--k-ink) !important; }
.leaflet-control-layers { border-radius: 14px !important; box-shadow: var(--k-golge) !important; border: 1px solid rgba(255,255,255,.6) !important; }
.leaflet-popup-content-wrapper { border-radius: 18px !important; box-shadow: var(--k-golge-2) !important; }
.leaflet-popup-tip { border-radius: 0 !important; }
/* Alt "görünen yerler" şeridi paneli örtmesin */
@media (min-width: 900px) { .cbs-alt-yuzen { left: 16px !important; right: calc(var(--cbs-panel) + 16px) !important; }
  .cbs-sahne.panel-kapali .cbs-alt-yuzen { right: 16px !important; } }

/* ---------- PANEL ---------- */
.cbs-panel { background: var(--k-paper) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  border: 0 !important; box-shadow: -20px 0 60px -30px rgba(0,0,0,.5) !important; color: var(--k-ink); }
@media (min-width: 900px) {
  .cbs-panel { top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: var(--cbs-panel) !important; border-radius: 0 !important; }
  .cbs-sahne.panel-kapali .cbs-panel { transform: translateX(104%) !important; }
}
.cbs-p-ust { display: flex; align-items: center; gap: 10px; padding: 16px 18px 12px; }
.cbs-p-ad { flex: 1; text-align: center; font: 600 1.2rem var(--k-serif); letter-spacing: -.02em; }
.cbs-p-ikon { width: 38px; height: 38px; border-radius: 50%; border: 0; background: transparent; color: var(--k-ink); cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; transition: background .2s; }
.cbs-p-ikon:hover { background: var(--k-kum); }
.cbs-p-ikon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.cbs-p-dil > button { height: 34px; padding: 0 10px; font-size: .76rem; border-color: var(--k-rule); color: var(--k-ink); }
.cbs-p-dil .kh-dil-liste { inset-inline-end: auto; inset-inline-start: 0; }
/* Saatlik hava şeridi */
.cbs-hava-serit { display: flex; align-items: center; gap: 12px; padding: 6px 18px 10px; border-bottom: 1px solid var(--k-rule); }
.cbs-hava-serit[hidden] { display: none; }
.cbs-hs-simdi { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; }
.cbs-hs-simdi i { font-style: normal; font-size: 1.4rem; } .cbs-hs-simdi b { font: 600 1.2rem var(--k-serif); }
.cbs-hs-saatler { flex: 1; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; min-width: 0; }
.cbs-hs-saatler::-webkit-scrollbar { display: none; }
.cbs-hs-saatler span { display: flex; flex-direction: column; align-items: center; gap: 1px; min-width: 40px; }
.cbs-hs-saatler small { font: 600 .6rem var(--k-sans); color: var(--k-ink-3); letter-spacing: .02em; }
.cbs-hs-saatler i { font-style: normal; font-size: .95rem; } .cbs-hs-saatler b { font: 700 .74rem var(--k-sans); }
.cbs-hs-aqi { flex-shrink: 0; font: 700 .68rem var(--k-sans); padding: 5px 9px; border-radius: 8px; background: #d9e86b; color: #2b3a00; }
.cbs-hs-aqi[hidden] { display: none; }
.cbs-hs-aqi[data-seviye="iyi"] { background: #a7e3a1; color: #143d10; } .cbs-hs-aqi[data-seviye="hassas"] { background: #f5b971; color: #4a2a00; } .cbs-hs-aqi[data-seviye="kotu"] { background: #ef8a8a; color: #4a0d0d; }
/* Sekmeler */
.cbs-sekmeler { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--k-rule); }
.cbs-sekmeler button { border: 0; background: none; padding: 14px 10px; font: 700 .95rem var(--k-sans); color: var(--k-ink-3); cursor: pointer;
  border-bottom: 3px solid transparent; margin-bottom: -1px; transition: color .2s, border-color .2s; }
.cbs-sekmeler button.aktif { color: var(--k-cini-koyu); border-bottom-color: var(--k-cini); }
/* Seçim hapları: çok satırlı onay kutulu çipler (2 satır + "+N daha") */
.cbs-cipler { padding: 12px 18px 10px; flex-shrink: 0; border-bottom: 1px solid var(--k-rule); }
.cbs-cipler[hidden] { display: none; }
.cbs-cip-ic { display: flex; flex-wrap: wrap; gap: 8px; }
.cbs-cip-ic.kapali { max-height: 84px; overflow: hidden; }
.cbs-cip { display: inline-flex; align-items: center; gap: 8px; border: 1.5px solid color-mix(in srgb, var(--kat, var(--k-cini)) 35%, transparent);
  border-radius: 999px; padding: 7px 13px 7px 8px; font: 700 .8rem var(--k-sans); cursor: pointer; line-height: 1.2;
  background: color-mix(in srgb, var(--kat, var(--k-cini)) 8%, var(--k-paper)); color: var(--kat, var(--k-cini-koyu));
  transition: background .2s, color .2s, transform .15s, border-color .2s; }
.cbs-cip .kutu { width: 18px; height: 18px; border-radius: 50%; border: 2px solid currentColor; display: inline-flex; align-items: center;
  justify-content: center; flex-shrink: 0; transition: background .2s; }
.cbs-cip:hover { transform: translateY(-1px); border-color: var(--kat, var(--k-cini)); }
.cbs-cip.aktif { background: var(--kat, var(--k-cini)); color: #fff; border-color: var(--kat, var(--k-cini)); box-shadow: 0 8px 18px -10px var(--kat, var(--k-cini)); }
.cbs-cip.aktif .kutu { background: #fff; border-color: #fff; color: var(--kat, var(--k-cini)); }
.cbs-cip.aktif .kutu::after { content: '✓'; font-size: .7rem; font-weight: 900; }
.cbs-cip.kilitli .kutu::after { content: '🔒'; font-size: .6rem; }
.cbs-cip-ac { margin-top: 8px; border: 0; background: none; padding: 4px 2px; font: 700 .78rem var(--k-sans); color: var(--k-cini-koyu); cursor: pointer;
  display: inline-flex; align-items: center; gap: 4px; }
.cbs-cip-ac:hover { text-decoration: underline; } .cbs-cip-ac[hidden] { display: none; } .cbs-cip-ac b { font-size: 1rem; }
/* Gövde */
.cbs-panel-govde { flex: 1; overflow-y: auto; padding: 4px 18px 24px !important; scrollbar-width: thin; }
.cbs-hosgeldin { position: relative; background: var(--k-paper); border-radius: 18px; padding: 22px 44px 20px 22px; margin: 6px 0 14px; text-align: center;
  box-shadow: var(--k-golge); border: 1px solid var(--k-rule); }
.cbs-hosgeldin[hidden] { display: none; }
.cbs-hosgeldin b { display: block; font: 600 1.25rem/1.2 var(--k-serif); letter-spacing: -.02em; margin-bottom: 8px; }
.cbs-hosgeldin p { margin: 0; font-size: .86rem; color: var(--k-ink-2); line-height: 1.5; }
.cbs-hos-kapat { position: absolute; top: 10px; inset-inline-end: 10px; width: 30px; height: 30px; border: 0; border-radius: 50%; background: transparent; font-size: 1.2rem; cursor: pointer; color: var(--k-ink-3); }
.cbs-hos-kapat:hover { background: var(--k-kum); }
/* Akordeon gruplar */
.cbs-grup { border-top: 1px solid var(--k-rule); padding: 4px 0 8px; }
.cbs-grup summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 14px 2px 10px;
  font: 700 .9rem var(--k-sans); color: var(--k-ink); }
.cbs-grup summary::-webkit-details-marker { display: none; }
.cbs-grup summary em { font-style: normal; font: 700 .82rem var(--k-sans); color: var(--k-ink-3); display: inline-flex; align-items: center; gap: 8px; }
.cbs-grup summary em::after { content: '⌃'; font-size: 1rem; transition: transform .25s var(--k-ease); transform: translateY(3px); }
.cbs-grup:not([open]) summary em::after { transform: rotate(180deg) translateY(1px); }
.cbs-panel-liste { display: grid; gap: 8px; }
/* Renkli satırlar (NYC) — pasif açık ton, aktif tam renk */
.cbs-kat { display: flex !important; align-items: center; gap: 10px; width: 100%; min-height: 50px; padding: 0 14px 0 16px !important; border: 0 !important;
  border-radius: 10px !important; cursor: pointer; text-align: start; font: 700 .92rem var(--k-sans) !important;
  background: color-mix(in srgb, var(--kat, var(--k-cini)) 14%, var(--k-paper)) !important; color: var(--kat, var(--k-cini-koyu)) !important;
  transition: background .2s, color .2s, transform .15s, box-shadow .2s; position: relative; }
.cbs-kat:hover { background: color-mix(in srgb, var(--kat, var(--k-cini)) 26%, var(--k-paper)) !important; transform: translateX(2px); }
.cbs-kat .cbs-kutu { display: none !important; }
.cbs-kat i { font-style: normal; font-size: 1.05rem; width: 26px; text-align: center; flex-shrink: 0; }
.cbs-kat .cbs-kat-png { width: 22px; height: 22px; object-fit: contain; }
.cbs-kat span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: inherit; }
.cbs-kat em { font-style: normal; font: 700 .78rem var(--k-sans); color: inherit; opacity: .9; background: none !important; padding: 0 !important; }
.cbs-kat::after { content: '⌄'; font-size: 1.05rem; margin-inline-start: 8px; opacity: .7; transition: transform .25s var(--k-ease); }
.cbs-kat.aktif { background: var(--kat, var(--k-cini)) !important; color: #fff !important; box-shadow: 0 10px 22px -12px var(--kat, var(--k-cini)); }
.cbs-kat.aktif::after { content: '✓'; font-size: .95rem; opacity: 1; }
.cbs-kat.kilitli { opacity: .7; } .cbs-kat.kilitli::after { content: '🔒'; font-size: .85rem; }
.cbs-kat.yukleniyor { opacity: .55; pointer-events: none; }
.cbs-ozellik-filtre { display: flex; flex-wrap: wrap; gap: 8px; padding: 2px 0 6px; }
.cbs-ozellik-cip { border-radius: 999px !important; font-weight: 700 !important; border: 1.5px solid var(--k-rule) !important; background: var(--k-paper) !important; color: var(--k-ink) !important; }
.cbs-ozellik-cip.aktif, .cbs-ozellik-cip[aria-pressed="true"] { background: var(--k-cini) !important; color: #fff !important; border-color: var(--k-cini) !important; }
/* Soru Sor */
.cbs-sor { padding-top: 18px !important; }
.cbs-sor > p { color: var(--k-ink-2); line-height: 1.55; margin: 0 0 14px; }
.cbs-sor-ornek { display: grid; gap: 8px; margin-bottom: 16px; }
.cbs-sor-ornek button { text-align: start; border: 1px solid var(--k-rule); background: var(--k-kum); border-radius: 14px; padding: 12px 14px; font: 600 .88rem var(--k-sans); color: var(--k-ink); cursor: pointer; }
.cbs-sor-ornek button:hover { border-color: var(--k-cini); background: var(--k-cini-acik); }
/* Mobil: alttan çekmece */
@media (max-width: 899px) {
  .cbs-panel { border-radius: 24px 24px 0 0 !important; max-height: min(70dvh, 560px) !important; }
  .cbs-p-ust { padding-top: 8px; } .cbs-p-ad { font-size: 1.05rem; }
  .cbs-marka b { display: none; } .cbs-marka { padding: 0 6px; }
  .cbs-yuzen-ust { right: 12px !important; left: 12px !important; }
  .cbs-ara-kutu { min-width: 0 !important; flex: 1 1 160px !important; }
}
/* v3 ince ayar: başlangıç kartı harita alanının ortasında; araç çubuğu tek satır; site yüzen düğmeleri panelin solunda */
@media (min-width: 900px) {
  .cbs-baslangic { left: calc((100% - var(--cbs-panel)) / 2) !important; }
  .cbs-sahne.panel-kapali .cbs-baslangic { left: 50% !important; }
  .cbs-ara-kutu { flex: 0 1 380px !important; }
  body.cbs-tam .sb-buton, body.cbs-tam .tema-buton { right: calc(var(--cbs-panel) + 16px) !important; }
  body.cbs-tam .sb-pencere { right: calc(var(--cbs-panel) + 16px) !important; }
}
.cbs-baslangic { border-radius: 22px !important; box-shadow: var(--k-golge-2) !important; }
@media (min-width: 900px) { .cbs-sahne .leaflet-top.leaflet-right { bottom: 190px !important; } .cbs-ara-kutu { flex: 0 1 300px !important; } }