/* ==========================================================================
   Sfacon — stil dosyası (TASARIM-SISTEMI.md, "Açık panel", v2 10 Eki 2026)

   Kimlik: BEYAZ zeminli gösterge paneli. Saf beyaz sayfa (#FFFFFF), üstünde
   açık gri paneller (#F6F6F7, 12 px köşe, 1 px kıl kenar), gece siyahı yazı
   (#0B0B0C); sinyal kızılı (#D4183A, beyaz yazıyla 5,26:1) YALNIZ gösterge
   çizgisi, odak, birincil hap düğme ve logo halkasında. Koyu "gece" yüzeyi
   artık zemin değil, iki bilinçli vurgu: kapanış çağrısı ve servis ağı
   panosu (.sc-gece kapsamı belirteçleri yerelde koyuya çevirir).
   Sora (başlık, sayı) + DM Sans (gövde). Kart köşesi 12 px, düğme hap.
   Sınıf öneki: sc-   Belirteç öneki: --sc-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).
   10 Eki 2026: "gece paneli" (koyu zemin #0B0B0C) kullanıcı kararıyla
   bırakıldı; iskelet servisfer'e yaklaştırıldı (tek satır tavan, çapa
   rayı + sıralı bölümler, servisfer sütunlu altbilgi), görünüm Sfacon'un.

   §03–§19 çerçeve ve ortak bileşenler (TASARIM-SISTEMI §10 bileşen
   listesi); §20 cihaz/bölge ve §21 marka/kod aileleri bu bileşenlerin
   üstüne kuruludur.
     §00 yazı dosyaları            §10 fiş (rozet)
     §01 belirteçler               §11 kod panosu
     §02 taban                     §12 sekme rayı
     §03 kabuk, yerleşim, katman   §13 sorular
     §04 yazı rolleri              §14 form, bildirim kutusu
     §05 tavan, ray, arama, menü   §15 özet paneli
     §06 tuş, git                  §16 mobil ada
     §07 pano                      §17 altbilgi, çerez, çağrılar
     §08 ışık kutusu, cihaz kartı  §18 başlık paneli, patika, sayfa ekleri
     §09 kalemler                  §19 yardımcılar, yazdırma
     §20 cihaz ve bölge · §21 marka ve hata kodu · §40–§41 il haritası
     (servis ağı)
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; Google Fonts'tan indirildi,
       değişken, latin + latin-ext alt kümesi: İ Ş Ğ ı ç ö ü dahil) ---------- */
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/sora-latin-ext.b2ac789bfd3a.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/sora-latin.26b4b6557e9d.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/dm-sans-latin-ext.63513ba49cca.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/dm-sans-latin.aef1c6b4d4a3.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- 01 Belirteçler ------------------------------------------------------ */
:root {
  color-scheme: light;

  /* renk: açık panel (TASARIM-SISTEMI §02 — kontrastlar orada hesaplı;
     oranlar WCAG 2.1 göreli parlaklık formülüyle) */
  --sc-zemin: #ffffff;        /* sayfa zemini, saf beyaz */
  --sc-panel: #f6f6f7;        /* panel, kart, başlık paneli (1 kat) */
  --sc-panel-2: #ffffff;      /* panelin içindeki kart, yapışkan özet, girdi */
  --sc-panel-3: #ededf0;      /* üzerine gelme / basılı yüzey */
  --sc-kil: #e4e4e7;          /* 1 px kıl çizgi: panel kenarı, satır ayırıcı (süs) */
  --sc-cizgi: #d4d4d8;        /* bölüm ayırıcı, ikincil düğme kenarı (süs) */
  --sc-cizgi-sert: #8a8a93;   /* girdi kenarı — zeminde 3,42, panelde 3,17 (≥3:1, WCAG 1.4.11) */
  --sc-yazi: #0b0b0c;         /* başlık, birincil yazı, logo harfleri (zeminde 19,67) */
  --sc-metin: #2d2d33;        /* gövde metni (zeminde 13,68, panelde 12,67) */
  --sc-gri: #56565e;          /* ikincil metin (zeminde 7,27, panelde 6,73) */
  --sc-gri-2: #6b6b74;        /* yer tutucu, dip satır (zeminde 5,28, panelde 4,88, panel-3'te 4,52) */
  --sc-kirmizi: #d4183a;      /* sinyal kızılı: gösterge, odak, birincil düğme (beyaz yazıyla 5,26; panelde 4,87) */
  --sc-kirmizi-bas: #b0122f;  /* düğme üzerine gelme (beyaz yazıyla 7,06) */
  --sc-kirmizi-ust: #ffffff;  /* kırmızı düğme üstündeki yazı (5,26) */
  --sc-yesil: #0e7a4a;        /* başarı, "kendiniz bakın" (zeminde 5,38, panelde 4,98) */

  /* gece: iki bilinçli koyu vurgu (kapanış çağrısı, servis ağı panosu) */
  --sc-gece: #0b0b0c;
  --sc-gece-panel: #141417;

  /* ışık: açık zeminde parlama yerine tek kıl gölge; hale yalnız gösterge/odakta */
  --sc-parlama: 0 1px 0 rgba(11, 11, 12, 0.04);
  --sc-hale: 0 0 6px rgba(212, 24, 58, 0.28);
  --sc-derinlik: 0 18px 40px -22px rgba(11, 11, 12, 0.28);

  /* yazı aileleri */
  --sc-f-baslik: "Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --sc-f-govde: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --sc-f-sayi: "Sora", ui-sans-serif, system-ui, sans-serif;
  --sc-f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan). Sora geniş açılır: ölçek Dotams'tan küçük. */
  --sc-y-dev: clamp(3rem, 2rem + 4.5vw, 5.5rem);
  --sc-y-manset: clamp(2.25rem, 1.6rem + 3vw, 4rem);
  --sc-y-1: clamp(1.875rem, 1.45rem + 1.8vw, 2.875rem);
  --sc-y-2: clamp(1.375rem, 1.2rem + 0.9vw, 2rem);
  --sc-y-3: clamp(1.125rem, 1.07rem + 0.25vw, 1.25rem);
  --sc-y-giris: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --sc-y-govde: 1.0625rem;   /* 17 px DM Sans */
  --sc-y-kucuk: 0.9375rem;
  --sc-y-etiket: 0.8125rem;  /* panel etiketi, sekme sayacı */

  /* yerleşim */
  --sc-sutun: 12;
  --sc-oluk: 16px;
  --sc-kap: 1280px;
  --sc-okuma: 720px;
  --sc-yan: 360px;           /* yapışkan yan özet paneli (≥1080 px) */

  /* boşluk (8 tabanlı, 4 yarım adım) */
  --sc-a1: 4px;
  --sc-a2: 8px;
  --sc-a3: 12px;
  --sc-a4: 16px;
  --sc-a5: 24px;
  --sc-a6: 32px;
  --sc-a7: 48px;
  --sc-a8: 64px;
  --sc-a9: 96px;
  --sc-kenar: 16px;
  --sc-bolum: 48px;

  /* biçim: 12 px kart, hap düğme, 10 px girdi; çizgi 1 px */
  --sc-k0: 0;
  --sc-k-kucuk: 8px;         /* rozet, küçük karo */
  --sc-k2: 10px;             /* girdi (eski ad; harita testi bu adı okur) */
  --sc-k-girdi: 10px;
  --sc-k-kart: 12px;         /* panel, kart, yapışkan özet */
  --sc-k-hap: 999px;         /* düğme, sekme, arama kutusu */
  --sc-kil-kalinlik: 1px;
  --sc-vurgu-kalinlik: 2px;  /* kırmızı gösterge çizgisi: etkin sekme, seçili satır */
  --sc-ust-boy: 64px;
  --sc-hat-boy: 64px;

  /* hareket */
  --sc-sure: 160ms;
  --sc-egri: cubic-bezier(0.2, 0, 0, 1);

  /* ikon maskeleri (renk currentColor ile verilir; yuvarlak uç, yuvarlak birleşim) */
  --sc-m-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
  --sc-m-sag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
  --sc-m-asagi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --sc-m-onay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  --sc-m-ara: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='7'/%3E%3Cpath d='m21 21-5.5-5.5'/%3E%3C/svg%3E");
  --sc-m-tel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
  --sc-m-bilgi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
}
@media (min-width: 720px) {
  :root { --sc-kenar: 24px; --sc-oluk: 20px; --sc-bolum: 64px; }
}
@media (min-width: 1080px) {
  :root { --sc-kenar: 40px; --sc-oluk: 24px; --sc-ust-boy: 72px; --sc-bolum: 88px; }
}
/* Kâğıda basım: saf siyah-beyaz (mürekkep tasarrufu, okunurluk). */
@media print {
  :root {
    color-scheme: light;
    --sc-zemin: #ffffff; --sc-panel: #ffffff; --sc-panel-2: #ffffff; --sc-panel-3: #ffffff;
    --sc-kil: #cccccc; --sc-cizgi: #999999; --sc-cizgi-sert: #555555;
    --sc-yazi: #000000; --sc-metin: #111111; --sc-gri: #444444; --sc-gri-2: #555555;
    --sc-kirmizi: #c40000; --sc-kirmizi-bas: #c40000; --sc-kirmizi-ust: #ffffff;
    --sc-parlama: none; --sc-hale: none; --sc-derinlik: none;
  }
}

/* Gece kapsamı: koyu vurgu yüzeyi. Belirteçler yerelde koyuya döner, içteki
   bileşenler (tuş, pano, kalem, harita) kendiliğinden uyar. Kontrast:
   yazı 18,06 · metin 13,85 · gri 7,68 (gece üstünde); kırmızı burada YAZI
   olmaz (3,74), yalnız gösterge çizgisi ve düğme zemini (beyaz yazı 5,26). */
.sc-gece {
  color-scheme: dark;
  --sc-zemin: #0b0b0c; --sc-panel: #141417; --sc-panel-2: #1c1c20; --sc-panel-3: #25252a;
  --sc-kil: #2a2a2f; --sc-cizgi: #3a3a41; --sc-cizgi-sert: #6e6e77;
  --sc-yazi: #f5f5f6; --sc-metin: #d8d8dd; --sc-gri: #a1a1aa; --sc-gri-2: #8b8b94;
  --sc-yesil: #3dd68c;
  --sc-parlama: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --sc-derinlik: 0 18px 40px -16px rgba(0, 0, 0, 0.75);
  color: var(--sc-metin);
}

/* --- 02 Taban, yazı tabanı ---------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: calc(var(--sc-ust-boy) + 64px);
}
@media (min-width: 1080px) { html { scroll-padding-top: calc(var(--sc-ust-boy) + var(--sc-a4)); } }
body {
  margin: 0;
  background: var(--sc-zemin);
  color: var(--sc-metin);
  font-family: var(--sc-f-govde);
  font-size: var(--sc-y-govde);
  line-height: 1.6;
  font-weight: 400;
  font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
img, svg, video { display: block; max-width: 100%; height: auto; }
[hidden] { display: none !important; }
h1, h2, h3, h4 {
  margin: 0;
  color: var(--sc-yazi);
  font-family: var(--sc-f-baslik);
  font-weight: 600;
  letter-spacing: -0.02em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--sc-y-1); line-height: 1.12; letter-spacing: -0.03em; }
h2 { font-size: var(--sc-y-2); line-height: 1.18; letter-spacing: -0.022em; }
h3 { font-size: var(--sc-y-3); line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; }
h4 { font-size: 1rem; font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--sc-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı: yazı rengi + 1 px gri alt çizgi; üzerine gelince çizgi kırmızı olur. */
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--sc-cizgi-sert); text-decoration-thickness: 1px; text-underline-offset: 0.24em; }
a:hover { color: inherit; text-decoration-color: var(--sc-kirmizi); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--sc-yazi); }
code, kbd, samp { font-family: var(--sc-f-mono); font-size: 0.92em; font-weight: 500; }
hr { border: 0; border-top: 1px solid var(--sc-cizgi); margin: var(--sc-a6) 0; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--sc-kirmizi); color: var(--sc-kirmizi-ust); }
/* Odak: 2 px kırmızı halka + kısa hale; öğenin kendi köşesini izler. */
:focus-visible { outline: 2px solid var(--sc-kirmizi); outline-offset: 2px; box-shadow: var(--sc-hale); }
.sc-okuyucu {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.sc-gec {
  position: absolute; left: var(--sc-a4); top: -100px; z-index: 100;
  background: var(--sc-panel); color: var(--sc-yazi); padding: var(--sc-a2) var(--sc-a4);
  border-radius: var(--sc-k-hap); font-weight: 600; text-decoration: none;
}
.sc-gec:focus { top: var(--sc-a2); }

/* ==========================================================================
   FAZ 3 BİLEŞENLERİ — §03–§19 (TASARIM-SISTEMI §06 ve §10 bileşen listesi)
   Stil rehberinde (araclar/onizleme/stil-rehberi.html) onaylanan biçim.
   Bölüm SIRASI servisfer şablonlarından, görünüm "gece paneli": bulanık
   gece tavanı + hap bölüm rayı, başlık paneli, panolar, yapışkan özet, ada,
   panel altbilgi. Numaralı bölüm, hücre ızgarası, tam genişlik bant YOK.
   ========================================================================== */

/* --- §03 Kabuk, yerleşim, katman ---------------------------------------- */
.sc-kabuk { max-width: var(--sc-kap); margin-inline: auto; padding-inline: var(--sc-kenar); }
.sc-icerik { display: block; min-height: 50vh; }
/* İki sütun: ana │ yapışkan yan (≥1080 px). Yan, üst çubuğun hemen altında durur. */
.sc-yerlesim { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sc-a5); align-items: start; }
.sc-yerlesim > * { min-width: 0; }
@media (min-width: 1080px) {
  .sc-yerlesim { grid-template-columns: minmax(0, 1fr) var(--sc-yan); gap: var(--sc-a6); }
  .sc-yerlesim-yan { position: sticky; top: calc(var(--sc-ust-boy) + var(--sc-a4)); }
}
/* Katman: sayfanın bir bölümü (başlık satırı + panolar). Aralık --sc-bolum'un yarısı:
   panolar zaten kendi yüzeyiyle ayrışır, büyük boşluk gerekmez. */
.sc-katman { margin-top: calc(var(--sc-bolum) * 0.6); }
.sc-katman-bas { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 4px var(--sc-a4); margin-bottom: var(--sc-a4); }
.sc-katman-bas h2 { margin: 0; }
.sc-katman-bas p { margin: 6px 0 0; color: var(--sc-gri); font-size: var(--sc-y-kucuk); }
.sc-akis { display: grid; gap: var(--sc-a4); }
.sc-akis > * { min-width: 0; }

/* --- §04 Yazı rolleri --------------------------------------------------- */
.sc-ust-etiket { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 var(--sc-a3); font-family: var(--sc-f-govde); font-size: var(--sc-y-etiket); font-weight: 500; line-height: 1.2; letter-spacing: 0.01em; color: var(--sc-gri); }
.sc-ust-etiket::before, .sc-gosterge::before { content: ""; flex: none; width: 14px; height: 2px; border-radius: 2px; background: var(--sc-kirmizi); box-shadow: var(--sc-hale); }
.sc-gosterge { display: inline-flex; align-items: center; gap: 10px; }
.sc-ana-baslik { font-family: var(--sc-f-baslik); font-size: var(--sc-y-manset); font-weight: 600; line-height: 1.06; letter-spacing: -0.035em; color: var(--sc-yazi); margin: 0; text-wrap: balance; overflow-wrap: anywhere; }
.sc-onyazi { font-size: var(--sc-y-giris); line-height: 1.55; color: var(--sc-gri); max-width: 60ch; margin: 0; }
.sc-olcu { font-family: var(--sc-f-sayi); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -0.03em; line-height: 1; color: var(--sc-yazi); }
.sc-duz-metin { max-width: 68ch; }
.sc-duz-metin > :last-child { margin-bottom: 0; }
.sc-duz-metin h3 { margin: var(--sc-a5) 0 8px; }
.sc-duz-metin ul, .sc-duz-metin ol { padding-left: 1.25rem; margin: 0 0 var(--sc-a4); }
.sc-duz-metin li { margin-bottom: 6px; }
.sc-duz-metin li::marker { color: var(--sc-gri); }

/* --- §05 Tavan (başlık), bölüm rayı, arama, öneriler, yan panel --------- */
/* Tek satır (servisfer iskeleti): logo · bölüm bağlantıları · eylemler.
   <1080 px bağlantılar ikinci satıra iner (yatay kayar). Arama kutusu
   satırda değil: büyüteç tavanın altındaki arama satırını açar. */
.sc-tavan { position: sticky; top: 0; z-index: 40; background: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: saturate(140%) blur(12px); backdrop-filter: saturate(140%) blur(12px); border-bottom: 1px solid var(--sc-kil); }
.sc-tavan-ic { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--sc-a3); min-height: var(--sc-ust-boy); }
.sc-tavan-logo { flex: none; display: flex; align-items: center; min-height: var(--sc-ust-boy); line-height: 0; }
.sc-tavan-logo img { height: 28px; width: auto; }
.sc-tavan-eylem { display: flex; align-items: center; gap: var(--sc-a2); margin-left: auto; }
.sc-tavan-eylem .sc-tavan-tel { display: none; }
.sc-tavan-menu svg { width: 18px; height: 18px; }
@media (max-width: 359px) { .sc-tavan-logo img { height: 24px; } .sc-tavan-eylem { gap: 4px; } .sc-tavan-menu svg { display: none; } }
/* Bölüm bağlantıları: hap; etkin bölümde solda 12×2 kızıl gösterge. */
.sc-ray-ust { order: 10; flex: 0 0 calc(100% + var(--sc-kenar) * 2); display: flex; gap: var(--sc-a1); overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--sc-kenar) * -1); padding: 6px var(--sc-kenar); border-top: 1px solid var(--sc-kil); }
.sc-ray-ust::-webkit-scrollbar { display: none; }
.sc-ray-ust a { flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px; border-radius: var(--sc-k-hap); color: var(--sc-metin); font-size: 15px; font-weight: 500; text-decoration: none; transition: background-color var(--sc-sure) var(--sc-egri), color var(--sc-sure) var(--sc-egri); }
.sc-ray-ust a:hover { color: var(--sc-yazi); background: var(--sc-panel); }
.sc-ray-ust a[aria-current] { color: var(--sc-yazi); background: var(--sc-panel); box-shadow: inset 0 0 0 1px var(--sc-kil); }
.sc-ray-ust a[aria-current]::before { content: ""; width: 12px; height: 2px; border-radius: 2px; background: var(--sc-kirmizi); }
@media (min-width: 1080px) {
  .sc-tavan-ic { flex-wrap: nowrap; column-gap: var(--sc-a5); }
  .sc-ray-ust { order: 0; flex: 1 1 auto; margin: 0; padding: 0; border-top: 0; overflow: visible; }
  .sc-tavan-eylem { margin-left: 0; }
  .sc-tavan-eylem .sc-tavan-tel { display: inline-flex; }
}
/* 1080–1239 px: telefon ve Menü yalnız ikon; yazı ekran okuyucuda kalır (ad kaybolmaz). */
@media (min-width: 1080px) and (max-width: 1239px) {
  .sc-ray-ust a { padding: 0 10px; font-size: 14px; }
  .sc-tavan-tel, .sc-tavan-menu { width: 44px; padding: 0; }
  .sc-tavan-tel span, .sc-tavan-menu span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
/* Büyüteçle açılan arama satırı (tavanın içinde, her genişlikte). */
.sc-tavan-satir { padding-block: var(--sc-a3); border-top: 1px solid var(--sc-kil); }
.sc-tavan-satir form { max-width: 720px; margin-inline: auto; }
/* Hap arama kutusu: girdi + yuvarlak gönder. --iri açılış ve 404'te (64 px). */
.sc-arama { position: relative; display: flex; align-items: center; width: 100%; min-height: 44px; border: 1px solid var(--sc-cizgi-sert); border-radius: var(--sc-k-hap); background: var(--sc-panel); transition: border-color var(--sc-sure) var(--sc-egri); }
.sc-arama:hover { border-color: var(--sc-gri); }
.sc-arama:focus-within { border-color: var(--sc-kirmizi); }
.sc-arama input { flex: 1; min-width: 0; height: 42px; border: 0; background: transparent; padding: 0 8px 0 18px; font: inherit; font-size: 16px; color: var(--sc-yazi); border-radius: var(--sc-k-hap); -webkit-appearance: none; appearance: none; }
.sc-arama input::placeholder { color: var(--sc-gri-2); }
.sc-arama input:focus-visible { outline: none; box-shadow: none; }
.sc-arama input::-webkit-search-cancel-button { display: none; }
.sc-arama button { flex: none; display: grid; place-items: center; width: 36px; height: 36px; margin-right: 4px; border: 0; border-radius: 50%; background: var(--sc-panel-2); color: var(--sc-yazi); cursor: pointer; transition: background-color var(--sc-sure) var(--sc-egri); }
.sc-arama button:hover { background: var(--sc-panel-3); }
.sc-arama button svg { width: 18px; height: 18px; }
.sc-arama--iri { min-height: 64px; }
.sc-arama--iri input { height: 62px; font-size: 18px; padding-left: 24px; }
.sc-arama--iri button { width: 52px; height: 52px; margin-right: 5px; background: var(--sc-kirmizi); color: var(--sc-kirmizi-ust); }
.sc-arama--iri button:hover { background: var(--sc-kirmizi-bas); }
.sc-arama--iri button svg { width: 22px; height: 22px; }
form[data-bul] { position: relative; }
/* Öneri listesi (sfacon.js "Bul kutuları"): kutunun altında panel-2 kart. */
.sc-oneriler { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 60; list-style: none; margin: 0; padding: 6px; max-height: min(60vh, 480px); overflow-y: auto; background: var(--sc-panel-2); border: 1px solid var(--sc-kil); border-radius: var(--sc-k-kart); box-shadow: var(--sc-parlama), var(--sc-derinlik); }
.sc-oneriler--yukari { top: auto; bottom: calc(100% + 6px); }
.sc-oneriler a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 11px 12px; border-radius: var(--sc-k-kucuk); color: var(--sc-yazi); text-decoration: none; }
.sc-oneriler a[aria-selected="true"], .sc-oneriler a:hover { background: var(--sc-panel-3); }
.sc-oneri-tur { color: var(--sc-gri); font-size: 13px; text-align: right; }
.sc-oneri--kod .sc-oneri-ad { font-family: var(--sc-f-sayi); font-weight: 600; font-variant-numeric: tabular-nums; }
.sc-oneri-bos { padding: 10px 12px; color: var(--sc-gri); font-size: var(--sc-y-kucuk); }
/* Yan panel (#dizin, "Menü"): sağdan gelen 420 px panel, mobilde tam ekran. */
body.sc-govde-sabit { overflow: hidden; }
.sc-yan-perde { position: fixed; inset: 0; z-index: 70; background: rgba(11, 11, 12, 0.42); }
.sc-yan-panel { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(420px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--sc-a4) var(--sc-a5) var(--sc-a7); background: var(--sc-panel-2); border-left: 1px solid var(--sc-kil); box-shadow: var(--sc-parlama), var(--sc-derinlik); }
@media (min-width: 480px) { .sc-yan-panel { border-radius: var(--sc-k-kart) 0 0 var(--sc-k-kart); } }
.sc-yan-ust { display: flex; justify-content: space-between; align-items: center; gap: var(--sc-a3); margin-bottom: var(--sc-a4); }
.sc-yan-ust img { height: 28px; width: auto; }
.sc-yan-eylem { display: grid; gap: var(--sc-a2); margin-bottom: var(--sc-a5); }
.sc-yan-kume { margin-top: var(--sc-a5); }
.sc-yan-kume h2 { font-size: 1.0625rem; margin: 0 0 4px; }
.sc-yan-kume h2 a { text-decoration: none; }
.sc-yan-kume h2 a:hover { text-decoration: underline; text-decoration-color: var(--sc-kirmizi); }
.sc-yan-alt { margin: var(--sc-a5) 0 0; padding-top: var(--sc-a4); border-top: 1px solid var(--sc-kil); color: var(--sc-gri); font-size: 15px; max-width: none; }
/* Dil listesi (yan panelin dibinde). */
.sc-dil-listesi { font-size: var(--sc-y-kucuk); }
.sc-dil-listesi summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--sc-cizgi); border-radius: var(--sc-k-hap); color: var(--sc-yazi); font-weight: 600; }
.sc-dil-listesi summary::-webkit-details-marker { display: none; }
.sc-dil-listesi ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--sc-a4); margin: var(--sc-a2) 0 0; }
.sc-dil-listesi a { display: inline-block; padding: 10px 0; color: var(--sc-gri); text-decoration: none; }
.sc-dil-listesi a:hover, .sc-dil-listesi a[aria-current="true"] { color: var(--sc-yazi); }

/* --- §06 Tuş (hap düğme) ve git bağlantısı ------------------------------ */
.sc-tus { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px; border: 1px solid transparent; border-radius: var(--sc-k-hap); font-family: var(--sc-f-govde); font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none; text-align: center; cursor: pointer; transition: background-color var(--sc-sure) var(--sc-egri), border-color var(--sc-sure) var(--sc-egri), color var(--sc-sure) var(--sc-egri); }
.sc-tus svg { width: 18px; height: 18px; flex: none; }
.sc-tus b { font-family: var(--sc-f-sayi); font-weight: 600; font-variant-numeric: tabular-nums; }
.sc-tus--kirmizi { background: var(--sc-kirmizi); color: var(--sc-kirmizi-ust); }
.sc-tus--kirmizi:hover { background: var(--sc-kirmizi-bas); color: var(--sc-kirmizi-ust); }
.sc-tus--panel { background: var(--sc-panel-2); color: var(--sc-yazi); border-color: var(--sc-kil); box-shadow: var(--sc-parlama); }
.sc-tus--panel:hover { background: var(--sc-panel-3); color: var(--sc-yazi); }
.sc-tus--cizgi { background: transparent; color: var(--sc-yazi); border-color: var(--sc-cizgi); }
.sc-tus--cizgi:hover { border-color: var(--sc-kirmizi); color: var(--sc-yazi); }
.sc-tus--kucuk { min-height: 44px; padding: 0 16px; font-size: 15px; }
.sc-tus--tam { width: 100%; }
.sc-tus--yuvarlak { width: 48px; padding: 0; flex: none; }
.sc-tus--kucuk.sc-tus--yuvarlak { width: 44px; }
.sc-tus[aria-disabled="true"] { background: var(--sc-panel); color: var(--sc-gri-2); border-color: var(--sc-kil); cursor: not-allowed; }
.sc-tus[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.sc-tuslar { display: flex; flex-wrap: wrap; gap: var(--sc-a3); align-items: center; }
.sc-git { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--sc-yazi); font-weight: 600; text-decoration: none; }
.sc-git::after { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--sc-m-sag) center / contain no-repeat; mask: var(--sc-m-sag) center / contain no-repeat; transition: transform var(--sc-sure) var(--sc-egri); }
.sc-git:hover { color: var(--sc-yazi); text-decoration: underline; text-decoration-color: var(--sc-kirmizi); }
.sc-git:hover::after { transform: translateX(3px); }

/* --- §07 Pano ----------------------------------------------------------- */
.sc-pano { background: var(--sc-panel); border: 1px solid var(--sc-kil); border-radius: var(--sc-k-kart); box-shadow: var(--sc-parlama); padding: var(--sc-a5); min-width: 0; }
.sc-pano--ic { background: var(--sc-panel-2); }
.sc-pano > :last-child { margin-bottom: 0; }
.sc-pano h3 { margin-bottom: 8px; }
.sc-pano-bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px var(--sc-a4); margin-bottom: var(--sc-a4); }
.sc-pano-bas h2, .sc-pano-bas h3 { margin: 0; }
.sc-panolar { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sc-a4); grid-template-columns: minmax(0, 1fr); }
.sc-panolar > * { min-width: 0; }
@media (min-width: 720px) { .sc-panolar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .sc-panolar--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
a.sc-pano { display: block; color: inherit; text-decoration: none; transition: border-color var(--sc-sure) var(--sc-egri), background-color var(--sc-sure) var(--sc-egri); }
a.sc-pano:hover { border-color: var(--sc-cizgi); background: var(--sc-panel-2); }
@media (max-width: 719px) { .sc-pano { padding: var(--sc-a4); } }

/* --- §08 Işık kutusu, cihaz kartı ---------------------------------------- */
/* Beyaz fonlu cihaz fotoğrafı koyu sayfada: açık degrade karo + multiply. */
.sc-isik-kutusu { position: relative; aspect-ratio: 4 / 3; border-radius: calc(var(--sc-k-kart) - 4px); background: linear-gradient(180deg, #f7f7f8 0%, #e6e6e9 100%); overflow: hidden; display: grid; place-items: center; }
.sc-isik-kutusu img { width: 78%; height: 78%; object-fit: contain; mix-blend-mode: multiply; }
.sc-isik-kutusu::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06), inset 0 -24px 40px -28px rgba(0, 0, 0, 0.35); pointer-events: none; }
.sc-cihaz-karti { padding: 6px; }
.sc-cihaz-alt { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 10px 6px; }
.sc-cihaz-alt h3 { font-size: 17px; margin: 0; overflow-wrap: anywhere; }
.sc-cihaz-alt p { margin: 2px 0 0; font-size: 14px; color: var(--sc-gri); }
.sc-cihaz-alt::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--sc-gri-2); -webkit-mask: var(--sc-m-sag) center / contain no-repeat; mask: var(--sc-m-sag) center / contain no-repeat; transition: transform var(--sc-sure) var(--sc-egri), background-color var(--sc-sure) var(--sc-egri); }
/* Kart ızgarası (.sc-panolar--kart): dar ekranda iki sütun, kısa alt satır. */
@media (max-width: 719px) {
  .sc-panolar--kart { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .sc-panolar--kart .sc-cihaz-karti { padding: 4px; }
  .sc-panolar--kart .sc-cihaz-alt { padding: 8px 6px 4px; }
  .sc-panolar--kart .sc-cihaz-alt::after { display: none; }
  .sc-panolar--kart .sc-cihaz-alt h3 { font-size: 15px; }
  .sc-panolar--kart .sc-cihaz-alt p { font-size: 13px; }
}
a.sc-cihaz-karti:hover .sc-cihaz-alt::after { transform: translateX(3px); background: var(--sc-kirmizi); }

/* --- §09 Kalemler (satır listesi) ---------------------------------------- */
.sc-kalemler { list-style: none; margin: 0; padding: 0; }
.sc-kalem { display: flex; align-items: center; gap: var(--sc-a3); min-height: 52px; padding: 10px 4px; border-top: 1px solid var(--sc-kil); }
.sc-kalem:first-child { border-top: 0; }
.sc-kalem > a { flex: 1; min-width: 0; color: var(--sc-yazi); text-decoration: none; font-weight: 500; overflow-wrap: anywhere; }
.sc-kalem > a:hover { text-decoration: underline; text-decoration-color: var(--sc-kirmizi); }
.sc-kalem small { flex: none; color: var(--sc-gri); font-size: 14px; font-variant-numeric: tabular-nums; }
.sc-kalem:has(> a)::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--sc-gri-2); -webkit-mask: var(--sc-m-ok) center / contain no-repeat; mask: var(--sc-m-ok) center / contain no-repeat; }
.sc-kalem > span { flex: 1; min-width: 0; }
/* Sütunlu kalemler (il, cihaz dizinleri): satır bölünmez, kıl alt çizgi. */
.sc-kalemler--sutun { columns: 1; column-gap: var(--sc-a6); }
.sc-kalemler--dort { columns: 2; column-gap: var(--sc-a4); }
@media (max-width: 559px) { .sc-kalemler--dort small { display: none; } }
.sc-kalemler--sutun .sc-kalem { break-inside: avoid; border-top: 0; border-bottom: 1px solid var(--sc-kil); min-height: 48px; }
@media (min-width: 560px) { .sc-kalemler--sutun { columns: 2; } }
@media (min-width: 1080px) { .sc-kalemler--sutun { columns: 3; } .sc-kalemler--dort { columns: 4; } }

/* --- §10 Fiş (durum rozeti, hap bağlantı) -------------------------------- */
.sc-fis { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 12px; border-radius: var(--sc-k-hap); background: var(--sc-panel-2); border: 1px solid var(--sc-kil); font-size: 13px; font-weight: 500; line-height: 1.2; color: var(--sc-metin); white-space: nowrap; text-decoration: none; }
a.sc-fis { min-height: 36px; font-size: 14px; color: var(--sc-yazi); transition: border-color var(--sc-sure) var(--sc-egri), background-color var(--sc-sure) var(--sc-egri); }
a.sc-fis:hover { background: var(--sc-panel-3); border-color: var(--sc-cizgi); color: var(--sc-yazi); }
.sc-fis--kendiniz { color: var(--sc-yesil); border-color: rgba(14, 122, 74, 0.35); }
.sc-fis--servis { color: var(--sc-yazi); }
.sc-fis--durdur { color: var(--sc-yazi); border-color: rgba(212, 24, 58, 0.5); }
.sc-fis--durdur::before { content: ""; width: 10px; height: 2px; border-radius: 2px; background: var(--sc-kirmizi); }
.sc-fisler { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }

/* --- §11 Kod panosu ------------------------------------------------------ */
.sc-kod-panosu { width: 100%; border-collapse: separate; border-spacing: 0; }
.sc-kod-panosu caption { text-align: left; padding: 0 12px 10px; color: var(--sc-gri); font-size: 14px; }
.sc-kod-panosu th { text-align: left; font-size: 13px; font-weight: 500; color: var(--sc-gri); padding: 0 12px 10px; border-bottom: 1px solid var(--sc-kil); }
.sc-kod-panosu td { padding: 14px 12px; border-bottom: 1px solid var(--sc-kil); vertical-align: top; overflow-wrap: anywhere; }
.sc-kod-panosu tr:last-child td { border-bottom: 0; }
.sc-kod-panosu td b { display: block; font-weight: 500; color: var(--sc-yazi); }
.sc-kod-panosu td b + span { display: block; color: var(--sc-gri); font-size: 14px; }
.sc-kod-panosu tr:target td { background: var(--sc-panel-2); }
.sc-kod-panosu tr[hidden] { display: none; }
.sc-kod-karo { display: inline-block; min-width: 56px; padding: 4px 10px; border-radius: var(--sc-k-kucuk); background: var(--sc-panel-2); border: 1px solid var(--sc-kil); font-family: var(--sc-f-sayi); font-weight: 600; font-size: 17px; line-height: 1.4; color: var(--sc-yazi); text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; }
a.sc-kod-karo:hover { border-color: var(--sc-cizgi); color: var(--sc-yazi); }
@media (max-width: 719px) {
  .sc-kod-panosu thead { display: none; }
  .sc-kod-panosu tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--sc-kil); }
  .sc-kod-panosu tr:last-child { border-bottom: 0; }
  .sc-kod-panosu td { border: 0; padding: 2px 0; }
  .sc-kod-panosu td:first-child { grid-row: span 2; }
}

/* --- §12 Sekme rayı (segment) ------------------------------------------- */
/* role=tablist (data-sekmeli="pano") ya da çapa listesi (data-sekmeli="capa").
   JS yoksa bağlantılar çapadır, panolar alt alta akar. */
.sc-sekmeli { display: flex; gap: 4px; padding: 4px; border-radius: var(--sc-k-hap); background: var(--sc-panel); border: 1px solid var(--sc-kil); overflow-x: auto; scrollbar-width: none; width: max-content; max-width: 100%; margin: var(--sc-a4) 0; }
.sc-sekmeli::-webkit-scrollbar { display: none; }
.sc-sekmeli a, .sc-sekmeli button { flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; border-radius: var(--sc-k-hap); background: transparent; color: var(--sc-gri); font: inherit; font-size: 15px; font-weight: 500; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background-color var(--sc-sure) var(--sc-egri), color var(--sc-sure) var(--sc-egri); }
.sc-sekmeli a:hover, .sc-sekmeli button:hover { color: var(--sc-yazi); }
.sc-sekmeli [aria-selected="true"], .sc-sekmeli [aria-current="true"] { background: var(--sc-panel-2); color: var(--sc-yazi); box-shadow: 0 0 0 1px var(--sc-kil), var(--sc-parlama); }
.sc-sekmeli [aria-selected="true"]::before, .sc-sekmeli [aria-current="true"]::before { content: ""; width: 12px; height: 2px; border-radius: 2px; background: var(--sc-kirmizi); box-shadow: var(--sc-hale); }
.sc-sekmeli sup { font-size: 12px; color: var(--sc-gri-2); font-variant-numeric: tabular-nums; vertical-align: baseline; }
.sc-sekme-panosu[hidden] { display: none; }
.sc-sekme-panosu:focus-visible { outline-offset: 4px; }

/* --- §13 Sorular -------------------------------------------------------- */
.sc-soru-dizisi { display: grid; gap: 8px; }
.sc-soru-kutusu { border: 1px solid var(--sc-kil); border-radius: var(--sc-k-kart); background: var(--sc-panel); box-shadow: var(--sc-parlama); }
.sc-soru-kutusu summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 12px 18px; cursor: pointer; list-style: none; font-weight: 500; color: var(--sc-yazi); }
.sc-soru-kutusu summary::-webkit-details-marker { display: none; }
.sc-soru-kutusu summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--sc-gri); -webkit-mask: var(--sc-m-asagi) center / contain no-repeat; mask: var(--sc-m-asagi) center / contain no-repeat; transition: transform var(--sc-sure) var(--sc-egri); }
.sc-soru-kutusu summary:hover { color: var(--sc-yazi); background: var(--sc-panel-2); border-radius: var(--sc-k-kart); }
.sc-soru-kutusu[open] summary::after { transform: rotate(180deg); background: var(--sc-kirmizi); }
.sc-soru-kutusu > div { padding: 0 18px 16px; color: var(--sc-metin); }
.sc-soru-kutusu > div p { margin: 0 0 10px; }
.sc-soru-kutusu > div p:last-child { margin-bottom: 0; }

/* --- §14 Form ----------------------------------------------------------- */
.sc-servis-formu { display: grid; gap: var(--sc-a4); min-width: 0; }
.sc-form-kume { display: grid; gap: var(--sc-a4); }
.sc-form-baslik { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0; }
.sc-form-baslik b { font-family: var(--sc-f-baslik); font-size: var(--sc-y-3); font-weight: 600; letter-spacing: -0.01em; color: var(--sc-yazi); }
.sc-form-baslik small { color: var(--sc-gri); font-size: 14px; }
.sc-alanlar { display: grid; gap: var(--sc-a4); grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 720px) { .sc-alanlar--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sc-alanlar--2 > .sc-hane--tam, .sc-alanlar--2 > .sc-onay-kutu { grid-column: 1 / -1; } }
.sc-hane { display: grid; gap: 6px; min-width: 0; align-content: start; }
.sc-hane > label, .sc-hane-etiket { font-size: 14px; font-weight: 500; color: var(--sc-metin); }
.sc-hane label small { font-weight: 400; color: var(--sc-gri); }
.sc-hane input, .sc-hane select, .sc-hane textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 16px; border: 1px solid var(--sc-cizgi-sert); border-radius: var(--sc-k-girdi); background: var(--sc-panel-2); color: var(--sc-yazi); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; transition: border-color var(--sc-sure) var(--sc-egri); }
.sc-pano--ic .sc-hane input, .sc-pano--ic .sc-hane select, .sc-pano--ic .sc-hane textarea { background: var(--sc-zemin); }
.sc-hane textarea { padding-block: 14px; min-height: 112px; resize: vertical; }
.sc-hane select { padding-right: 44px; background-repeat: no-repeat; background-position: right 14px center; background-size: 18px 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6B74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.sc-hane select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.sc-hane input::placeholder, .sc-hane textarea::placeholder { color: var(--sc-gri-2); }
.sc-hane input:hover, .sc-hane select:hover, .sc-hane textarea:hover { border-color: var(--sc-gri); }
.sc-hane input:focus-visible, .sc-hane select:focus-visible, .sc-hane textarea:focus-visible { outline: 2px solid var(--sc-kirmizi); outline-offset: 2px; border-color: var(--sc-kirmizi); }
/* Tarih ve saat: yerli seçici kalsın (takvim simgesi tıklanabilir). */
.sc-hane input[type="date"], .sc-hane input[type="time"] { -webkit-appearance: auto; appearance: auto; color-scheme: light; display: block; }
.sc-hane input[type="date"]::-webkit-calendar-picker-indicator, .sc-hane input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
.sc-hane input[type="file"] { padding: 10px 12px; }
.sc-hane input[type="file"]::file-selector-button { margin-right: var(--sc-a3); min-height: 32px; padding: 0 14px; border: 1px solid var(--sc-cizgi); border-radius: var(--sc-k-hap); background: var(--sc-panel-2); color: var(--sc-yazi); font: inherit; font-weight: 600; cursor: pointer; }
.sc-hane--hata input, .sc-hane--hata select, .sc-hane--hata textarea { border-color: var(--sc-kirmizi); }
.sc-hane-ileti { display: flex; gap: 8px; align-items: center; margin: 0; font-size: 14px; color: var(--sc-yazi); max-width: none; }
.sc-hane-ileti::before { content: ""; flex: none; width: 12px; height: 2px; border-radius: 2px; background: var(--sc-kirmizi); box-shadow: var(--sc-hale); }
.sc-hane-not { margin: 0; font-size: 14px; color: var(--sc-gri); }
.sc-onay-kutu { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; color: var(--sc-metin); cursor: pointer; }
.sc-onay-kutu input { flex: none; -webkit-appearance: none; appearance: none; width: 22px; height: 22px; margin: 1px 0 0; border: 1px solid var(--sc-cizgi-sert); border-radius: 6px; background: var(--sc-panel-2); display: grid; place-content: center; cursor: pointer; }
.sc-onay-kutu input:checked { background: var(--sc-kirmizi); border-color: var(--sc-kirmizi); }
.sc-onay-kutu input:checked::after { content: ""; width: 11px; height: 6px; border: solid var(--sc-kirmizi-ust); border-width: 0 0 2px 2px; transform: translateY(-2px) rotate(-45deg); }
.sc-onay-kutu input:focus-visible { outline: 2px solid var(--sc-kirmizi); outline-offset: 2px; }
.sc-hane--hata.sc-onay-kutu input { border-color: var(--sc-kirmizi); }
/* Uygun gün: önümüzdeki 6 gün hap seçici (sfacon.js). */
.sc-gun-secici { display: flex; flex-wrap: wrap; gap: 8px; }
.sc-gun-secici button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 14px; border: 1px solid var(--sc-cizgi); border-radius: var(--sc-k-hap); background: transparent; color: var(--sc-gri); font: inherit; font-size: 14px; cursor: pointer; transition: background-color var(--sc-sure) var(--sc-egri), border-color var(--sc-sure) var(--sc-egri); }
.sc-gun-secici button b { font-family: var(--sc-f-sayi); font-weight: 600; font-size: 16px; color: var(--sc-yazi); font-variant-numeric: tabular-nums; }
.sc-gun-secici button:hover { border-color: var(--sc-gri); }
.sc-gun-secici button[aria-pressed="true"] { background: var(--sc-panel-3); border-color: var(--sc-kirmizi); color: var(--sc-yazi); }
.sc-form-dip { display: grid; gap: var(--sc-a3); }
.sc-form-dip p { margin: 0; font-size: 14px; color: var(--sc-gri); }
@media (min-width: 720px) { .sc-form-dip .sc-tus { justify-self: start; min-width: 280px; } }
/* Talep süzgecinin bal küpü (parcalar/form_muhru.html): ekran dışı, display:none değil. */
.sc-dis-cerceve { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
/* Bildirim kutusu (gönderim sonucu, uyarı, boş liste notu). */
.sc-not-kutusu { margin: 0 0 var(--sc-a4); padding: 14px 16px; border: 1px solid var(--sc-kil); border-radius: var(--sc-k-girdi); background: var(--sc-panel-2); color: var(--sc-metin); font-size: var(--sc-y-kucuk); max-width: none; }
.sc-not-kutusu b { display: flex; align-items: center; gap: 10px; color: var(--sc-yazi); margin-bottom: 2px; }
.sc-not-kutusu--tamam b::before, .sc-not-kutusu--uyari b::before { content: ""; flex: none; width: 14px; height: 2px; border-radius: 2px; }
.sc-not-kutusu--tamam b::before { background: var(--sc-yesil); }
.sc-not-kutusu--uyari b::before { background: var(--sc-kirmizi); box-shadow: var(--sc-hale); }
.sc-not-kutusu p { margin: 0; }
.sc-not-kutusu:last-child { margin-bottom: 0; }

/* --- §15 Özet paneli (yapışkan yan) -------------------------------------- */
.sc-ozet-paneli { background: var(--sc-panel-2); border: 1px solid var(--sc-kil); border-radius: var(--sc-k-kart); box-shadow: var(--sc-parlama), var(--sc-derinlik); padding: var(--sc-a5); min-width: 0; }
.sc-ozet-paneli h2 { font-size: 19px; margin: 0 0 var(--sc-a3); }
.sc-ozet-paneli dl { margin: 0 0 var(--sc-a5); }
.sc-ozet-paneli dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-top: 1px solid var(--sc-kil); }
.sc-ozet-paneli dt { color: var(--sc-gri); font-size: 15px; }
.sc-ozet-paneli dd { margin: 0; color: var(--sc-yazi); font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.sc-ozet-paneli .sc-tus + .sc-tus { margin-top: var(--sc-a2); }
.sc-ozet-paneli .sc-tanimlar > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.sc-ozet-paneli .sc-tanimlar dd { text-align: left; font-weight: 400; color: var(--sc-metin); }
.sc-ozet-not { margin: var(--sc-a4) 0 0; font-size: 14px; color: var(--sc-gri); }
@media (min-width: 1080px) and (max-height: 760px) { .sc-yerlesim-yan .sc-ozet-paneli dl > div:nth-child(n + 6) { display: none; } }

/* --- §16 Mobil ada (alt çubuk) ------------------------------------------- */
.sc-tabla { position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 50; display: flex; gap: 8px; padding: 8px; border-radius: 20px; background: rgba(255, 255, 255, 0.92); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 1px solid var(--sc-kil); box-shadow: var(--sc-parlama), var(--sc-derinlik); transition: transform var(--sc-sure) var(--sc-egri), opacity var(--sc-sure) var(--sc-egri); }
.sc-tabla > .sc-tus:first-child { flex: 1; min-width: 0; }
.sc-tabla .sc-tus span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-tabla--gizli { transform: translateY(calc(100% + 16px)); opacity: 0; }
body.sc-adali { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) {
  .sc-tabla { display: none; }
  body.sc-adali { padding-bottom: 0; }
}

/* --- §17 Altbilgi (taban) ------------------------------------------------ */
/* Kurgu servisfer'inki (marka sütunu + üç dizin sütunu → küçük aletler →
   künye satırı → dip satır); görünüm Sfacon'un: açık tek pano, gösterge
   çizgili başlıklar, hap fişler. */
.sc-taban { margin-top: var(--sc-bolum); padding-bottom: var(--sc-a5); }
.sc-taban-pano { display: grid; gap: var(--sc-a6); grid-template-columns: minmax(0, 1fr); padding: var(--sc-a6) var(--sc-a5); }
@media (min-width: 1080px) { .sc-taban-pano { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); padding: var(--sc-a7) var(--sc-a6) var(--sc-a6); } }
.sc-taban-marka > a img { height: 28px; width: auto; margin-bottom: var(--sc-a4); }
.sc-taban-marka > p { font-size: var(--sc-y-kucuk); color: var(--sc-metin); max-width: 40ch; }
.sc-taban-hat { display: grid; gap: 2px; margin: var(--sc-a4) 0 var(--sc-a3); }
.sc-taban-hat span { font-size: 13px; color: var(--sc-gri); }
.sc-taban-hat a { font-family: var(--sc-f-sayi); font-size: 24px; font-weight: 600; letter-spacing: -0.02em; color: var(--sc-yazi); text-decoration: none; font-variant-numeric: tabular-nums; }
.sc-taban-hat a:hover { text-decoration: underline; text-decoration-color: var(--sc-kirmizi); text-decoration-thickness: 2px; }
.sc-taban-iletisim { list-style: none; display: grid; gap: 4px; font-size: 14px; color: var(--sc-gri); }
.sc-taban-iletisim a { color: var(--sc-metin); }
.sc-taban-dizin { display: grid; gap: var(--sc-a5); grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; }
@media (min-width: 720px) { .sc-taban-dizin { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sc-taban-yigin { display: grid; gap: var(--sc-a5); align-content: start; }
.sc-taban-dizin h2, .sc-taban-kunye h2 { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; letter-spacing: 0; margin: 0 0 8px; }
.sc-taban-dizin h2::before, .sc-taban-kunye h2::before { content: ""; flex: none; width: 10px; height: 2px; border-radius: 2px; background: var(--sc-kirmizi); }
.sc-taban-dizin ul { list-style: none; }
.sc-taban-dizin a, .sc-taban-dizin button { display: inline-flex; align-items: center; min-height: 32px; padding: 2px 0; color: var(--sc-gri); text-decoration: none; font: inherit; font-size: 15px; text-align: left; background: none; border: 0; cursor: pointer; }
.sc-taban-dizin a:hover, .sc-taban-dizin button:hover { color: var(--sc-yazi); }
.sc-taban-kucuk { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding-top: var(--sc-a4); border-top: 1px solid var(--sc-kil); }
.sc-taban-kucuk > a { font-weight: 600; color: var(--sc-yazi); text-decoration: none; margin-right: 4px; font-size: 14px; }
.sc-taban-kunye { grid-column: 1 / -1; display: grid; gap: var(--sc-a5); grid-template-columns: minmax(0, 1fr); padding-top: var(--sc-a5); border-top: 1px solid var(--sc-kil); }
@media (min-width: 720px) { .sc-taban-kunye { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sc-taban-kunye dl { margin: 0; display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: 6px 12px; font-size: 14px; }
.sc-taban-kunye dt { color: var(--sc-gri); }
.sc-taban-kunye dd { margin: 0; color: var(--sc-metin); overflow-wrap: anywhere; }
.sc-taban-hesaplar { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 12px; margin-bottom: var(--sc-a3); font-size: 14px; }
.sc-taban-beyan { margin: 0; font-size: 14px; color: var(--sc-gri); max-width: 46ch; }
.sc-taban-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: var(--sc-a4) 4px 0; font-size: 14px; color: var(--sc-gri); }
.sc-taban-alt p { margin: 0; }
.sc-taban-alt a { color: var(--sc-gri); }
.sc-taban-alt nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.sc-taban-sayim b { font-family: var(--sc-f-sayi); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--sc-yazi); }
/* Çerez şeridi: adanın üstünde yüzen panel. */
.sc-cerez-seridi { position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 90; max-width: 760px; margin-inline: auto; padding: var(--sc-a4) var(--sc-a5); background: var(--sc-panel-2); border: 1px solid var(--sc-kil); border-radius: var(--sc-k-kart); box-shadow: var(--sc-parlama), var(--sc-derinlik); }
.sc-cerez-seridi p { color: var(--sc-metin); font-size: 14px; margin: 0 0 12px; max-width: none; }
/* Kapanış çağrısı (altbilginin üstü) ve ara çağrı (sayfa ortası). */
.sc-son-cagri .sc-pano, .sc-ara-cagri .sc-pano { display: grid; gap: var(--sc-a4); align-items: center; }
@media (min-width: 1080px) { .sc-son-cagri .sc-pano, .sc-ara-cagri .sc-pano { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); padding: var(--sc-a6); } .sc-son-cagri .sc-tuslar, .sc-ara-cagri .sc-tuslar { justify-content: flex-end; } }
.sc-son-cagri h2 { margin: 0 0 8px; }
.sc-son-cagri p, .sc-ara-cagri p { margin: 0; color: var(--sc-gri); }
.sc-ara-cagri b { display: block; color: var(--sc-yazi); font-family: var(--sc-f-baslik); font-size: var(--sc-y-3); font-weight: 600; }

/* --- §18 Başlık paneli (sahne), patika, sayfa ekleri ---------------------- */
.sc-sayfa-ust { padding-top: var(--sc-a5); }
.sc-sahne { display: grid; gap: var(--sc-a5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.sc-sahne > * { min-width: 0; }
.sc-sahne h1 { margin: 0 0 var(--sc-a3); overflow-wrap: anywhere; }
@media (min-width: 1080px) {
  .sc-sahne { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--sc-a7); }
  .sc-sayfa-ust .sc-pano { padding: var(--sc-a6); }
}
.sc-sahne-yan { display: grid; gap: var(--sc-a3); align-content: center; }
.sc-sahne-yan:empty { display: none; }
@media (min-width: 1080px) { .sc-sahne:has(> .sc-sahne-yan:empty) { grid-template-columns: minmax(0, 1fr); } }
/* Patika (kırıntı): "Sfacon / Cihazlar / Buzdolabı" — son öğe bağlantısız. */
.sc-patika ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 var(--sc-a4); font-size: 14px; color: var(--sc-gri); }
.sc-patika li + li::before { content: "/"; margin-right: 6px; color: var(--sc-gri-2); }
.sc-patika a { color: var(--sc-gri); text-decoration: none; }
.sc-patika a:hover { color: var(--sc-yazi); text-decoration: underline; text-decoration-color: var(--sc-kirmizi); }
.sc-patika [aria-current] { color: var(--sc-yazi); }
/* Tanımlar: künye, iletişim, kurum kayıtları (sol ad, sağ değer). */
.sc-tanimlar { margin: 0; font-size: var(--sc-y-kucuk); }
.sc-tanimlar > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--sc-kil); }
.sc-tanimlar > div:first-child { border-top: 0; padding-top: 0; }
.sc-tanimlar dt { color: var(--sc-gri); }
.sc-tanimlar dd { margin: 0; color: var(--sc-metin); overflow-wrap: anywhere; }
/* Çizelge: veri tablosu (renkler, basın, hesaplar, ekipler, resmi hatlar). */
.sc-cizelge { width: 100%; border-collapse: collapse; font-size: var(--sc-y-kucuk); }
.sc-cizelge th { text-align: left; font-size: 13px; font-weight: 500; color: var(--sc-gri); padding: 0 12px 10px 0; border-bottom: 1px solid var(--sc-kil); vertical-align: bottom; }
.sc-cizelge tbody th { font-size: var(--sc-y-kucuk); font-weight: 600; color: var(--sc-yazi); padding-top: 12px; vertical-align: top; }
.sc-cizelge td { padding: 12px 12px 12px 0; border-bottom: 1px solid var(--sc-kil); vertical-align: top; overflow-wrap: anywhere; }
.sc-cizelge tbody tr:last-child > * { border-bottom: 0; }
@media (max-width: 719px) {
  .sc-cizelge--yigin thead { display: none; }
  .sc-cizelge--yigin tr { display: grid; gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--sc-kil); }
  .sc-cizelge--yigin tr:last-child { border-bottom: 0; }
  .sc-cizelge--yigin td, .sc-cizelge--yigin tbody th { border: 0; padding: 0; }
}
/* Ana sayfa açılışı: başlık paneli içinde arama + sık aranan; sağda özet. */
.sc-karsilama .sc-pano { padding: var(--sc-a5); }
@media (min-width: 1080px) { .sc-karsilama .sc-pano { padding: var(--sc-a7) var(--sc-a6); } }
.sc-karsilama .sc-ana-baslik { margin-bottom: var(--sc-a4); }
.sc-karsilama form { margin-top: var(--sc-a5); max-width: 640px; }
.sc-sik-aranan { display: grid; gap: 8px; margin-top: var(--sc-a4); }
.sc-sik-aranan > span { font-size: 13px; color: var(--sc-gri); }
.sc-karsilama .sc-ozet-paneli .sc-kalemler { margin: calc(var(--sc-a2) * -1) 0 var(--sc-a4); }
.sc-karsilama .sc-ozet-paneli .sc-kalem { min-height: 40px; padding-block: 6px; font-size: 15px; }
.sc-karsilama .sc-ozet-paneli .sc-kalem::before { content: ""; flex: none; width: 10px; height: 2px; border-radius: 2px; background: var(--sc-yesil); }
/* Yorum kartı (yalnız onaylı kayıttan). */
.sc-yorum-karti blockquote { margin: 0 0 var(--sc-a3); }
.sc-yorum-karti figcaption { font-size: 14px; color: var(--sc-gri); }
/* Logo karosu (logo paketi): ana logo beyaz karoda, koyu yedek gece karoda. */
.sc-logo-karo { display: grid; place-items: center; min-height: 140px; padding: var(--sc-a5); margin-bottom: var(--sc-a4); border-radius: calc(var(--sc-k-kart) - 4px); background: var(--sc-zemin); border: 1px solid var(--sc-kil); }
.sc-logo-karo--koyu { background: var(--sc-gece); border-color: var(--sc-gece); }
.sc-logo-karo img { max-height: 56px; width: auto; }
/* İletişim: tıkla-yükle harita çerçevesi (iletisim-harita.js, sc-harita-acik sınıfını ekler). */
.sc-harita-cerceve { aspect-ratio: 4 / 3; display: grid; place-items: center; padding: var(--sc-a5); text-align: center; border-radius: calc(var(--sc-k-kart) - 4px); background: var(--sc-panel-2); overflow: hidden; }
.sc-harita-cerceve .sc-tuslar { justify-content: center; }
.sc-harita-cerceve iframe { width: 100%; height: 100%; border: 0; }
.sc-harita-cerceve.sc-harita-acik { padding: 0; }
.sc-harita-cerceve.sc-harita-acik > div { display: none; }
@media (min-width: 720px) { .sc-harita-cerceve { aspect-ratio: 16 / 9; } }
/* 404: dev sayı, gerçek ölçü (hata kodu). */
.sc-hata-kodu { font-size: var(--sc-y-dev); }

/* --- §19 Yardımcılar, hareket azaltma, yazdırma -------------------------- */
.sc-aralik-ust { margin-top: var(--sc-a4); }
.sc-esit-rakam { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
  .sc-tavan, .sc-tabla, .sc-yan-panel, .sc-yan-perde, .sc-cerez-seridi, .sc-son-cagri, .sc-ara-cagri, .sc-sekmeli { display: none !important; }
  .sc-sekme-panosu[hidden] { display: block !important; }
  .sc-pano, .sc-ozet-paneli, .sc-soru-kutusu { box-shadow: none; }
}

/* ==========================================================================
   §20 CİHAZ VE BÖLGE AİLELERİ (ajan B, Faz 3, 10 Eki 2026)
   Şablonlar: hizmetler/detay|grup|liste, bolge/cihaz|grup|il|ilce|kucuk,
   bolge/_*.html, servis_agi.html. İskelet servisfer'in bölüm sırası;
   görünüm §03–§19 bileşenleri (başlık paneli, sekme rayı, pano, kalemler,
   ışık kutusu, yapışkan özet). A–Z harf kümeleri §21 ile ortak. Burada
   yalnız aileye özgü ekler; numaralı bölüm, hücre ızgarası, kuşak YOK.
   ========================================================================== */
/* Başlık paneli: sahnesiz (görselsiz) panoda H1 aralığı; yanda ışık kutusu. */
.sc-sayfa-ust .sc-pano > h1 { margin: 0 0 var(--sc-a3); overflow-wrap: anywhere; }
.sc-isik-kutusu picture { display: contents; }
.sc-sahne-yan > .sc-isik-kutusu { width: 100%; max-width: 420px; justify-self: center; }
@media (max-width: 1079px) { .sc-sahne-yan > .sc-isik-kutusu { max-width: 320px; justify-self: start; } }

/* Pano başlığının alt cümlesi ve sağdaki sayı / fiş (sekme panoları, iç panolar). */
.sc-pano-bas p { margin: 6px 0 0; color: var(--sc-gri); font-size: var(--sc-y-kucuk); }
.sc-pano-bas small { color: var(--sc-gri); font-size: 14px; }
.sc-pano-bas h3 a { text-decoration: none; }
.sc-pano-bas h3 a:hover { text-decoration: underline; text-decoration-color: var(--sc-kirmizi); }

/* İki satırlı kalem: ad + gri not (bölgenin cihaz satırı, arama sonucu).
   inline-block: bağlantının alt çizgisi nota geçmez. */
.sc-kalem-not { display: inline-block; width: 100%; margin-top: 2px; color: var(--sc-gri); font-size: 14px; font-weight: 400; }

/* Dar yerde sütunlu kalemler en çok iki sütun: ana sütun (yan özet yer
   kaplar) ve yan yana iki pano. */
@media (min-width: 1080px) {
  .sc-yerlesim-ana .sc-kalemler--sutun, .sc-panolar > .sc-pano .sc-kalemler--sutun { columns: 2; }
}

/* Harf rayı (A–Z dizin): sekme rayının hap biçimi, çapa listesi. */
.sc-sekmeli[data-az-harfler] { margin-top: 0; }
.sc-sekmeli[data-az-harfler] a { min-width: 44px; padding: 0 12px; justify-content: center; font-family: var(--sc-f-baslik); font-weight: 600; }

/* Tuşsuz özet (küçük alet, hat yok): listenin altında boşluk kalmaz. */
.sc-ozet-paneli > dl:last-child { margin-bottom: 0; }

/* Mahalle adları: düz metin dizisi, "·" ayraçlı (sayfa ya da bağlantı yok). */
.sc-ad-dizisi { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; color: var(--sc-metin); font-size: var(--sc-y-kucuk); line-height: 1.9; }
.sc-ad-dizisi li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--sc-gri-2); }

/* ==========================================================================
   §21 MARKA VE HATA KODU AİLELERİ (ajan C, Faz 3, 10 Eki 2026)
   Şablonlar: marka/merkez|rehber|genel|kucuk|cihaz|liste|hata_kodlari|
   hata_kodu_dizini ve marka/_*.html, parca_*.html. İskelet servisfer'in
   bölüm sırası; görünüm §03–§19 bileşenleri (başlık paneli, sekme rayı,
   pano, kalemler, kod panosu, yapışkan özet). Burada yalnız aileye özgü
   ekler var; numaralı bölüm, hücre ızgarası, kuşak YOK.
   ========================================================================== */
/* Çapa hedefleri yapışkan tavanın altında kalmasın (sekme rayı, #kod satırı). */
.sc-yerlesim-ana > [id], .sc-katman[id], .sc-kod-panosu tr[id] { scroll-margin-top: calc(var(--sc-ust-boy) + 64px); }

/* Resmi hat katmanından sonra gelen yerleşim (küçük alet, marka × cihaz) nefes alsın. */
#resmi-hat + .sc-kabuk { margin-top: calc(var(--sc-bolum) * 0.6); }

/* Başlık panelinin yanı: servis numarası panosu + açılış şeridi maddeleri. */
.sc-hat-panosu { display: grid; gap: 6px; }
.sc-hat-panosu .sc-ust-etiket { margin: 0; }
.sc-hat-panosu .sc-olcu { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); text-decoration: none; overflow-wrap: anywhere; }
.sc-hat-panosu .sc-olcu:hover { text-decoration: underline; text-decoration-color: var(--sc-kirmizi); text-decoration-thickness: 2px; }
.sc-hat-panosu p { margin: 0; font-size: 14px; color: var(--sc-gri); }
.sc-serit-maddeleri .sc-kalem { min-height: 40px; padding-block: 6px; font-size: 15px; color: var(--sc-metin); }
.sc-serit-maddeleri .sc-kalem::before { content: ""; flex: none; width: 10px; height: 2px; border-radius: 2px; background: var(--sc-gri-2); }

/* Gerçek sayı satırı (kod, tablo, marka): dev ölçü, altında gri ad. */
.sc-sayi-satiri { display: flex; flex-wrap: wrap; gap: var(--sc-a4) var(--sc-a6); margin: 0; }
.sc-sayi-satiri > div { display: flex; flex-direction: column-reverse; gap: 6px; }
.sc-sayi-satiri dd { margin: 0; font-size: var(--sc-y-dev); }
.sc-sayi-satiri dt { font-size: var(--sc-y-etiket); color: var(--sc-gri); }
@media (min-width: 1080px) { .sc-sayi-satiri { justify-content: flex-end; } }

/* Katlanır küme (belirti grupları, "Diğer 69 il"): başlık satırı + sayı + ok. */
.sc-katlanir { border-top: 1px solid var(--sc-kil); }
.sc-katlanir + .sc-katlanir { margin-top: 0; }
.sc-katlanir > summary { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; cursor: pointer; list-style: none; }
.sc-katlanir > summary::-webkit-details-marker { display: none; }
.sc-katlanir > summary h3 { flex: 1; min-width: 0; margin: 0; font-size: 17px; }
.sc-katlanir > summary small { color: var(--sc-gri-2); font-size: 14px; font-variant-numeric: tabular-nums; }
.sc-katlanir > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--sc-gri); -webkit-mask: var(--sc-m-asagi) center / contain no-repeat; mask: var(--sc-m-asagi) center / contain no-repeat; transition: transform var(--sc-sure) var(--sc-egri); }
.sc-katlanir[open] > summary::after { transform: rotate(180deg); background: var(--sc-kirmizi); }
.sc-katlanir > summary:hover h3 { text-decoration: underline; text-decoration-color: var(--sc-kirmizi); }
.sc-katlanir > p { margin: 0 0 8px; color: var(--sc-gri); }
.sc-katlanir > .sc-kalemler { margin-bottom: var(--sc-a3); }
.sc-pano > .sc-katlanir:first-of-type { margin-top: var(--sc-a3); }

/* A–Z harf kümeleri (marka dizini, il dizini) + süz kutusu. */
.sc-harf-suzgeci { max-width: 360px; margin-bottom: var(--sc-a4); }
.sc-harf-kumeleri { columns: 1; column-gap: var(--sc-a6); }
@media (min-width: 560px) { .sc-harf-kumeleri { columns: 2; } }
@media (min-width: 1080px) { .sc-harf-kumeleri { columns: 4; } }
.sc-harf-kumesi { break-inside: avoid; margin-bottom: var(--sc-a4); }
.sc-harf-kumesi .sc-ust-etiket { margin: 0; color: var(--sc-yazi); font-family: var(--sc-f-baslik); font-weight: 600; font-size: 15px; }
.sc-harf-kumesi .sc-kalem { min-height: 44px; padding-block: 6px; }
.sc-harf-kumesi .sc-kalem small { font-size: 13px; text-align: right; }

/* Kod panosu ekleri: hata kodu tablosu satırı, ayrıntı, markanın tabloları. */
.sc-kod-cetveli td:first-child { width: 1%; white-space: nowrap; }
.sc-kod-cetveli td p { margin: 0 0 6px; max-width: 64ch; }
.sc-kod-cetveli td strong { color: var(--sc-yazi); font-weight: 600; }
.sc-kod-belirti { color: var(--sc-gri); }
.sc-kod-acilimi { margin-top: 8px; }
.sc-kod-acilimi > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid var(--sc-cizgi); border-radius: var(--sc-k-hap); font-size: 14px; font-weight: 600; color: var(--sc-yazi); cursor: pointer; list-style: none; }
.sc-kod-acilimi > summary::-webkit-details-marker { display: none; }
.sc-kod-acilimi > summary::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--sc-m-asagi) center / contain no-repeat; mask: var(--sc-m-asagi) center / contain no-repeat; transition: transform var(--sc-sure) var(--sc-egri); }
.sc-kod-acilimi[open] > summary::after { transform: rotate(180deg); }
.sc-kod-acilimi > summary:hover { border-color: var(--sc-kirmizi); }
.sc-kod-acilimi[open] { padding: var(--sc-a3) var(--sc-a4) var(--sc-a2); margin-top: 8px; border: 1px solid var(--sc-kil); border-radius: var(--sc-k-girdi); background: var(--sc-panel-2); }
.sc-kod-acilimi[open] > summary { border: 0; padding: 0; min-height: 36px; }
.sc-kod-acilimi h3 { margin: var(--sc-a3) 0 0; font-size: 15px; }
.sc-kod-acilimi .sc-kalem { min-height: 40px; padding-block: 6px; font-size: 15px; }
.sc-kod-suzgec { max-width: 520px; }
.sc-kod-suzgec .sc-hane-not { min-height: 1.5em; margin-top: 8px; }
.sc-kod-dokumu td:first-child a { text-decoration: none; }
.sc-kod-dokumu td:first-child a:hover b { text-decoration: underline; text-decoration-color: var(--sc-kirmizi); }
.sc-kod-dokumu .sc-fisler { gap: 6px; }
.sc-kod-dokumu td:last-child, .sc-kod-dokumu th:last-child { text-align: right; color: var(--sc-gri); }
@media (max-width: 719px) {
  .sc-kod-dokumu tr { grid-template-columns: minmax(0, 1fr) auto; }
  .sc-kod-dokumu td:first-child { grid-row: auto; }
  .sc-kod-dokumu td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 6px; }
  .sc-kod-cetveli td:last-child { grid-column: 2; padding-top: 6px; }
}

/* Panoların içindeki ara başlık ve not boşlukları. */
.sc-yerlesim-ana > .sc-pano > .sc-pano-bas + .sc-hane-not { margin-top: calc(var(--sc-a3) * -1); }
.sc-yerlesim-ana > .sc-pano > p { max-width: 68ch; }
.sc-yerlesim-ana > .sc-pano > .sc-panolar--kart { margin-top: var(--sc-a2); }
.sc-pano .sc-sik-aranan .sc-fisler { margin: 0; }

@media print { .sc-kod-acilimi { display: block; } .sc-katlanir > summary::after { display: none; } }

/* ==========================================================================
   §22 Ana sayfa iskeleti (10 Eki 2026): bölüm sırası servisfer'inki,
   görünüm Sfacon'un — ışık kutusunda fotoğraf + kırmızı numaralı noktalar.
   ========================================================================== */
/* Tavandaki "Arıza bildir" hapı: dar ekranda yer yok (mobil ada aynı işi görür). */
.sc-tavan-eylem .sc-tavan-bildir { display: none; }
@media (min-width: 720px) { .sc-tavan-eylem .sc-tavan-bildir { display: inline-flex; } }

/* Noktalı fotoğraf: kare kutu, üstünde viewBox 0–100 SVG katmanı. */
.sc-noktali { position: relative; width: 78%; aspect-ratio: 1; }
.sc-isik-kutusu .sc-noktali img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.sc-noktali-katman { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.sc-nokta text { font-family: var(--sc-f-govde); font-size: 4px; font-weight: 700; text-anchor: middle; dominant-baseline: middle; fill: #fff; }
.sc-nokta-govde { fill: var(--sc-kirmizi); stroke: #fff; stroke-width: 0.7; }
.sc-nokta-hale { fill: rgba(212, 24, 58, 0.22); opacity: 0; transform-box: fill-box; transform-origin: center; transition: opacity var(--sc-sure) var(--sc-egri); }
.sc-nokta--secili .sc-nokta-hale { opacity: 1; animation: sc-nabiz 1.6s var(--sc-egri) infinite; }
.sc-noktali-katman:has(.sc-nokta--secili) .sc-nokta:not(.sc-nokta--secili) { opacity: 0.35; }
.sc-nokta { transition: opacity var(--sc-sure) var(--sc-egri); }
@keyframes sc-nabiz { 0% { transform: scale(0.7); } 70% { transform: scale(1.25); opacity: 0.2; } 100% { transform: scale(0.7); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .sc-nokta--secili .sc-nokta-hale { animation: none; } }
.sc-isik-kutusu:not(.sc-isik-kutusu--kare) .sc-noktali { width: auto; height: 88%; }
.sc-isik-kutusu--kare { aspect-ratio: 1; }
.sc-isik-kutusu--kare .sc-noktali { width: 88%; }

/* Açılış: solda manşet + üç ilke + iki eylem, sağda noktalı fotoğraf ve lejant. */
.sc-acilis { display: grid; gap: var(--sc-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.sc-acilis > * { min-width: 0; }
@media (min-width: 1080px) { .sc-acilis { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--sc-a7); } }
.sc-acilis-ilkeler { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 20px; margin: var(--sc-a4) 0 var(--sc-a5); font-size: var(--sc-y-kucuk); color: var(--sc-metin); }
.sc-acilis-ilkeler li { display: inline-flex; align-items: center; gap: 8px; }
.sc-acilis-ilkeler li::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--sc-kirmizi); box-shadow: var(--sc-hale); }
.sc-acilis-gorsel { margin: 0; display: grid; gap: var(--sc-a3); }
.sc-lejant { font-size: 13px; color: var(--sc-gri); }
.sc-lejant-bas { display: block; margin-bottom: 6px; color: var(--sc-metin); font-weight: 600; }
.sc-lejant ol { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; }
.sc-lejant li { display: flex; gap: 8px; align-items: baseline; }
.sc-lejant b { flex: none; display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--sc-kirmizi); color: #fff; font-size: 11px; }

/* Cihaz ızgarası: kart = fotoğraf bağlantısı + alt eylem satırı. */
.sc-cihaz-karti--noktali { display: grid; grid-template-rows: auto 1fr auto; padding: 6px; }
.sc-cihaz-bag { display: block; color: inherit; text-decoration: none; }
.sc-cihaz-karti--noktali .sc-nokta { opacity: 0; transition: opacity var(--sc-sure) var(--sc-egri); }
.sc-cihaz-karti--noktali:hover .sc-nokta, .sc-cihaz-karti--noktali:focus-within .sc-nokta { opacity: 1; }
@media (hover: none) { .sc-cihaz-karti--noktali .sc-nokta { opacity: 1; } }
.sc-cihaz-no { margin-right: 8px; font-family: var(--sc-f-mono); font-size: 13px; color: var(--sc-kirmizi); }
.sc-cihaz-eylem { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; padding: 10px 10px 6px; border-top: 1px solid var(--sc-kil); margin-top: 8px; font-size: 14px; }
.sc-cihaz-eylem a { color: var(--sc-gri); text-decoration: none; }
.sc-cihaz-eylem a:hover { color: var(--sc-yazi); }
.sc-cihaz-eylem .sc-cihaz-bildir { display: inline-flex; align-items: center; gap: 4px; color: var(--sc-yazi); font-weight: 600; }
.sc-cihaz-eylem .sc-cihaz-bildir:hover { color: var(--sc-kirmizi); }
@media (max-width: 719px) { .sc-cihaz-eylem { padding: 8px 6px 4px; font-size: 13px; } }

/* Arıza bulucu: JS yoksa gizli (aynı belirtiler cihaz sayfalarında). */
html:not(.js) .sc-bulucu-katman { display: none; }
.sc-bulucu { display: grid; gap: var(--sc-a5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.sc-bulucu > * { min-width: 0; }
@media (min-width: 900px) { .sc-bulucu { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.sc-bulucu-soru { margin: 0 0 var(--sc-a3); font-family: var(--sc-f-baslik); font-size: var(--sc-y-3); font-weight: 600; color: var(--sc-yazi); }
.sc-belirti-dugmeleri { list-style: none; display: grid; gap: 6px; }
.sc-belirti-dugmeleri button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 14px; border: 1px solid var(--sc-kil); border-radius: var(--sc-k-girdi); background: var(--sc-panel-2); color: var(--sc-metin); font: inherit; font-size: 15px; text-align: left; cursor: pointer; transition: border-color var(--sc-sure) var(--sc-egri), background-color var(--sc-sure) var(--sc-egri); }
.sc-belirti-dugmeleri button span { flex: none; font-family: var(--sc-f-mono); font-size: 13px; color: var(--sc-gri-2); }
.sc-belirti-dugmeleri button:hover { border-color: var(--sc-cizgi-sert); color: var(--sc-yazi); }
.sc-belirti-dugmeleri button[aria-pressed="true"] { border-color: var(--sc-kirmizi); background: var(--sc-panel-3); color: var(--sc-yazi); box-shadow: var(--sc-hale); }
.sc-belirti-dugmeleri button[aria-pressed="true"] span { color: var(--sc-kirmizi); }
.sc-bulucu-durum { margin: var(--sc-a4) 0; min-height: 3em; font-size: 14px; color: var(--sc-gri); }
.sc-bulucu-durum b { color: var(--sc-yazi); }
.sc-bulucu .sc-tuslar { align-items: center; }

/* Dört adım: yatay çizgi üstünde numaralar; dar ekranda dikey. */
.sc-adim-cizgisi { list-style: none; display: grid; gap: var(--sc-a5); grid-template-columns: minmax(0, 1fr); counter-reset: none; }
.sc-adim-cizgisi li { position: relative; padding-left: 44px; }
.sc-adim-cizgisi li::before { content: ""; position: absolute; left: 15px; top: 34px; bottom: calc(var(--sc-a5) * -1); width: 2px; background: var(--sc-kil); }
.sc-adim-cizgisi li:last-child::before { display: none; }
.sc-adim-no { position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--sc-kirmizi); background: var(--sc-zemin); color: var(--sc-yazi); font-family: var(--sc-f-mono); font-size: 13px; box-shadow: var(--sc-hale); }
.sc-adim-cizgisi h3 { margin: 4px 0 6px; }
.sc-adim-cizgisi p { margin: 0; color: var(--sc-gri); font-size: var(--sc-y-kucuk); }
@media (min-width: 900px) {
  .sc-adim-cizgisi { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sc-a5); }
  .sc-adim-cizgisi li { padding: 52px 0 0; }
  .sc-adim-cizgisi li::before { left: 40px; right: calc(var(--sc-a5) * -1); top: 15px; bottom: auto; width: auto; height: 2px; background: linear-gradient(90deg, var(--sc-kirmizi), var(--sc-kil)); }
}

/* Neden Sfacon: dört ilke panosu + katlanır karşılaştırma. */
@media (min-width: 1080px) { .sc-panolar--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.sc-ilke-izgarasi h3 { margin: var(--sc-a3) 0 6px; }
.sc-ilke-izgarasi p { margin: 0; color: var(--sc-gri); font-size: var(--sc-y-kucuk); }
.sc-ilke-ikon { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--sc-panel-2); border: 1px solid var(--sc-kil); color: var(--sc-kirmizi); }
.sc-karsilastirma summary { cursor: pointer; font-weight: 600; color: var(--sc-yazi); list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.sc-karsilastirma summary::-webkit-details-marker { display: none; }
.sc-karsilastirma summary::after { content: "+"; color: var(--sc-kirmizi); font-size: 20px; line-height: 1; }
.sc-karsilastirma[open] summary::after { content: "−"; }
.sc-karsilastirma dl { margin: var(--sc-a4) 0 0; display: grid; gap: 0; }
.sc-karsilastirma dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--sc-kil); }
@media (min-width: 720px) { .sc-karsilastirma dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.sc-karsilastirma dt { color: var(--sc-gri); text-decoration: line-through; text-decoration-color: var(--sc-kirmizi); }
.sc-karsilastirma dd { margin: 0; color: var(--sc-metin); }

/* Servis ağı: büyük sayılı pano, harita, katlanır il listesi. */
.sc-ag-panosu { background: radial-gradient(120% 80% at 100% 0%, rgba(212, 24, 58, 0.16), transparent 60%), var(--sc-panel); }
@media (min-width: 1080px) { .sc-ag-panosu { padding: var(--sc-a6); } }
.sc-ag-bas { display: grid; gap: var(--sc-a5); margin-bottom: var(--sc-a5); }
@media (min-width: 900px) { .sc-ag-bas { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.sc-ag-bas h2 { margin: 0 0 8px; }
.sc-ag-bas p { margin: 0; color: var(--sc-gri); }
.sc-ag-sayilar { display: flex; gap: var(--sc-a6); margin: 0; }
.sc-ag-sayilar div { display: flex; flex-direction: column; }
.sc-ag-sayilar dd { margin: 0; font-family: var(--sc-f-baslik); font-size: clamp(2.25rem, 1.8rem + 2vw, 3.5rem); font-weight: 600; line-height: 1; letter-spacing: -0.03em; color: var(--sc-yazi); }
.sc-ag-sayilar dt { margin-top: 6px; font-size: 13px; color: var(--sc-gri); }
.sc-ag-dizin { margin-top: var(--sc-a4); }
.sc-ag-dizin summary { cursor: pointer; color: var(--sc-metin); font-weight: 600; }

/* İki sütunlu form: solda başlık ve adımlar, sağda form panosu. */
.sc-form-cerceve { display: grid; gap: var(--sc-a5); grid-template-columns: minmax(0, 1fr); align-items: start; }
.sc-form-cerceve > * { min-width: 0; }
@media (min-width: 1080px) { .sc-form-cerceve { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--sc-a7); } .sc-form-yan { position: sticky; top: calc(var(--sc-ust-boy) + var(--sc-a6)); } }
.sc-form-yan h2 { margin: 0 0 var(--sc-a3); font-size: var(--sc-y-1); }
.sc-form-adimlar { list-style: none; display: grid; gap: var(--sc-a4); margin: var(--sc-a5) 0; }
.sc-form-adimlar li { display: flex; gap: 14px; }
.sc-form-adimlar li > span { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--sc-kirmizi); font-family: var(--sc-f-mono); font-size: 13px; color: var(--sc-yazi); }
.sc-form-adimlar b { display: block; margin-bottom: 2px; }
.sc-form-adimlar p { margin: 0; font-size: 14px; color: var(--sc-gri); }
.sc-form-yan-not { font-size: 14px; color: var(--sc-gri); }

/* Sorular iki sütun (ana sayfa). */
@media (min-width: 1080px) { .sc-soru-dizisi--izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } }

/* ==========================================================================
   §40–§41 İL HARİTASI (servis ağı: parcalar/harita.html + js/harita.js;
   SVG'ler araclar/harita_uret.py). Bilgi panosu dili: köşe 0 (düğme ve
   seçici 2 px), 1 px kıl çizgi, gölge yok; kırmızı YALNIZ üzerine gelinen,
   odaklanan ya da listeden vurgulanan ildedir/ilçededir.
   ========================================================================== */
/* --- §40 Kap ve üst satır: Bütün iller · il seçici · durum --------------- */
.sc-ulke { border-top: 1px solid var(--sc-cizgi); border-bottom: 1px solid var(--sc-kil); margin: var(--sc-a4) 0 var(--sc-a6); background: var(--sc-zemin); }
.sc-ulke[hidden] { display: none; }
.sc-ulke-bas { display: flex; flex-wrap: wrap; align-items: end; gap: var(--sc-a3) var(--sc-a4); padding: var(--sc-a3) 0; border-bottom: 1px solid var(--sc-kil); }
.sc-ulke-don { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid var(--sc-cizgi-sert); border-radius: var(--sc-k2); background: var(--sc-zemin); color: var(--sc-yazi); font: 600 15px/1 var(--sc-f-govde); cursor: pointer; transition: background-color var(--sc-sure) var(--sc-egri), color var(--sc-sure) var(--sc-egri); }
.sc-ulke-don[hidden] { display: none; }
.sc-ulke-don svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: square; stroke-linejoin: miter; }
.sc-ulke-don:hover { background: var(--sc-panel); color: var(--sc-yazi); }
.sc-ulke-don:focus-visible, .sc-ulke-il-sec:focus-visible { outline: 2px solid var(--sc-kirmizi); outline-offset: 2px; }
.sc-ulke-il { display: grid; gap: 6px; min-width: 0; flex: 1 1 220px; max-width: 320px; }
.sc-ulke-il label { font-size: var(--sc-y-etiket); font-weight: 700; color: var(--sc-yazi); }
.sc-ulke-il-sec { width: 100%; min-height: 44px; padding: 0 44px 0 12px; border: 1px solid var(--sc-cizgi-sert); border-radius: var(--sc-k2); font: inherit; font-size: 16px; color: var(--sc-metin); cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--sc-zemin) right 12px center / 18px 18px no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6B74' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.sc-ulke-yazi { flex: 1 1 100%; margin: 0; font-size: var(--sc-y-kucuk); color: var(--sc-gri); font-variant-numeric: tabular-nums; }

@media (min-width: 720px) { .sc-ulke-yazi { flex: 1 1 0; text-align: right; padding-bottom: 12px; }
}

/* --- §41 Tuval ve ilçe yanı: kıl sınırlı iller, kırmızı yalnız etkin alan -- */
.sc-ulke-ic { display: grid; gap: var(--sc-a4); padding-top: var(--sc-a4); }
.sc-ulke-cizim { min-width: 0; transition: opacity var(--sc-sure) var(--sc-egri); }
.sc-ulke-cizim svg { display: block; width: 100%; height: auto; }
.sc-ulke-bolge { fill: var(--sc-cizgi); stroke: var(--sc-zemin); stroke-width: 0.9; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--sc-sure) var(--sc-egri); }
.sc-ulke-bolge:hover, .sc-ulke-bolge:focus, .sc-ulke-bolge.sc-ulke-bolge--vurgu { fill: var(--sc-kirmizi); outline: none; }
.sc-ulke--yukleniyor .sc-ulke-cizim { opacity: 0.4; cursor: progress; }
.sc-ulke-yan { min-width: 0; border-top: 1px solid var(--sc-cizgi); }
.sc-ulke-yan[hidden] { display: none; }
.sc-ulke-yan-bas { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--sc-kil); font-family: var(--sc-f-baslik); font-weight: 700; font-size: 1.125rem; }
.sc-ulke-yan-bas a { color: var(--sc-yazi); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.sc-ulke-yan-bas a:hover { text-decoration-color: var(--sc-kirmizi); }
.sc-ulke-ilceler { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: var(--sc-oluk); }
.sc-ulke-ilceler li { break-inside: avoid; }
.sc-ulke-ilceler a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--sc-kil); color: var(--sc-metin); text-decoration: none; }
.sc-ulke-ilceler a:hover, .sc-ulke-ilceler a:focus-visible { border-bottom-color: var(--sc-cizgi); box-shadow: inset 0 -1px 0 var(--sc-cizgi); outline: none; }

@media (min-width: 1080px) {
  .sc-ulke--il-acik .sc-ulke-ic { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .sc-ulke--il-acik.sc-ulke--dar .sc-ulke-ic { grid-template-columns: minmax(0, 1fr) 240px; }
  .sc-ulke-ilceler { columns: 1; max-height: 480px; overflow-y: auto; }
}

@media (prefers-reduced-motion: reduce) { .sc-ulke-bolge, .sc-ulke-cizim, .sc-ulke-don { transition: none; }
}

@media print { .sc-ulke { display: none !important; }
}


/* ==========================================================================
   §23 İskelet v2 (10 Eki 2026): servisfer kurgusuna yaklaşan ekler —
   başlık panelinde eylem satırı, kod dizisi, kurum sayfasında yan sütun.
   ========================================================================== */
.sc-sahne-tuslari { margin-top: var(--sc-a5); }
.sc-sahne-tuslari .sc-tus svg { width: 18px; height: 18px; }
@media (max-width: 479px) { .sc-sahne-tuslari .sc-tus { flex: 1 1 100%; } }
.sc-sayfa-ust .sc-fisler .sc-kod-karo { min-width: 48px; padding: 2px 8px; font-size: 15px; }