/* ==========================================================================
   Kuzey Temizlik — iç sayfalar (hizmet, bölge, rehber, önce–sonra, kurumsal, yasal, keşif, iletişim).
   Tasarımda iç sayfa yok: yalnız tasarım dilindeki bileşenler (koordinat etiketi, iz, kart, çip, SSS) kullanılır.
   ========================================================================== */

/* ---------- Breadcrumb ---------- */
.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--muted)}
.breadcrumb li{display:flex;align-items:center;gap:10px}
.breadcrumb li+li::before{content:'/';color:var(--mutedD)}
.breadcrumb a{text-decoration:none;color:var(--muted)}
.breadcrumb a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
.breadcrumb [aria-current]{color:var(--ink);font-weight:600}

/* ---------- Sayfa başı ---------- */
.sbas{position:relative;isolation:isolate;overflow:hidden;padding:20px 0 40px;margin-bottom:clamp(8px, 2vw, 24px);
  background:var(--ink);color:var(--bg)}
/* Banner bandı (tasarımın koyu bölüm dili): sağda hafif buz mavisi ışıma + çok silik ızgara + altta ince iz çizgisi. Süs çizimi YOK (kullanıcı kararı). */
.sbas::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 90% at 88% 10%,var(--glowSunSoft),transparent 70%),
    linear-gradient(var(--lineD) 1px,transparent 1px) -1px -1px/56px 56px,linear-gradient(90deg,var(--lineD) 1px,transparent 1px) -1px -1px/56px 56px;
  opacity:.6;-webkit-mask-image:linear-gradient(100deg,transparent 35%,#000 90%);mask-image:linear-gradient(100deg,transparent 35%,#000 90%)}
.sbas__ic{position:relative}
.sbas{border-bottom:2px solid;border-image:linear-gradient(90deg,var(--accent) 0 68%,var(--sun) 68% 100%) 1}
/* Koyu zeminde bileşen renkleri */
.sbas .breadcrumb ol,.sbas .breadcrumb a{color:var(--mutedD)}
.sbas .breadcrumb li+li::before{color:rgba(157,176,196,.5)}
.sbas .breadcrumb a:hover,.sbas .breadcrumb [aria-current]{color:var(--bg)}
.sbas .etiket{color:var(--mutedD)}
.sbas .etiket .ikon{color:var(--accent)}
.sbas .lead,.sbas .sbas__giris{color:var(--bodyD)}
.sbas .sbas__tarih,.sbas .yazi-kunye,.sbas .soluk{color:var(--mutedD)}
.sbas .sbas__faydalar .ikon{color:var(--accent)}
.sbas .btn-s{border-color:rgba(245,248,251,.5);color:var(--bg)}
.sbas .btn-s:hover{background:var(--bg);color:var(--ink);border-color:var(--bg)}
.sbas .hap,.sbas .harf-nav a{border-color:var(--lineD);color:var(--bg)}
.sbas .hap:hover,.sbas .harf-nav a:hover{border-color:var(--accent)}
.sbas .hap[aria-pressed=true],.sbas .hap[aria-current],.sbas .hap.secili{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.sbas .hap[aria-current] .soluk,.sbas .hap.secili .soluk{color:var(--muted)}
.sbas .fld{background:var(--bg);color:var(--ink)}
.sbas__gorsel{box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.sbas__ic{display:flex;flex-direction:column;gap:28px}
.sbas__metin{display:flex;flex-direction:column;gap:18px;max-width:820px}
.sbas__baslik{margin-top:2px}
.sbas .sbas__baslik{font-size:clamp(28px, calc(1.2vw + 22px), 42px);line-height:1.12;letter-spacing:-.025em;font-weight:600}
.sbas .lead.sbas__giris{font-size:clamp(15px, calc(.1vw + 14.6px), 16px);line-height:1.6}
.sbas__giris{max-width:720px}
.sbas__tarih{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.sbas__gorsel{margin:0;border-radius:24px;overflow:hidden;background:var(--soft)}
.sbas__gorsel img,.sbas__gorsel picture{width:100%;height:280px;object-fit:cover}
.sbas__faydalar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:500}
.sbas__faydalar li{display:flex;align-items:center;gap:8px}
.sbas__eylem{display:flex;flex-direction:column;gap:10px}
@media (min-width:40em){ .sbas__eylem{flex-direction:row;flex-wrap:wrap;gap:12px} }
@media (min-width:64em){
  .sbas{padding:32px 0 56px}
  .sbas--gorselli .sbas__ic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
  .sbas--gorselli .sbas__metin{grid-column:1/span 6;padding-right:32px}
  .sbas--gorselli .sbas__gorsel{grid-column:7/span 6;border-radius:28px}
  .sbas__gorsel img,.sbas__gorsel picture{height:420px}
  .sbas__faydalar{flex-direction:row;flex-wrap:wrap;gap:8px 20px;font-size:14px}
}

/* ---------- İçerik + yan sütun ---------- */
.icerik-izgara{display:flex;flex-direction:column;gap:40px}
.yan{display:flex;flex-direction:column;gap:18px}
@media (min-width:64em){
  .icerik-izgara{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
  .icerik-izgara>.yazi,.icerik-izgara>.icerik-ana{grid-column:1/span 8}
  .icerik-izgara>.yan{grid-column:9/span 4;position:sticky;top:calc(var(--ust-h) + 24px)}
}
.yan-kart{border-radius:24px;background:var(--soft);padding:24px;display:flex;flex-direction:column;gap:14px}
.yan-kart--koyu{background:var(--ink);color:var(--bg)}
.yan-kart--koyu .etiket{color:var(--mutedD)}
.yan-kart__baslik{font-weight:600;font-size:20px;line-height:1.2;letter-spacing:-.02em}
.yan-kart .btn{width:100%}
.yan-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.yan-liste a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500;font-size:15px}
.yan-liste a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}
.yan-kart--koyu .yan-liste a{border-color:var(--lineD)}

/* ---------- Uzun metin (panel içeriği) ---------- */
.yazi{font-size:17px;line-height:1.7;color:var(--body);min-width:0}
.yazi>*+*{margin-top:1.1em}
.yazi h2{font-weight:600;font-size:clamp(26px, calc(.9524vw + 22.29px), 36px);line-height:1.12;letter-spacing:-.03em;color:var(--ink);margin-top:1.9em;scroll-margin-top:calc(var(--ust-h) + 24px)}
.yazi h3{font-weight:600;font-size:clamp(19px, calc(.381vw + 17.51px), 23px);line-height:1.25;letter-spacing:-.015em;color:var(--ink);margin-top:1.5em}
.yazi h2+p,.yazi h3+p{margin-top:.6em}
.yazi p{margin:0}
.yazi a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
.yazi a:hover{text-decoration-color:var(--sun)}
.yazi strong{color:var(--ink);font-weight:600}
.yazi ul,.yazi ol{margin:1em 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:.55em}
.yazi ul li{position:relative;padding-left:22px}
.yazi ul li::before{content:'';position:absolute;left:4px;top:.68em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.yazi ol{counter-reset:s}
.yazi ol li{position:relative;padding-left:40px;counter-increment:s}
.yazi ol li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:.15em;font-family:var(--mono);font-size:13px;font-weight:500;color:var(--muted)}
.yazi blockquote{margin:1.4em 0 0;padding:20px 24px;border-radius:20px;background:var(--soft);color:var(--ink);font-size:18px}
.yazi img{border-radius:20px}
.yazi hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.yazi .not,.yazi .kutu{padding:18px 20px;border-radius:18px;background:var(--soft);font-size:16px}
.yazi .kutu--koyu{background:var(--ink);color:var(--bodyD)}
.yazi .kutu--koyu strong{color:var(--bg)}
.yazi .cevap{font-size:19px;line-height:1.6;color:var(--ink);font-weight:500}
@media (max-width:63.99em){ .yazi{font-size:16px} }
.tablo-kaydir{overflow-x:auto;margin:1.3em 0;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.yazi table,.tablo{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;min-width:520px}
.yazi th,.yazi td,.tablo th,.tablo td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.yazi thead th,.tablo thead th{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--soft)}
.yazi tbody tr:last-child>*,.tablo tbody tr:last-child>*{border-bottom:0}
.yazi tbody th,.tablo tbody th{font-weight:600;color:var(--ink)}

/* ---------- İçindekiler ---------- */
.icindekiler{border-radius:20px;border:1px solid var(--line);padding:20px 22px}
.icindekiler summary{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.icindekiler summary::-webkit-details-marker{display:none}
.icindekiler ol{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:i}
.icindekiler li{counter-increment:i;display:flex;gap:10px;font-size:15px}
.icindekiler li::before{content:counter(i,decimal-leading-zero);font-family:var(--mono);font-size:12px;color:var(--muted);padding-top:3px}
.icindekiler a{text-decoration:none;font-weight:500}
.icindekiler a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}

/* ---------- Kontrol listesi (dahil / hariç) ---------- */
.kontrol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media (min-width:40em){ .kontrol--iki{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px} }
.kontrol li{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;background:var(--soft);font-weight:500;font-size:15px;line-height:1.45}
.kontrol li .ikon{flex-shrink:0;margin-top:1px}
.kontrol--tik li .ikon{color:var(--ink);background:var(--accent);border-radius:50%;padding:3px;width:22px;height:22px}
.kontrol--haric li{background:transparent;border:1px solid var(--line);color:var(--body)}
.kontrol--haric li .ikon{color:var(--muted)}

/* ---------- Bilgi kutucukları (rakam / künye) ---------- */
.kunye{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kunye__oge{border-radius:20px;border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:6px}
.kunye__deger{font-weight:600;font-size:20px;letter-spacing:-.02em;color:var(--ink)}
.kunye__ad{font-size:13px;color:var(--muted)}
@media (min-width:64em){ .kunye{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} .kunye__oge{padding:22px} .kunye__deger{font-size:24px} }

/* ---------- Sayfalama ---------- */
.sayfalama{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:40px}
.sayfalama a,.sayfalama span{min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;font-size:15px}
.sayfalama a:hover{border-color:var(--ink)}
.sayfalama [aria-current]{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* ---------- Hap filtre satırı (rehber kategorileri vb.) ---------- */
.filtre{display:flex;gap:8px;overflow-x:auto;margin:0 calc(-1*var(--kenar));padding:0 var(--kenar) 4px;scrollbar-width:none}
.filtre::-webkit-scrollbar{display:none}
@media (min-width:64em){ .filtre{flex-wrap:wrap;overflow:visible;margin:0;padding:0} }

/* ---------- Grup başlığı (hizmetler hub) ---------- */
.grup{display:flex;flex-direction:column;gap:24px;scroll-margin-top:calc(var(--ust-h) + 24px)}
.grup__bas{display:flex;flex-direction:column;gap:8px;max-width:720px}
.grup__baslik{font-weight:600;font-size:clamp(26px, calc(.9524vw + 22.29px), 36px);line-height:1.12;letter-spacing:-.03em;display:flex;align-items:center;gap:12px}
.grup__baslik .ikon{width:28px;height:28px}

/* ---------- Yasal metin ---------- */
.yasal .yazi{max-width:780px}
.yasal .yazi h2{font-size:clamp(22px, calc(.5714vw + 19.77px), 28px)}

/* ---------- Yardımcılar ---------- */
.bolum--az{padding-top:32px}
@media (min-width:64em){ .bolum--az{padding-top:48px} }
.tablo-not{font-size:14px;line-height:1.6;max-width:820px}
.yazi--dar{max-width:820px}
@media (min-width:64em){ .adimlar--bes{grid-template-columns:repeat(5,minmax(0,1fr))} }
.kapsam__alt{margin-top:8px}
.bolgeler__sol{display:flex;flex-direction:column}
@media (min-width:64em){ .bolgeler__sol{grid-column:1/span 6;align-self:center;padding-right:32px} .bolgeler__sol+.bolgeler__sag{grid-column:8/span 5} }
.kunye--faktor{list-style:none;margin:0;padding:0}
.kunye--faktor .kunye__deger{font-size:17px}
.kunye--faktor .kunye__ad{font-size:14px;line-height:1.5;color:var(--body)}
/* ---------- Bölgeler ---------- */
.ilce-kartlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ilce-kart{height:100%;border-radius:20px;background:var(--soft);padding:18px;display:flex;flex-direction:column;gap:8px}
.ilce-kart__ad{display:flex;align-items:center;gap:8px;font-weight:600;font-size:18px;letter-spacing:-.01em}
.ilce-kart .govde{font-size:14px;line-height:1.45}
@media (min-width:64em){ .ilce-kartlar{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} .ilce-kart{padding:24px;border-radius:24px} .ilce-kart__ad{font-size:20px} }
.mahalle-liste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mahalle-liste li{font-size:13px;padding:6px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line)}
.yan .arayalim-kart{grid-column:auto}
/* ---------- Önce–sonra kartları ---------- */
.is-izgara{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:40em){ .is-izgara{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:64em){ .is-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} }
.onsa-kart{height:100%;display:flex;flex-direction:column;border-radius:24px;background:var(--soft)}
.onsa-kart__gorsel{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:240px;border-radius:24px 24px 0 0;overflow:hidden;background:#CFC7BA}
.onsa-kart__gorsel picture,.onsa-kart__gorsel img{width:100%;height:100%;object-fit:cover}
.onsa-kart__gorsel .rozet{position:absolute;top:12px;background:var(--bg)}
.onsa-kart__once{left:12px}
.onsa-kart__sonra{right:12px;background:var(--accent)!important}
.onsa-kart__govde{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.kunye__deger--k{font-size:17px}
.kunye__deger a{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
/* ---------- Rehber yazısı ---------- */
.yazi-kunye{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--muted)}
.yazi-kunye span{display:inline-flex;align-items:center;gap:6px}
.yazi-gorsel{margin:0;border-radius:24px;overflow:hidden}
.yazi-gorsel img,.yazi-gorsel picture{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.yazi-imza{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;border-radius:18px;border:1px solid var(--line);font-size:14px;line-height:1.55;color:var(--body)}
.yazi-imza svg{flex-shrink:0;margin-top:2px}
.sayfa-gorsel{margin:0;border-radius:24px;overflow:hidden;max-width:846px}
.sayfa-gorsel img,.sayfa-gorsel picture{width:100%;height:auto}
.sss-grup__baslik{font-size:clamp(24px, calc(.7619vw + 21.03px), 32px);letter-spacing:-.025em}
@media (min-width:64em){ .ykart-izgara--sabit{grid-template-columns:repeat(3,minmax(0,1fr))} }
.ykart-izgara--sabit{display:grid;grid-template-columns:1fr;gap:16px;overflow:visible;margin:0;padding:0}
.ykart-izgara--sabit>.ykart{flex:none}
@media (min-width:40em) and (max-width:63.99em){ .ykart-izgara--sabit{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* yorum daveti (ana sayfa dışı) */
.yorum-davet{border-radius:24px;background:var(--soft);padding:28px 24px;display:flex;flex-direction:column;gap:16px}
.yorum-davet__metin{display:flex;flex-direction:column;gap:8px;max-width:640px}
.yorum-davet .btn{align-self:flex-start}
@media (min-width:64em){ .yorum-davet{padding:36px 40px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px} }
.site-haritasi{display:grid;gap:32px}
@media (min-width:40em){ .site-haritasi{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px} }
@media (min-width:64em){ .site-haritasi{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:48px} }
.site-haritasi__grup{display:flex;flex-direction:column;gap:12px}
.site-haritasi__baslik{padding-bottom:10px;border-bottom:1px solid var(--line)}
.sayfa-nasil-calisiyoruz .guven{padding-top:var(--bolum)}
/* ---------- Sözlük ---------- */
.harf-nav{display:flex;flex-wrap:wrap;gap:6px}
.harf-nav a{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:600;text-decoration:none}
.harf-nav a:hover{border-color:var(--ink)}
.sozluk__grup{display:grid;gap:12px;scroll-margin-top:calc(var(--ust-h) + 24px)}
.sozluk__harf{font-weight:600;font-size:40px;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.sozluk__liste{margin:0;display:grid;gap:12px}
.sozluk__oge{border-radius:18px;background:var(--soft);padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.sozluk__oge dt a{font-weight:600;font-size:18px;text-decoration:none}
.sozluk__oge dt a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
.sozluk__oge dd{margin:0;font-size:15px;line-height:1.55;color:var(--body)}
@media (min-width:64em){ .sozluk__grup{grid-template-columns:120px 1fr;gap:24px} .sozluk__liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} }
.terim-komsu{display:flex;flex-direction:column;gap:12px}
/* ---------- Kurumsal çözümler ---------- */
.segment-izgara{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media (min-width:40em){ .segment-izgara{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:64em){ .segment-izgara{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} }
.segment-kart{height:100%;border-radius:24px;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:12px}
.segment-kart__linkler{list-style:none;margin:auto 0 0;padding:8px 0 0;display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.segment-kart__linkler a{text-decoration:none}
.segment-kart__linkler a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
/* ---------- Arama ---------- */
.arama-form{display:flex;gap:8px;max-width:640px}
.arama-form .fld{flex:1;min-width:0}
.arama-sonuclari{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.arama-sonuc{border-radius:20px;background:var(--soft);padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.arama-sonuc mark,.arama mark{background:var(--accent);color:var(--ink);border-radius:4px;padding:0 2px}
/* Hizmet × ilçe: ilgili sayfalar */
.ilgili-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}
.yerel-baglanti{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.yerel-baglanti__et{font-size:14px;font-weight:600;color:var(--ink)}
.yerel-baglanti__liste{display:flex;flex-wrap:wrap;gap:8px}
.yerel-baglanti .hap{background:var(--white)}