/* ==========================================================================
   Dotams — stil dosyası (TASARIM-SISTEMI.md, "Izgara ve nokta", 10 Eki 2026)

   Kimlik: İsviçre ızgarası / bilgi tasarımı. Saf beyaz zemin, siyah tam
   genişlik bantlar, kan kırmızısı (#E10600) YALNIZ nokta, çizgi ve düğmede.
   Schibsted Grotesk (başlık, büyük sayı) + Public Sans (gövde). Köşe 0–2 px,
   1 px kıl çizgi, gölge yok, numaralı bölümler (01, 02 …).
   Sınıf öneki: dt-   Belirteç öneki: --dt-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).

   Bölümler (TASARIM-SISTEMI §06; eski iskelet Faz 3 sonunda silindi,
   10 Eki 2026)
     §00 yazı dosyaları            §10 hücre ızgarası
     §01 belirteçler               §11 veri tablosu, kod tablosu
     §02 taban, dev sayı, nokta    §12 sekme şeridi
     §03 ızgara ve kap             §13 soru listesi (SSS)
     §04 yazı rolleri              §14 form
     §05 başlık, menü, arama       §15 ileti ve not
     §06 düğme ve bağlantı         §16 mobil alt çubuk
     §07 numaralı bölüm            §17 altbilgi
     §08 siyah kuşak               §18 sayfa ekleri
     §09 numaralı liste, A–Z rayı  §19 yardımcılar, yazdırma
     §20–§29 cihaz ve bölge aileleri   §30–§39 marka ve hata kodu aileleri
     §40–§41 il haritası (servis ağı)
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; Google Fonts'tan indirildi,
       latin + latin-ext alt kümesi: İ Ş Ğ ı ç ö ü dahil) --------------------- */
@font-face {
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/schibsted-grotesk-latin-ext.52c63824a8f6.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: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/schibsted-grotesk-latin.c5e9a9901938.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: "Public Sans";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/public-sans-latin-ext.587f1fa8d04e.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: "Public Sans";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/public-sans-latin.45ac3f4b61c1.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 {
  /* renk: çekirdek (TASARIM-SISTEMI §02) — kontrastlar orada hesaplı */
  --dt-beyaz: #ffffff;        /* sayfa zemini: saf beyaz, tek zemin */
  --dt-siyah: #000000;        /* tam genişlik bant, logo, sert çizgi */
  --dt-metin: #141414;        /* gövde metni (beyazda 18,42) */
  --dt-gri: #595959;          /* ikincil metin (beyazda 7,00) */
  --dt-gri-2: #767676;        /* yer tutucu, pasif (beyazda 4,54 — alt sınır) */
  --dt-kil: #d4d4d4;          /* 1 px kıl çizgi (süs; metin değil) */
  --dt-ton: #f4f4f4;          /* yalnız tablo şeridi / pasif alan; üstünde kırmızı yazı YOK */
  --dt-kul: #a6a6a6;          /* siyah bantta ikincil metin (8,63) */
  --dt-kul-2: #8c8c8c;        /* siyah bantta üçüncül metin (6,25) */
  --dt-gece-cizgi: #3a3a3a;   /* siyah bantta 1 px kıl çizgi */
  --dt-kirmizi: #e10600;      /* kan kırmızısı: nokta, çizgi, düğme (beyaz yazı 4,97) */
  --dt-kirmizi-bas: #b80500;  /* düğme üzerine gelme / basılı (beyaz yazı 6,86) */
  --dt-yesil: #0e7a3e;        /* form başarı, "kendiniz bakın" (beyazda 5,42) */

  /* renk: uyum takma adları — 03–17 bölümlerindeki eski sınıflar için.
     Değerler yukarıdaki çekirdekten; test_lighthouse_seo bu adları hex ile okur. */
  --dt-zemin: #ffffff;
  --dt-zemin-2: #f4f4f4;
  --dt-cizgi: #d4d4d4;
  --dt-cizgi-koyu: #000000;
  --dt-murekkep: #000000;
  --dt-gri-acik: #767676;
  --dt-sinyal: #e10600;
  --dt-sinyal-koyu: #000000;  /* eski "kırmızı yazı" rolü: Dotams'ta yazı kırmızı olmaz */
  --dt-sinyal-acik: #ffffff;
  --dt-sinyal-cizgi: #d4d4d4;
  --dt-kom: #000000;
  --dt-kom-2: #141414;
  --dt-kom-cizgi: #3a3a3a;
  --dt-yesil-acik: #ffffff;
  --dt-sari-acik: #ffffff;

  /* yazı aileleri */
  --dt-f-baslik: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --dt-f-govde: "Public Sans", "Helvetica Neue", Arial, sans-serif;
  --dt-f-sayi: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --dt-f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği: 1,25 oranı + dev sayı (mobil → masaüstü akışkan) */
  --dt-y-dev: clamp(4rem, 2.4rem + 7vw, 8.5rem);      /* 01, 81, E21 … büyük sayı */
  --dt-y-manset: clamp(2.5rem, 1.55rem + 4.2vw, 5rem);
  --dt-y-1: clamp(2rem, 1.5rem + 2.2vw, 3.25rem);
  --dt-y-2: clamp(1.5rem, 1.25rem + 1.1vw, 2.25rem);
  --dt-y-3: clamp(1.1875rem, 1.12rem + 0.3vw, 1.375rem);
  --dt-y-giris: clamp(1.125rem, 1.06rem + 0.3vw, 1.3125rem);
  --dt-y-govde: 1.0625rem;   /* 17 px: Public Sans dar açılır */
  --dt-y-kucuk: 0.9375rem;
  --dt-y-etiket: 0.8125rem;  /* bölüm numarası, üst etiket */

  /* ızgara: 12 sütun */
  --dt-sutun: 12;
  --dt-oluk: 16px;
  --dt-kap: 1280px;
  --dt-okuma: 720px;

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

  /* biçim: köşe 0–2 px, kıl çizgi, gölge YOK */
  --dt-k0: 0;
  --dt-k2: 2px;
  --dt-kil-kalinlik: 1px;
  --dt-vurgu-kalinlik: 3px;   /* kırmızı çizgi: etkin sekme, bölüm imi */
  --dt-r-kucuk: 0;
  --dt-r: 0;
  --dt-r-buyuk: 2px;
  --dt-r-dev: 2px;
  --dt-r-hap: 2px;
  /* Gölge yok. Eski sınıflardaki gölge yerine bulanıksız 1 px kıl çizgi. */
  --dt-golge-1: 0 0 0 1px var(--dt-kil);
  --dt-golge-2: 0 0 0 1px var(--dt-kil);
  --dt-golge-3: 0 0 0 1px var(--dt-siyah);
  --dt-halka: 0 0 0 2px var(--dt-kirmizi);
  --dt-ust-boy: 64px;
  --dt-hat-boy: 64px;

  /* hareket: kısa, eğrisiz değil ama sakin */
  --dt-sure: 140ms;
  --dt-egri: cubic-bezier(0.3, 0, 0.2, 1);

  /* ikon maskeleri (renk currentColor ile verilir; kare uç, sivri birleşim) */
  --dt-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='square' stroke-linejoin='miter'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
  --dt-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='square' stroke-linejoin='miter'%3E%3Cpath d='M4 12h15'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
  --dt-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='square' stroke-linejoin='miter'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --dt-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='square' stroke-linejoin='miter'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  --dt-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='square' stroke-linejoin='miter'%3E%3Ccircle cx='10.5' cy='10.5' r='7'/%3E%3Cpath d='m21 21-5.5-5.5'/%3E%3C/svg%3E");
  --dt-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='square' stroke-linejoin='miter'%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");
  --dt-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='square' stroke-linejoin='miter'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");

  /* desen yok: Dotams zemini düz beyazdır */
  --dt-desen: none;
}
@media (min-width: 720px) {
  :root { --dt-kenar: 24px; --dt-oluk: 24px; --dt-bolum: 72px; }
}
@media (min-width: 1080px) {
  :root { --dt-kenar: 40px; --dt-oluk: 24px; --dt-ust-boy: 72px; --dt-bolum: 96px; }
}

/* --- 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(--dt-ust-boy) + var(--dt-a4));
}
body {
  margin: 0;
  background: var(--dt-beyaz);
  color: var(--dt-metin);
  font-family: var(--dt-f-govde);
  font-size: var(--dt-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(--dt-siyah);
  font-family: var(--dt-f-baslik);
  font-weight: 800;
  letter-spacing: -0.02em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--dt-y-1); line-height: 1.04; letter-spacing: -0.03em; }
h2 { font-size: var(--dt-y-2); line-height: 1.1; letter-spacing: -0.025em; }
h3 { font-size: var(--dt-y-3); line-height: 1.25; font-weight: 700; letter-spacing: -0.012em; }
h4 { font-size: 1rem; font-weight: 700; letter-spacing: 0; }
p { margin: 0 0 var(--dt-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı siyah + 1 px alt çizgi; üzerine gelince ÇİZGİ kırmızı olur (yazı değil). */
a { color: inherit; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
a:hover { color: inherit; text-decoration-color: var(--dt-kirmizi); text-decoration-thickness: 2px; }
strong, b { font-weight: 700; }
code, kbd, samp { font-family: var(--dt-f-mono); font-size: 0.92em; font-weight: 500; }
hr { border: 0; border-top: 1px solid var(--dt-siyah); margin: var(--dt-a6) 0; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--dt-siyah); color: var(--dt-beyaz); }
:focus-visible { outline: 2px solid var(--dt-kirmizi); outline-offset: 2px; border-radius: 0; }
.dt-gizli {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.dt-atla {
  position: absolute; left: var(--dt-a4); top: -100px; z-index: 100;
  background: var(--dt-siyah); color: var(--dt-beyaz); padding: var(--dt-a2) var(--dt-a4);
  border-radius: 0; font-weight: 700; text-decoration: none;
}
.dt-atla:focus { top: var(--dt-a2); }
/* Büyük sayı tipografisi ve "nokta" imzası: her yerde kullanılabilen tabanlar. */
.dt-sayi { font-family: var(--dt-f-sayi); font-weight: 800; font-variant-numeric: tabular-nums lining-nums; letter-spacing: -0.04em; line-height: 0.9; }
.dt-nokta::after { content: ""; display: inline-block; width: 0.2em; height: 0.2em; margin-left: 0.06em; border-radius: 50%; background: var(--dt-kirmizi); vertical-align: baseline; }

/* ==========================================================================
   FAZ 3 BİLEŞENLERİ — §03–§19 (TASARIM-SISTEMI §06; ajan A, 10 Eki 2026)
   Stil rehberinde (araclar/onizleme/stil-rehberi.html) onaylanan biçim.
   §20–§29 cihaz/bölge (ajan B), §30–§39 marka/kod (ajan C) dosya SONUNDA.
   ========================================================================== */

/* --- §03 Izgara ve kap --------------------------------------------------- */
.dt-izgara {
  max-width: var(--dt-kap); margin-inline: auto; padding-inline: var(--dt-kenar);
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--dt-oluk);
}
.dt-izgara > * { grid-column: 1 / -1; min-width: 0; }
@media (min-width: 720px) {
  .dt-s-6, .dt-s-4 { grid-column: span 6; }
}
@media (min-width: 1080px) {
  .dt-s-3 { grid-column: span 3; } .dt-s-4 { grid-column: span 4; } .dt-s-5 { grid-column: span 5; }
  .dt-s-6 { grid-column: span 6; } .dt-s-7 { grid-column: span 7; } .dt-s-8 { grid-column: span 8; }
  .dt-s-9 { grid-column: span 9; }
}
.dt-ana { display: block; min-height: 50vh; }

/* --- §04 Yazı rolleri ---------------------------------------------------- */
.dt-dev-baslik { font-family: var(--dt-f-baslik); font-size: var(--dt-y-manset); font-weight: 800; line-height: 1; letter-spacing: -0.035em; color: var(--dt-siyah); margin: 0; text-wrap: balance; overflow-wrap: anywhere; }
.dt-no { display: inline-block; font-family: var(--dt-f-sayi); font-size: var(--dt-y-etiket); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: 0.02em; line-height: 1.2; color: var(--dt-siyah); }
.dt-no--im { padding-top: 12px; background: linear-gradient(var(--dt-kirmizi), var(--dt-kirmizi)) 0 0 / 24px 3px no-repeat; }
.dt-giris { font-size: var(--dt-y-giris); line-height: 1.5; color: var(--dt-gri); max-width: 60ch; margin: 0; }
.dt-kunye-yazi { font-size: var(--dt-y-etiket); font-weight: 600; color: var(--dt-gri); }
.dt-rakam { display: inline-grid; gap: 6px; min-width: 0; }
.dt-rakam .dt-sayi { font-size: clamp(3rem, 2rem + 4vw, 5.5rem); color: var(--dt-siyah); }
.dt-rakam > span:last-child { font-size: var(--dt-y-etiket); font-weight: 600; color: var(--dt-gri); }
.dt-rakamlar { display: flex; flex-wrap: wrap; gap: var(--dt-a5) var(--dt-a7); }
/* Kırıntı: "Dotams / Cihazlar / Buzdolabı" — son öğe bağlantısız. */
.dt-iz ol { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 0; font-size: 14px; color: var(--dt-gri); }
.dt-iz li + li::before { content: "/"; margin: 0 8px; color: var(--dt-gri-2); }
.dt-iz a { color: var(--dt-gri); text-decoration: none; }
.dt-iz a:hover { color: var(--dt-siyah); text-decoration: underline; text-decoration-color: var(--dt-kirmizi); }
.dt-iz [aria-current] { color: var(--dt-siyah); font-weight: 600; }

/* --- §05 Başlık ve menü -------------------------------------------------- */
/* v2 (10 Eki 2026): TEK SATIR — logo · numaralı duraklar · kare büyüteç ·
   iki katlı numara · kırmızı "Teknisyen çağır" · Menü. Bilgi bandı kalktı. */
.dt-tepe { position: sticky; top: 0; z-index: 40; }
.dt-tepe-cubuk { background: var(--dt-beyaz); border-bottom: 1px solid var(--dt-siyah); }
.dt-tepe-satir { height: var(--dt-ust-boy); display: flex; align-items: center; gap: var(--dt-a3); max-width: var(--dt-kap); margin-inline: auto; padding-inline: var(--dt-kenar); }
.dt-tepe-logo { flex: none; display: block; line-height: 0; }
.dt-tepe-logo img { height: 26px; width: auto; }
.dt-tepe-duraklar { display: none; align-self: stretch; }
.dt-tepe-duraklar ol { list-style: none; margin: 0; padding: 0; display: flex; height: 100%; }
.dt-tepe-duraklar a { display: flex; align-items: center; gap: 6px; height: 100%; padding: 0 12px; font-weight: 600; font-size: 15px; color: var(--dt-siyah); text-decoration: none; white-space: nowrap; }
.dt-tepe-duraklar .dt-no { color: var(--dt-gri); font-size: 12px; }
.dt-tepe-duraklar a:hover, .dt-tepe-duraklar a[aria-current] { box-shadow: inset 0 -3px 0 var(--dt-kirmizi); }
.dt-tepe-duraklar a[aria-current] .dt-no { color: var(--dt-siyah); }
.dt-tepe-dugmeler { margin-left: auto; display: flex; align-items: center; gap: 0; }
.dt-tepe-dugme { min-width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 12px; background: none; border: 0; font: inherit; font-weight: 600; color: var(--dt-siyah); cursor: pointer; }
.dt-tepe-dugme svg { width: 22px; height: 22px; }
.dt-tepe-dugme:hover { box-shadow: inset 0 -3px 0 var(--dt-kirmizi); }
.dt-tepe-dugme[aria-expanded="true"] { box-shadow: inset 0 -3px 0 var(--dt-kirmizi); }
/* Büyüteç: 1 px siyah kenarlı kare (hap değil, daire değil). */
.dt-tepe-dugme--ara { width: 48px; padding: 0; border: 1px solid var(--dt-siyah); border-radius: var(--dt-k2); }
.dt-tepe-dugme--ara svg { width: 20px; height: 20px; }
.dt-tepe-dugme--ara[aria-expanded="true"] { background: var(--dt-siyah); color: var(--dt-beyaz); box-shadow: none; }
/* Numara: çerçevesiz, iki kat — küçük gri ad üstte, tabular numara altta. */
.dt-tepe-numara { display: none; flex-direction: column; justify-content: center; min-height: 48px; padding: 0 16px; margin-left: 12px; border-left: 1px solid var(--dt-kil); font-family: var(--dt-f-sayi); font-weight: 700; font-size: 17px; font-variant-numeric: tabular-nums; line-height: 1.15; color: var(--dt-siyah); text-decoration: none; white-space: nowrap; }
.dt-tepe-numara span { font-family: var(--dt-f-govde); font-weight: 500; font-size: 12px; color: var(--dt-gri); }
.dt-tepe-numara:hover { box-shadow: inset 0 -3px 0 var(--dt-kirmizi); }
.dt-tepe .dt-tepe-cagir { display: none; margin: 0 4px 0 12px; white-space: nowrap; }
@media (min-width: 720px) {
  .dt-tepe .dt-tepe-cagir { display: inline-flex; }
}
@media (min-width: 1080px) {
  .dt-tepe-duraklar { display: block; margin-left: var(--dt-a4); }
  .dt-tepe-numara { display: flex; }
  .dt-tepe-dugmeler .dt-tepe-dugme--ara { margin-right: 4px; }
}
@media (min-width: 1080px) and (max-width: 1279px) {
  .dt-tepe-duraklar a { padding: 0 8px; }
  .dt-tepe-duraklar .dt-no { display: none; }
  .dt-tepe-numara span { display: none; }
}
@media (max-width: 359px) { .dt-tepe-satir { gap: 4px; } .dt-tepe-dugme { padding: 0 6px; gap: 6px; } .dt-tepe-logo img { height: 22px; } .dt-tepe-dugme--ara { width: 44px; min-width: 44px; height: 44px; } }
/* Arama formu öneri listesinin (.dt-bulgu) konum kabıdır. */
form[data-bul] { position: relative; }
/* Dil seçici (yan_menu, siyah menü kuşağının dibinde). */
.dt-dil { font-size: var(--dt-y-kucuk); }
.dt-dil summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; min-height: 44px; color: var(--dt-beyaz); font-family: var(--dt-f-sayi); font-weight: 700; }
.dt-dil summary::-webkit-details-marker { display: none; }
.dt-dil summary:hover { box-shadow: inset 0 -3px 0 var(--dt-kirmizi); }
.dt-dil ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--dt-a4); margin: 0; padding: 0; }
.dt-dil a { display: inline-block; padding: 10px 0; color: var(--dt-kul); text-decoration: none; }
.dt-dil a:hover { color: var(--dt-beyaz); }
.dt-dil a[aria-current="true"] { color: var(--dt-beyaz); font-weight: 700; box-shadow: inset 0 -3px 0 var(--dt-kirmizi); }
/* Büyüteçle açılan tam genişlik arama satırı (çubuğun altında, her genişlikte). */
.dt-tepe-panel { background: var(--dt-beyaz); border-bottom: 1px solid var(--dt-siyah); padding: 12px var(--dt-kenar); }
.dt-tepe-panel form { position: relative; max-width: var(--dt-kap); margin-inline: auto; }

.dt-ara-kutu { display: flex; width: 100%; height: 48px; border: 1px solid var(--dt-siyah); border-radius: var(--dt-k2); background: var(--dt-beyaz); }
.dt-ara-kutu input { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 16px; font: inherit; font-size: 16px; color: var(--dt-metin); border-radius: var(--dt-k2); -webkit-appearance: none; appearance: none; }
.dt-ara-kutu input::placeholder { color: var(--dt-gri-2); }
.dt-ara-kutu input:focus-visible { outline: 2px solid var(--dt-kirmizi); outline-offset: 2px; }
.dt-ara-kutu button { flex: none; width: 48px; border: 0; border-left: 1px solid var(--dt-siyah); background: var(--dt-siyah); color: var(--dt-beyaz); display: grid; place-items: center; cursor: pointer; border-radius: 0 var(--dt-k2) var(--dt-k2) 0; }
.dt-ara-kutu button svg { width: 20px; height: 20px; }
.dt-ara-kutu button:hover { background: #262626; }
.dt-ara-kutu--dev { height: 64px; }
.dt-ara-kutu--dev input { font-size: 19px; padding-inline: 20px; }
.dt-ara-kutu--dev button { width: 64px; }
.dt-kusak .dt-ara-kutu, .dt-menu .dt-ara-kutu { border-color: var(--dt-beyaz); }
.dt-kusak .dt-ara-kutu button, .dt-menu .dt-ara-kutu button { background: var(--dt-beyaz); color: var(--dt-siyah); border-left-color: var(--dt-beyaz); }
/* Öneri listesi (dotams.js): kutunun altında, kıl çizgili satırlar. */
.dt-ara-form { position: relative; width: 100%; }
.dt-bulgu { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 60; list-style: none; margin: 0; max-height: min(60vh, 480px); overflow-y: auto; background: var(--dt-beyaz); border: 1px solid var(--dt-siyah); }
.dt-bulgu--yukari { top: auto; bottom: calc(100% + 4px); }
.dt-bulgu a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; padding: 11px 14px; min-height: 44px; border-bottom: 1px solid var(--dt-kil); color: var(--dt-metin); text-decoration: none; }
.dt-bulgu li:last-child a { border-bottom: 0; }
.dt-bulgu-tur { color: var(--dt-gri); font-size: 13px; text-align: right; }
.dt-bulgu-kod .dt-bulgu-ad { font-family: var(--dt-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; }
.dt-bulgu a[aria-selected="true"], .dt-bulgu a:hover { box-shadow: inset 3px 0 0 var(--dt-kirmizi); background: var(--dt-beyaz); }
.dt-bulgu-bos { padding: 12px 14px; color: var(--dt-gri); font-size: var(--dt-y-kucuk); }

/* Menü (#dizin): üstten inen tam genişlik SİYAH kuşak, 4 numaralı sütun. */
body.dt-donuk { overflow: hidden; }
.dt-menu-perde { position: fixed; inset: 0; z-index: 70; background: rgba(0, 0, 0, 0.4); }
.dt-menu { position: fixed; left: 0; right: 0; top: 0; z-index: 80; max-height: 100dvh; overflow-y: auto; overscroll-behavior: contain; background: var(--dt-siyah); color: var(--dt-beyaz); padding-block: var(--dt-a4) var(--dt-a7); }
.dt-menu-ust { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--dt-gece-cizgi); padding-bottom: var(--dt-a3); margin-bottom: var(--dt-a5); }
.dt-menu-ust img { height: 26px; width: auto; }
.dt-menu .dt-tepe-dugme { color: var(--dt-beyaz); }
.dt-menu-eylem { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: var(--dt-a5); }
.dt-menu-eylem .dt-ara-form { flex: 1 1 320px; }
.dt-menu-nav { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--dt-oluk); }
.dt-menu-nav > * { grid-column: 1 / -1; min-width: 0; }
.dt-menu-sutun { margin-bottom: var(--dt-a5); }
.dt-menu-sutun .dt-no { color: var(--dt-beyaz); }
.dt-menu-sutun h2 { color: var(--dt-beyaz); font-size: 1.25rem; margin: 8px 0 8px; letter-spacing: -0.012em; }
.dt-menu-sutun h2 a { text-decoration: none; }
.dt-menu-sutun ul { list-style: none; }
.dt-menu-sutun li a { display: flex; align-items: center; padding: 10px 0; color: var(--dt-beyaz); text-decoration: none; border-bottom: 1px solid var(--dt-gece-cizgi); min-height: 44px; transition: padding-left var(--dt-sure) var(--dt-egri); }
.dt-menu-sutun li a:hover { box-shadow: inset 3px 0 0 var(--dt-kirmizi); padding-left: 10px; }
.dt-menu-alt { color: var(--dt-kul); font-size: 15px; border-top: 1px solid var(--dt-gece-cizgi); padding-top: var(--dt-a4); margin: 0; max-width: none; }
.dt-menu-alt a { color: var(--dt-beyaz); }
@media (min-width: 720px) and (max-width: 1079px) { .dt-menu-nav > .dt-menu-sutun { grid-column: span 6; } }
@media (min-width: 1080px) { .dt-menu-nav > .dt-menu-sutun { grid-column: span 3; } }

/* --- §06 Düğme ve bağlantı ---------------------------------------------- */
.dt-dg {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 0 20px; border: 1px solid transparent; border-radius: var(--dt-k2);
  font-family: var(--dt-f-govde); font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none; text-align: center; cursor: pointer;
  transition: background-color var(--dt-sure) var(--dt-egri), color var(--dt-sure) var(--dt-egri);
}
.dt-dg svg { width: 18px; height: 18px; flex: none; }
.dt-dg b { font-family: var(--dt-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; }
.dt-dg--kirmizi { background: var(--dt-kirmizi); color: var(--dt-beyaz); }
.dt-dg--kirmizi:hover { background: var(--dt-kirmizi-bas); color: var(--dt-beyaz); }
.dt-dg--siyah { background: var(--dt-siyah); color: var(--dt-beyaz); }
.dt-dg--siyah:hover { background: #262626; color: var(--dt-beyaz); }
.dt-dg--cizgi { background: var(--dt-beyaz); color: var(--dt-siyah); border-color: var(--dt-siyah); }
.dt-dg--cizgi:hover { box-shadow: inset 0 -3px 0 var(--dt-kirmizi); color: var(--dt-siyah); }
.dt-dg--ters { background: var(--dt-beyaz); color: var(--dt-siyah); }
.dt-dg--ters:hover { box-shadow: inset 0 -3px 0 var(--dt-kirmizi); color: var(--dt-siyah); }
.dt-dg--tam { width: 100%; }
.dt-dg[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.dt-dgler { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.dt-ok { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--dt-siyah); min-height: 44px; text-decoration: none; }
.dt-ok::after { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--dt-m-sag) center / contain no-repeat; mask: var(--dt-m-sag) center / contain no-repeat; transition: transform var(--dt-sure) var(--dt-egri); }
.dt-ok:hover { text-decoration: underline; text-decoration-color: var(--dt-kirmizi); }
.dt-ok:hover::after { transform: translateX(4px); }
.dt-kusak .dt-ok { color: var(--dt-beyaz); }

/* --- §07 Numaralı bölüm ve sayfa başı ------------------------------------ */
.dt-blm { border-top: 1px solid var(--dt-siyah); padding-block: var(--dt-a5) var(--dt-bolum); }
.dt-blm--cizgisiz { border-top: 0; }
.dt-blm-bas { margin-bottom: var(--dt-a5); }
.dt-blm-bas p { margin: 8px 0 0; font-size: var(--dt-y-kucuk); color: var(--dt-gri); max-width: 28ch; }
.dt-blm-govde > h2 { margin-bottom: var(--dt-a5); display: flex; justify-content: space-between; align-items: baseline; gap: 8px var(--dt-a4); flex-wrap: wrap; }
.dt-blm-govde > h2 .dt-ok { font-family: var(--dt-f-govde); font-size: 16px; letter-spacing: 0; }
.dt-blm-govde > p, .dt-blm-govde > .dt-giris { margin-bottom: var(--dt-a5); }
@media (min-width: 1080px) { .dt-blm-bas { position: sticky; top: calc(var(--dt-ust-boy) + 48px); align-self: start; } }
/* Sayfa başı (kurumsal, form, yasal): beyaz, kırıntı + H1 + giriş. */
.dt-bas { padding-block: var(--dt-a6) var(--dt-a7); }
.dt-bas .dt-iz { margin-bottom: var(--dt-a5); }
.dt-bas h1 { margin: 12px 0 var(--dt-a4); }
.dt-bas--dev h1 { font-size: var(--dt-y-manset); line-height: 1; letter-spacing: -0.035em; }
.dt-bas-yan { margin-top: var(--dt-a5); }
@media (min-width: 1080px) { .dt-bas-yan { margin-top: 0; align-self: end; } }
/* Düz metin sütunu (kurumsal ve yasal gövde). */
.dt-duzyazi { max-width: 68ch; }
.dt-duzyazi h3 { margin: var(--dt-a5) 0 8px; }
.dt-duzyazi ul, .dt-duzyazi ol { padding-left: 1.25rem; margin: 0 0 var(--dt-a4); }
.dt-duzyazi li { margin-bottom: 6px; }
.dt-duzyazi li::marker { color: var(--dt-gri); }

/* --- §08 Siyah kuşak ----------------------------------------------------- */
.dt-kusak { background: var(--dt-siyah); color: var(--dt-beyaz); padding-block: var(--dt-a7); }
.dt-kusak h1, .dt-kusak h2, .dt-kusak h3, .dt-kusak .dt-no, .dt-kusak .dt-dev-baslik, .dt-kusak .dt-sayi { color: var(--dt-beyaz); }
.dt-kusak .dt-giris, .dt-kusak .dt-kunye-yazi, .dt-kusak .dt-blm-bas p { color: var(--dt-kul); }
.dt-kusak a:not(.dt-dg) { color: var(--dt-beyaz); }
.dt-kusak .dt-iz ol, .dt-kusak .dt-iz a { color: var(--dt-kul); }
.dt-kusak .dt-iz [aria-current] { color: var(--dt-beyaz); }
.dt-kusak .dt-rakam > span:last-child { color: var(--dt-kul); }
/* İnce kuşak: tek satır cümle + eylem (ara kartı, kapanış). */
.dt-kusak--ince { padding-block: var(--dt-a5); }
.dt-kusak-satir { display: flex; flex-wrap: wrap; gap: var(--dt-a4) var(--dt-a5); align-items: center; justify-content: space-between; }
.dt-kusak-satir p { margin: 0; color: var(--dt-kul); font-size: var(--dt-y-kucuk); }
.dt-kusak-satir b { display: block; color: var(--dt-beyaz); font-family: var(--dt-f-baslik); font-size: 1.25rem; font-weight: 700; letter-spacing: -0.012em; }
/* Üç dev numara sütunu ("nasıl yürür"): kutu yok, çizgi yok. */
.dt-sira { list-style: none; display: grid; gap: var(--dt-a6) var(--dt-oluk); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .dt-sira { grid-template-columns: repeat(3, minmax(0, 1fr)); } .dt-sira--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .dt-sira--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.dt-sira li { padding-top: 14px; background: linear-gradient(var(--dt-kirmizi), var(--dt-kirmizi)) 0 0 / 24px 3px no-repeat; }
.dt-sira .dt-sayi { font-size: var(--dt-y-dev); display: block; margin-bottom: 12px; }
.dt-sira h3 { margin-bottom: 6px; }
.dt-sira p { margin: 0; color: var(--dt-gri); }
.dt-kusak .dt-sira p { color: var(--dt-kul); }

/* --- §09 Numaralı liste, A–Z rayı, düz dizi ------------------------------ */
.dt-nliste { list-style: none; columns: 1; column-gap: var(--dt-oluk); }
@media (min-width: 380px) { .dt-nliste--4 { columns: 2; } }
.dt-nliste b { overflow-wrap: anywhere; }
@media (min-width: 720px) { .dt-nliste--2, .dt-nliste--3, .dt-nliste--4 { columns: 2; } }
@media (min-width: 1080px) { .dt-nliste--3 { columns: 3; } .dt-nliste--4 { columns: 4; } }
.dt-nliste li { break-inside: avoid; }
.dt-nliste a, .dt-nliste .dt-nliste-satir { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr) auto; align-items: baseline; gap: 8px; padding: 11px 0; min-height: 44px; border-bottom: 1px solid var(--dt-kil); text-decoration: none; color: var(--dt-metin); }
.dt-nliste a:hover { border-bottom-color: var(--dt-siyah); box-shadow: inset 0 -1px 0 var(--dt-siyah); }
.dt-nliste .dt-no { color: var(--dt-gri); font-weight: 600; }
.dt-nliste b { font-weight: 600; }
.dt-nliste small { font-variant-numeric: tabular-nums; color: var(--dt-gri); font-size: 14px; text-align: right; }
.dt-nliste--sade a, .dt-nliste--sade .dt-nliste-satir { grid-template-columns: minmax(0, 1fr) auto; }
.dt-nliste--iki a, .dt-nliste--iki .dt-nliste-satir { grid-template-columns: 2.25rem minmax(0, 1fr); row-gap: 2px; }
.dt-nliste--iki small { grid-column: 2; text-align: left; }
.dt-nliste .dt-burada b::after { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--dt-kirmizi); margin-left: 8px; vertical-align: middle; }
.dt-kusak .dt-nliste a { color: var(--dt-beyaz); border-bottom-color: var(--dt-gece-cizgi); }
.dt-kusak .dt-nliste .dt-no, .dt-kusak .dt-nliste small { color: var(--dt-kul); }
.dt-harf-rayi { display: flex; overflow-x: auto; scrollbar-width: none; border-top: 1px solid var(--dt-siyah); border-bottom: 1px solid var(--dt-kil); margin-bottom: var(--dt-a5); }
.dt-harf-rayi::-webkit-scrollbar { display: none; }
.dt-harf-rayi a { flex: none; min-width: 44px; min-height: 44px; display: grid; place-items: center; font-family: var(--dt-f-sayi); font-weight: 700; text-decoration: none; color: var(--dt-siyah); }
.dt-harf-rayi a:hover, .dt-harf-rayi a[aria-current] { box-shadow: inset 0 -3px 0 var(--dt-kirmizi); }
.dt-dizi { list-style: none; display: flex; flex-wrap: wrap; gap: 0; font-size: var(--dt-y-kucuk); }
.dt-dizi li + li::before { content: "·"; margin: 0 10px; color: var(--dt-gri-2); }
.dt-dizi a { display: inline-block; padding: 10px 0; color: var(--dt-metin); }
.dt-dizi-etiket { font-weight: 700; margin-right: 12px; }
.dt-suz-kutu { display: block; max-width: 360px; margin-bottom: var(--dt-a4); }
.dt-suz-kutu input { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--dt-siyah); border-radius: var(--dt-k2); font: inherit; font-size: 16px; background: var(--dt-beyaz); }

/* --- §10 Hücre ızgarası -------------------------------------------------- */
.dt-hucreler { list-style: none; display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--dt-kil); border-left: 1px solid var(--dt-kil); }
@media (min-width: 360px) { .dt-hucreler { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dt-hucreler--2, .dt-hucreler--genis { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 560px) { .dt-hucreler--2, .dt-hucreler--genis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 559px) { .dt-hucre > a, .dt-hucre > .dt-hucre-ic { min-height: 136px; padding: var(--dt-a3); } .dt-hucre h3 { font-size: 1.0625rem; } }
@media (min-width: 960px) { .dt-hucreler { grid-template-columns: repeat(3, minmax(0, 1fr)); } .dt-hucreler--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .dt-hucreler--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.dt-hucre { position: relative; border-right: 1px solid var(--dt-kil); border-bottom: 1px solid var(--dt-kil); min-width: 0; }
.dt-hucre > a, .dt-hucre > .dt-hucre-ic { display: grid; grid-template-rows: auto auto 1fr auto; gap: 6px; height: 100%; min-height: 168px; padding: var(--dt-a4) var(--dt-a4) var(--dt-a3); text-decoration: none; color: var(--dt-metin); }
.dt-hucre > a::before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; height: 3px; background: var(--dt-kirmizi); transform: scaleX(0); transform-origin: left; transition: transform var(--dt-sure) var(--dt-egri); }
.dt-hucre > a:hover::before, .dt-hucre > a:focus-visible::before, .dt-hucre--secili > a::before { transform: scaleX(1); }
.dt-hucre .dt-no { color: var(--dt-gri); }
.dt-hucre h3 { font-size: 1.25rem; overflow-wrap: anywhere; }
.dt-hucre p { margin: 0; color: var(--dt-gri); font-size: var(--dt-y-kucuk); }
.dt-hucre .dt-ok { min-height: 32px; font-size: 15px; }
.dt-hucre--kisa > a, .dt-hucre--kisa > .dt-hucre-ic { min-height: 112px; }

/* --- §11 Veri tablosu, kod tablosu, tanım listesi ------------------------ */
.dt-veri { width: 100%; border-collapse: collapse; font-size: var(--dt-y-kucuk); }
.dt-veri caption { text-align: left; font-family: var(--dt-f-sayi); font-size: var(--dt-y-etiket); font-weight: 700; padding-bottom: 8px; }
.dt-veri th { text-align: left; font-family: var(--dt-f-sayi); font-size: var(--dt-y-etiket); font-weight: 700; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--dt-siyah); vertical-align: bottom; }
.dt-veri tbody th { font-family: var(--dt-f-govde); font-size: var(--dt-y-kucuk); font-weight: 600; border-bottom: 1px solid var(--dt-kil); vertical-align: top; padding-top: 12px; }
.dt-veri td { padding: 12px 12px 12px 0; border-bottom: 1px solid var(--dt-kil); vertical-align: top; overflow-wrap: anywhere; }
.dt-veri .sayi { text-align: right; font-family: var(--dt-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; }
.dt-veri--serit tbody tr:nth-child(even) { background: var(--dt-ton); }
.dt-kusak .dt-veri th { border-bottom-color: var(--dt-beyaz); color: var(--dt-kul); font-weight: 600; }
.dt-kusak .dt-veri td, .dt-kusak .dt-veri tbody th { border-bottom-color: var(--dt-gece-cizgi); color: var(--dt-beyaz); }
.dt-kodtab .kod { font-family: var(--dt-f-sayi); font-size: 1.625rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1; white-space: nowrap; color: var(--dt-siyah); width: 6.5rem; }
.dt-kodtab td b { display: block; font-weight: 600; color: var(--dt-metin); }
.dt-kodtab td b + span { color: var(--dt-gri); }
@media (max-width: 719px) {
  .dt-kodtab thead { display: none; }
  .dt-kodtab tr { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); border-bottom: 1px solid var(--dt-kil); padding: 12px 0; }
  .dt-kodtab td { border: 0; padding: 0; }
  .dt-kodtab td:last-child { grid-column: 2; padding-top: 8px; }
  .dt-veri--yigin thead { display: none; }
  .dt-veri--yigin tr { display: grid; gap: 4px; border-bottom: 1px solid var(--dt-kil); padding: 12px 0; }
  .dt-veri--yigin td, .dt-veri--yigin tbody th { border: 0; padding: 0; }
}
.dt-durum { display: inline-flex; align-items: center; min-height: 28px; padding: 0 8px; font-size: var(--dt-y-etiket); font-weight: 700; line-height: 1.2; white-space: nowrap; }
.dt-durum--kendiniz { color: var(--dt-yesil); box-shadow: inset 0 0 0 1px var(--dt-yesil); }
.dt-durum--servis { background: var(--dt-siyah); color: var(--dt-beyaz); }
.dt-durum--durdur { color: var(--dt-siyah); box-shadow: inset 3px 0 0 var(--dt-kirmizi), inset 0 0 0 1px var(--dt-siyah); padding-left: 11px; }
/* Tanım listesi: künye, iletişim, kurum kayıtları (sol ad, sağ değer). */
.dt-tanim { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; font-size: var(--dt-y-kucuk); border-top: 1px solid var(--dt-siyah); }
.dt-tanim > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--dt-kil); }
.dt-tanim dt { color: var(--dt-gri); font-weight: 600; }
.dt-tanim dd { margin: 0; overflow-wrap: anywhere; }
.dt-kusak .dt-tanim { border-top-color: var(--dt-beyaz); }
.dt-kusak .dt-tanim > div { border-bottom-color: var(--dt-gece-cizgi); }
.dt-kusak .dt-tanim dt { color: var(--dt-kul); }

/* --- §12 Sekme şeridi ---------------------------------------------------- */
.dt-sekmeler { display: flex; overflow-x: auto; scrollbar-width: none; border-top: 1px solid var(--dt-kil); margin-top: var(--dt-a6); }
.dt-kusak .dt-sekmeler { border-top-color: var(--dt-gece-cizgi); }
.dt-sekmeler::-webkit-scrollbar { display: none; }
.dt-sekme { flex: none; display: inline-flex; align-items: baseline; gap: 8px; min-height: 52px; padding: 16px 20px 13px 0; margin-right: 20px; color: var(--dt-gri); text-decoration: none; font-weight: 600; border-bottom: 3px solid transparent; }
.dt-sekme .dt-no { color: inherit; }
.dt-sekme[aria-selected="true"], .dt-sekme[aria-current] { color: var(--dt-siyah); border-bottom-color: var(--dt-kirmizi); }
.dt-sekme:hover { color: var(--dt-siyah); }
.dt-kusak .dt-sekme { color: var(--dt-kul); }
.dt-kusak .dt-sekme[aria-selected="true"], .dt-kusak .dt-sekme[aria-current], .dt-kusak .dt-sekme:hover { color: var(--dt-beyaz); }

/* --- §13 Soru listesi (SSS) ---------------------------------------------- */
.dt-sorular { border-top: 1px solid var(--dt-kil); }
.dt-sorular details { border-bottom: 1px solid var(--dt-kil); }
.dt-sorular details[open] { border-top: 1px solid var(--dt-siyah); margin-top: -1px; }
.dt-sorular summary { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr) 24px; gap: 8px; align-items: baseline; padding: 16px 0; min-height: 56px; cursor: pointer; list-style: none; font-weight: 600; font-size: 1.0625rem; }
.dt-sorular summary::-webkit-details-marker { display: none; }
.dt-sorular summary::after { content: "+"; font-family: var(--dt-f-sayi); font-size: 22px; font-weight: 500; line-height: 1; text-align: right; }
.dt-sorular details[open] summary::after { content: "−"; }
.dt-sorular { counter-reset: dt-soru; }
.dt-sorular summary::before { counter-increment: dt-soru; content: counter(dt-soru, decimal-leading-zero); font-family: var(--dt-f-sayi); font-size: var(--dt-y-etiket); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--dt-gri); }
.dt-sorular summary:hover { box-shadow: inset 3px 0 0 var(--dt-kirmizi); }
.dt-soru-cevap { padding: 0 0 16px 2.75rem; }
.dt-soru-cevap p { margin: 0 0 10px; color: var(--dt-metin); }
.dt-soru-cevap p:first-child { font-weight: 600; }

/* --- §14 Form ------------------------------------------------------------ */
.dt-istek { min-width: 0; }
.dt-istek-grup { padding: var(--dt-a5) 0; border-top: 1px solid var(--dt-kil); min-width: 0; margin: 0; border-left: 0; border-right: 0; border-bottom: 0; }
.dt-istek-grup:first-of-type { border-top-color: var(--dt-siyah); }
.dt-istek-baslik { margin-bottom: var(--dt-a4); padding: 0; }
.dt-istek-baslik b { display: block; font-family: var(--dt-f-baslik); font-size: 1.25rem; font-weight: 700; margin-top: 4px; color: var(--dt-siyah); }
.dt-istek-baslik small { display: block; margin-top: 4px; color: var(--dt-gri); font-size: 14px; max-width: 26ch; }
@media (min-width: 1080px) {
  .dt-istek-grup { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); column-gap: var(--dt-oluk); }
  .dt-blm-govde .dt-istek-grup { grid-template-columns: minmax(0, 2fr) minmax(0, 7fr); }
}
.dt-istek-alanlar { display: grid; gap: var(--dt-a4); grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 720px) { .dt-istek-alanlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dt-istek-alanlar .tam { grid-column: 1 / -1; } }
.dt-gir, .dt-acilir { min-width: 0; }
.dt-gir label, .dt-acilir label { display: block; font-size: var(--dt-y-etiket); font-weight: 700; margin-bottom: 6px; color: var(--dt-siyah); }
.dt-gir label small, .dt-acilir label small { font-weight: 500; color: var(--dt-gri); }
.dt-gir input, .dt-gir textarea, .dt-acilir select {
  width: 100%; min-height: 52px; padding: 0 14px; border: 1px solid var(--dt-siyah); border-radius: var(--dt-k2);
  background: var(--dt-beyaz); font: inherit; font-size: 17px; color: var(--dt-metin); -webkit-appearance: none; appearance: none;
}
.dt-gir input[type="date"], .dt-gir input[type="time"] { min-width: 0; display: block; }
.dt-gir input[type="file"] { padding: 12px 14px; }
.dt-gir textarea { padding-block: 12px; min-height: 104px; resize: vertical; }
/* Tarih ve saat: appearance:none yerli seçiciyi gizler; takvim simgesi tıklanabilir kalsın. */
.dt-gir input[type="date"], .dt-gir input[type="time"] { -webkit-appearance: auto; appearance: auto; color-scheme: light; }
.dt-gir input[type="date"]::-webkit-calendar-picker-indicator, .dt-gir input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
/* Kariyer formu: CV dosya seçici. */
.dt-gir input[type="file"]::file-selector-button { margin-right: var(--dt-a3); min-height: 36px; padding: 0 14px; border: 1px solid var(--dt-siyah); border-radius: var(--dt-k2); background: var(--dt-beyaz); color: var(--dt-siyah); font: inherit; font-weight: 600; cursor: pointer; }
.dt-gir input[type="file"]::file-selector-button:hover { background: var(--dt-siyah); color: var(--dt-beyaz); }
.dt-gir input::placeholder, .dt-gir textarea::placeholder { color: var(--dt-gri-2); }
.dt-gir input:focus-visible, .dt-gir textarea:focus-visible, .dt-acilir select:focus-visible { outline: 2px solid var(--dt-kirmizi); outline-offset: 2px; }
.dt-acilir select { padding-right: 44px; background: var(--dt-beyaz) right 14px 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='%23000' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.dt-select-cok select { min-height: 160px; padding: 8px; background-image: none; }
.dt-gir--hata input, .dt-gir--hata textarea, .dt-gir--hata select, .dt-acilir.dt-gir--hata select { box-shadow: inset 3px 0 0 var(--dt-kirmizi); }
.dt-isaret.dt-gir--hata { box-shadow: inset 3px 0 0 var(--dt-kirmizi); padding-left: 12px; }
.dt-gir-ileti { display: flex; gap: 8px; align-items: baseline; margin: 6px 0 0; font-size: 14px; font-weight: 600; color: var(--dt-siyah); max-width: none; }
.dt-gir-ileti::before { content: "!"; flex: none; display: inline-grid; place-items: center; width: 16px; height: 16px; background: var(--dt-kirmizi); color: var(--dt-beyaz); font-size: 11px; font-weight: 800; transform: translateY(2px); }
.dt-gir-not { margin: 6px 0 0; font-size: 13px; color: var(--dt-gri); }
.dt-isaret { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; align-items: start; font-size: var(--dt-y-kucuk); cursor: pointer; }
.dt-isaret input { appearance: none; -webkit-appearance: none; width: 22px; height: 22px; margin: 1px 0 0; border: 1px solid var(--dt-siyah); border-radius: 0; background: var(--dt-beyaz); display: grid; place-content: center; cursor: pointer; }
.dt-isaret input:checked { background: var(--dt-siyah); }
.dt-isaret input:checked::after { content: ""; width: 11px; height: 6px; border: solid var(--dt-beyaz); border-width: 0 0 2px 2px; transform: translateY(-2px) rotate(-45deg); }
.dt-isaret input:focus-visible { outline: 2px solid var(--dt-kirmizi); outline-offset: 2px; }
.dt-zaman { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--dt-siyah); border-left: 1px solid var(--dt-siyah); margin-bottom: 12px; }
@media (min-width: 560px) { .dt-zaman { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.dt-zaman button { min-height: 64px; border: 0; border-right: 1px solid var(--dt-siyah); border-bottom: 1px solid var(--dt-siyah); border-radius: 0; background: var(--dt-beyaz); font: inherit; font-size: 13px; color: var(--dt-gri); cursor: pointer; padding: 6px 2px; }
.dt-zaman button b { display: block; font-family: var(--dt-f-sayi); font-size: 1.375rem; color: var(--dt-siyah); font-variant-numeric: tabular-nums; }
.dt-zaman button[aria-pressed="true"] { background: var(--dt-siyah); color: var(--dt-kul); }
.dt-zaman button[aria-pressed="true"] b { color: var(--dt-beyaz); }
.dt-istek-dip { padding-top: var(--dt-a5); border-top: 1px solid var(--dt-siyah); display: grid; gap: var(--dt-a4); }
.dt-istek-dip p { margin: 0; font-size: 14px; color: var(--dt-gri); }
@media (min-width: 720px) { .dt-istek-dip .dt-dg { justify-self: start; min-width: 280px; } }
.dt-bal { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* --- §15 İleti ve not ---------------------------------------------------- */
.dt-ileti { padding: 12px 16px; box-shadow: inset 3px 0 0 var(--dt-siyah); font-size: var(--dt-y-kucuk); margin: 0 0 12px; max-width: none; background: var(--dt-beyaz); color: var(--dt-metin); }
.dt-ileti--basari { box-shadow: inset 3px 0 0 var(--dt-yesil); }
.dt-ileti--uyari { box-shadow: inset 3px 0 0 var(--dt-kirmizi); }
.dt-ileti b { display: block; }
.dt-ileti p { margin: 0; }

/* --- §16 Mobil alt çubuk ------------------------------------------------- */
.dt-cubuk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: grid; grid-template-columns: minmax(0, 1fr) 64px; height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: var(--dt-siyah); border-top: 1px solid var(--dt-gece-cizgi); transition: transform var(--dt-sure) var(--dt-egri); }
.dt-cubuk--tek { grid-template-columns: minmax(0, 1fr); }
.dt-cubuk--gizli { transform: translateY(110%); }
.dt-cubuk-tel { margin: 8px 0 8px 8px; display: flex; align-items: center; justify-content: center; gap: 10px; background: var(--dt-kirmizi); color: var(--dt-beyaz); border-radius: var(--dt-k2); text-decoration: none; font-weight: 600; font-size: 16px; min-width: 0; padding: 0 12px; white-space: nowrap; overflow: hidden; }
.dt-cubuk--tek .dt-cubuk-tel { margin-right: 8px; }
.dt-cubuk-tel:hover { background: var(--dt-kirmizi-bas); color: var(--dt-beyaz); }
.dt-cubuk-tel b { font-family: var(--dt-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; font-size: 17px; letter-spacing: 0.01em; overflow: hidden; text-overflow: ellipsis; }
.dt-cubuk-tel svg { width: 20px; height: 20px; flex: none; }
.dt-cubuk-tel--resmi { background: var(--dt-beyaz); color: var(--dt-siyah); }
.dt-cubuk-tel--resmi:hover { background: var(--dt-beyaz); color: var(--dt-siyah); box-shadow: inset 0 -3px 0 var(--dt-kirmizi); }
.dt-cubuk-tel span { overflow: hidden; text-overflow: ellipsis; }
.dt-cubuk-form { display: grid; place-items: center; align-content: center; gap: 2px; color: var(--dt-beyaz); text-decoration: none; font-size: 11px; font-weight: 600; }
.dt-cubuk-form svg { width: 22px; height: 22px; }
.dt-cubuk-form:hover { color: var(--dt-beyaz); box-shadow: inset 0 -3px 0 var(--dt-kirmizi); }
body.dt-cubuklu { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
@media (max-width: 359px) { .dt-cubuk-tel { font-size: 15px; gap: 6px; } .dt-cubuk-tel b { font-size: 15px; } .dt-cubuk-tel .dt-cubuk-etiket { display: none; } }
@media (min-width: 1080px) {
  .dt-cubuk { display: none; }
  body.dt-cubuklu { padding-bottom: 0; }
}

/* --- §17 Altbilgi (açık) ------------------------------------------------- */
.dt-dip { border-top: 1px solid var(--dt-siyah); padding-top: var(--dt-a7); background: var(--dt-beyaz); }
/* v2: marka sütunu (logo · tanım · dev numara · kanallar) │ dizinler. */
.dt-dip-ad { margin-bottom: var(--dt-a6); }
.dt-dip-ad > a img { height: 26px; width: auto; margin-bottom: var(--dt-a4); }
.dt-dip-tanim { margin: 0 0 var(--dt-a4); font-size: var(--dt-y-kucuk); max-width: 46ch; color: var(--dt-metin); }
.dt-dip-no { display: inline-grid; gap: 2px; margin-bottom: var(--dt-a4); font-family: var(--dt-f-sayi); font-weight: 800; font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.25rem); letter-spacing: -0.02em; line-height: 1.05; font-variant-numeric: tabular-nums; color: var(--dt-siyah); text-decoration: none; overflow-wrap: anywhere; }
.dt-dip-no span { font-family: var(--dt-f-govde); font-size: 13px; font-weight: 600; letter-spacing: 0; color: var(--dt-gri); }
.dt-dip-no:hover { text-decoration: underline; text-decoration-color: var(--dt-kirmizi); text-decoration-thickness: 3px; }
.dt-dip-kanal { list-style: none; margin: 0; padding: 0; font-size: var(--dt-y-kucuk); color: var(--dt-gri); }
.dt-dip-kanal li { padding: 4px 0; overflow-wrap: anywhere; }
.dt-dip-kanal a { color: var(--dt-metin); }
/* 05 Künye: ortak kenarlı hücre ızgarası (1 / 2 / 4 sütun). */
.dt-dip-kunye { grid-column: 1 / -1; border-top: 1px solid var(--dt-siyah); padding: var(--dt-a4) 0 var(--dt-a5); }
.dt-dip-kunye h2 { display: inline; margin-left: 8px; font-size: 15px; letter-spacing: 0; }
.dt-dip-kunye dl { margin: var(--dt-a3) 1px 1px 0; display: grid; grid-template-columns: minmax(0, 1fr); font-size: var(--dt-y-kucuk); }
.dt-dip-kunye dl > div { padding: 10px 12px; border: 1px solid var(--dt-kil); margin: 0 -1px -1px 0; min-width: 0; }
.dt-dip-kunye dt { color: var(--dt-gri); font-size: 13px; font-weight: 600; }
.dt-dip-kunye dd { margin: 2px 0 0; overflow-wrap: anywhere; }
@media (min-width: 560px) { .dt-dip-kunye dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .dt-dip-kunye dl { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.dt-dip-beyan { grid-column: 1 / -1; margin: 0 0 var(--dt-a5); font-size: 13px; color: var(--dt-gri); box-shadow: inset 3px 0 0 var(--dt-siyah); padding-left: 14px; max-width: 80ch; }
.dt-dip-dizin { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dt-a5) var(--dt-oluk); margin-bottom: var(--dt-a6); }
@media (min-width: 720px) { .dt-dip-dizin { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.dt-dip-dizin h2 { font-size: 15px; margin: 6px 0 8px; letter-spacing: 0; }
.dt-dip-dizin ul { list-style: none; font-size: var(--dt-y-kucuk); }
.dt-dip-dizin a, .dt-dip-dizin button { display: inline-block; padding: 6px 0; text-decoration: none; color: var(--dt-metin); background: none; border: 0; font: inherit; cursor: pointer; text-align: left; min-height: 32px; }
.dt-dip-dizin a:hover, .dt-dip-dizin button:hover { text-decoration: underline; text-decoration-color: var(--dt-kirmizi); }
.dt-dip-kucuk { grid-column: 1 / -1; border-top: 1px solid var(--dt-kil); padding: var(--dt-a4) 0; font-size: var(--dt-y-kucuk); }
.dt-dip-kucuk .dt-dizi { display: inline-flex; }
.dt-dip-kucuk .dt-dizi a { padding: 6px 0; }
.dt-dip-son { grid-column: 1 / -1; border-top: 1px solid var(--dt-kil); padding: var(--dt-a4) 0 var(--dt-a5); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; font-size: 13px; color: var(--dt-gri); }
.dt-dip-son p { margin: 0; }
.dt-dip-son a { color: var(--dt-gri); }
.dt-dip-sayim b { font-family: var(--dt-f-sayi); font-variant-numeric: tabular-nums; color: var(--dt-siyah); }

/* --- §18 Sayfa ekleri: açılış, kurumsal, 404, çerez, harita -------------- */
/* Ana sayfa açılışı: etiket + dev manşet + ortada büyük arama + sık aranan. */
.dt-acilis-alan { padding-block: var(--dt-a7) var(--dt-a8); }
.dt-acilis-alan .dt-dev-baslik { margin: var(--dt-a4) 0 var(--dt-a5); }
.dt-acilis-alan .dt-giris { margin-bottom: var(--dt-a5); }
.dt-acilis-arama { margin-top: var(--dt-a5); }
.dt-acilis-sik { margin: var(--dt-a4) 0 0; font-size: var(--dt-y-kucuk); }
.dt-acilis-ilke { list-style: none; display: flex; flex-wrap: wrap; gap: 8px var(--dt-a5); margin: var(--dt-a5) 0 0; font-weight: 600; font-size: var(--dt-y-kucuk); }
.dt-acilis-ilke li { padding-top: 10px; background: linear-gradient(var(--dt-siyah), var(--dt-siyah)) 0 0 / 16px 1px no-repeat; }
.dt-acilis-yan { margin-top: var(--dt-a6); }
.dt-kusak-not b { color: var(--dt-beyaz); }
@media (min-width: 1080px) { .dt-acilis-yan { margin-top: 0; align-self: end; padding-bottom: 8px; } }
/* Çerez bandı: alt çubuğun üstünde, siyah. */
.dt-cerez-bandi { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; background: var(--dt-siyah); color: var(--dt-beyaz); border-top: 1px solid var(--dt-gece-cizgi); padding: var(--dt-a4) 0 calc(var(--dt-a4) + env(safe-area-inset-bottom)); }
.dt-cerez-bandi p { color: var(--dt-kul); font-size: 14px; margin: 0 0 12px; max-width: 80ch; }
.dt-cerez-bandi a { color: var(--dt-beyaz); }
/* Hakkımızda (v2): metin │ yapışkan yan sütun. Solda numaralı bloklar (1 px
   siyah çizgiyle ayrılır), sağda 3 px siyah üst çizgili esas listesi. */
.dt-kurum-metin > section { border-top: 1px solid var(--dt-siyah); padding-block: var(--dt-a5) var(--dt-a7); }
.dt-kurum-metin > section:first-child { border-top: 0; padding-top: 0; }
.dt-kurum-metin h2 { margin: 8px 0 var(--dt-a4); }
.dt-kurum-metin .dt-nliste { margin-bottom: 8px; }
.dt-sabit-yan { align-self: start; border-top: 3px solid var(--dt-siyah); padding-top: var(--dt-a4); margin-bottom: var(--dt-a6); }
.dt-sabit-yan h2 { font-size: var(--dt-y-3); margin: 6px 0 var(--dt-a3); }
.dt-sabit-yan .dt-maddeler { font-size: var(--dt-y-kucuk); margin-bottom: 8px; }
.dt-sabit-yan .dt-dg { margin-top: var(--dt-a3); }
@media (min-width: 1080px) {
  .dt-sabit-yan { position: sticky; top: calc(var(--dt-ust-boy) + 24px); margin-bottom: 0; }
}
/* 404 / 500 */
.dt-yok-kod { font-size: var(--dt-y-dev); color: var(--dt-siyah); display: block; }
/* İletişim: tıkla-yükle harita kabı (iletisim-harita.js). */
.dt-harita-kap { border: 1px solid var(--dt-kil); aspect-ratio: 4 / 3; display: grid; place-items: center; padding: var(--dt-a4); text-align: center; }
.dt-harita-kap iframe { width: 100%; height: 100%; border: 0; }
.dt-harita-kap.ih-acik { padding: 0; }
.dt-harita-kap.ih-acik > div { display: none; }
/* Logo kiti önizleme hücresi. */
.dt-logo-pano { display: grid; place-items: center; min-height: 140px; padding: var(--dt-a5); border-bottom: 1px solid var(--dt-kil); }
.dt-logo-pano--koyu { background: var(--dt-siyah); }
.dt-logo-pano img { max-height: 56px; width: auto; }

/* --- §19 Yardımcılar, hareket azaltma, yazdırma -------------------------- */
.dt-ust-bosluk { margin-top: var(--dt-a5); }
.dt-alt-bosluk { margin-bottom: var(--dt-a5); }
.dt-tabular { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  .dt-hucre > a::before, .dt-ok::after, .dt-cubuk, .dt-menu-sutun li a, .dt-dg { transition: none !important; }
}
@media print {
  .dt-tepe, .dt-cubuk, .dt-menu, .dt-menu-perde, .dt-cerez-bandi, .dt-kusak--ince { display: none !important; }
  .dt-kusak { background: none !important; color: #000 !important; }
  .dt-kusak * { color: #000 !important; }
}

/* ==========================================================================
   §20–§29 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 ve
   bolge/_*.html. Görünüm §03–§19 bileşenleri.
   ========================================================================== */

/* --- §20 Cihaz başlık kuşağı (siyah): H1 + giriş + düğmeler │ özet tablo; dipte sekme şeridi */
.dt-cb { padding-block: var(--dt-a6) 0; }
.dt-cb .dt-iz { margin-bottom: var(--dt-a5); }
.dt-cb-h1 { font-size: var(--dt-y-manset); line-height: 1; letter-spacing: -0.035em; margin: 0 0 var(--dt-a4); overflow-wrap: anywhere; }
.dt-cb-eylem, .dt-yb-eylem { display: flex; flex-wrap: wrap; gap: 12px; margin-top: var(--dt-a5); }
.dt-cb-eylem:empty, .dt-yb-eylem:empty { display: none; }
.dt-cb-yan { margin-top: var(--dt-a6); }
.dt-cb-ozet caption { color: var(--dt-kul); }
.dt-cb-ozet td { padding-block: 10px; }
.dt-cb-sekmeler { grid-column: 1 / -1; margin-top: var(--dt-a6); }
.dt-sekme--etkin { color: var(--dt-siyah); border-bottom-color: var(--dt-kirmizi); }
.dt-kusak .dt-sekme--etkin { color: var(--dt-beyaz); }
@media (min-width: 1080px) { .dt-cb-yan { margin-top: 0; align-self: end; } }

/* --- §21 Yer başlığı (beyaz): kırıntı, etiket satırı, H1, rakamlar, künye satırı */
.dt-yb { padding-block: var(--dt-a6) var(--dt-a7); }
.dt-yb .dt-iz { margin-bottom: var(--dt-a5); }
.dt-yb-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin: 0 0 var(--dt-a3); max-width: none; }
.dt-yb-yer { font-family: var(--dt-f-sayi); font-weight: 700; font-size: var(--dt-y-etiket); font-variant-numeric: tabular-nums; color: var(--dt-gri); }
.dt-yb-h1 { margin: 0 0 var(--dt-a4); overflow-wrap: anywhere; }
.dt-yb-yan { margin-top: var(--dt-a6); }
.dt-yb-ara { margin-top: var(--dt-a5); max-width: 720px; }
@media (min-width: 1080px) { .dt-yb-yan { margin-top: 0; align-self: end; justify-self: end; } }
.dt-yb-kunye { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr); margin: var(--dt-a6) 0 0; border-top: 1px solid var(--dt-siyah); }
.dt-yb-kunye > div { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--dt-kil); }
.dt-yb-kunye dt { font-family: var(--dt-f-sayi); font-size: var(--dt-y-etiket); font-weight: 700; color: var(--dt-gri); }
.dt-yb-kunye dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
@media (min-width: 720px) {
  .dt-yb-kunye { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dt-yb-kunye > div { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 12px 16px; border-bottom: 0; border-left: 1px solid var(--dt-kil); }
  .dt-yb-kunye > div:first-child { border-left: 0; padding-left: 0; }
}

/* --- §22 Yanlı gövde: metin │ şekil + adım paneli */
.dt-yanli { display: grid; gap: var(--dt-a6) var(--dt-oluk); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) { .dt-yanli { grid-template-columns: minmax(0, 5fr) minmax(0, 3fr); } }
.dt-yanli-yan { display: grid; gap: var(--dt-a5); align-content: start; }
.dt-yanli-not { margin-top: var(--dt-a4); color: var(--dt-gri); }
.dt-adim-panel { border: 1px solid var(--dt-siyah); padding: var(--dt-a5) var(--dt-a4) var(--dt-a4); display: grid; gap: var(--dt-a3); }
.dt-adim-panel p { margin: 0; font-size: var(--dt-y-kucuk); color: var(--dt-gri); }
.dt-adim-panel .dt-adim-panel-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-family: var(--dt-f-baslik); font-size: 1.125rem; font-weight: 700; color: var(--dt-siyah); }
.dt-adim-panel .dt-dg { width: 100%; }
.dt-adimlar { list-style: none; border-top: 1px solid var(--dt-kil); }
.dt-adimlar li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: 8px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid var(--dt-kil); font-size: var(--dt-y-kucuk); }
.dt-adimlar .dt-no { color: var(--dt-gri); }

/* --- §23 Şekil: cihaz fotoğrafı + künye satırı ("Şekil · Kombi") */
.dt-sekil { margin: 0; border: 1px solid var(--dt-kil); background: var(--dt-beyaz); }
.dt-sekil img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; padding: var(--dt-a4); }
.dt-sekil figcaption { border-top: 1px solid var(--dt-kil); padding: 8px 12px; font-size: 13px; color: var(--dt-gri); }
.dt-sekil figcaption .dt-no { color: var(--dt-siyah); margin-right: 6px; }

/* --- §24 Madde listesi (bağlantısız): kıl çizgili satır, solda kısa siyah im ya da numara */
.dt-maddeler { list-style: none; border-top: 1px solid var(--dt-kil); column-gap: var(--dt-oluk); }
.dt-maddeler li { position: relative; padding: 10px 0 10px 22px; border-bottom: 1px solid var(--dt-kil); break-inside: avoid; }
.dt-maddeler li::before { content: ""; position: absolute; left: 0; top: 1.3em; width: 10px; height: 2px; background: var(--dt-siyah); }
.dt-maddeler--no li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: 8px; align-items: baseline; padding-left: 0; }
.dt-maddeler--no li::before { content: none; }
.dt-maddeler--no .dt-no { color: var(--dt-gri); }
@media (min-width: 720px) { .dt-maddeler--2 { columns: 2; } .dt-maddeler--2 li:first-child { border-top: 0; } }
.dt-ara-bas { margin: var(--dt-a6) 0 var(--dt-a3); font-size: var(--dt-y-3); }
.dt-blm-govde > h2 + .dt-ara-bas, .dt-yanli-ana > .dt-ara-bas:first-child { margin-top: 0; }

/* --- §25 Çift sütun (parça │ bakım, evde │ teknisyen) ve ilke ızgarası */
.dt-cift { display: grid; gap: var(--dt-a6) var(--dt-oluk); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .dt-cift { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.dt-cift h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 8px; }
.dt-cift-not { font-size: var(--dt-y-kucuk); color: var(--dt-gri); margin: 0 0 var(--dt-a3); }
.dt-blm-govde > h2 .dt-durum { font-family: var(--dt-f-govde); letter-spacing: 0; }
.dt-ilkeler { list-style: none; display: grid; gap: var(--dt-a5) var(--dt-oluk); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .dt-ilkeler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .dt-ilkeler { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.dt-ilkeler li { border-top: 1px solid var(--dt-siyah); padding-top: 12px; }
.dt-ilkeler .dt-no { color: var(--dt-gri); }
.dt-ilkeler h3 { margin: 6px 0; }
.dt-ilkeler p { margin: 0; font-size: var(--dt-y-kucuk); color: var(--dt-gri); }

/* --- §26 Bölge dizinleri: grup başlıklı cihaz listesi, A–Z ilçe dizini, il listesi */
.dt-grup-dizin { display: grid; gap: var(--dt-a6) var(--dt-oluk); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .dt-grup-dizin { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.dt-grup-dizin h3 { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--dt-siyah); }
.dt-grup-dizin h3 a { text-decoration: none; }
.dt-grup-dizin h3 a:hover { text-decoration: underline; text-decoration-color: var(--dt-kirmizi); }
.dt-grup-dizin h3 small { font-family: var(--dt-f-sayi); font-size: var(--dt-y-etiket); font-weight: 700; color: var(--dt-gri); white-space: nowrap; }
.dt-bolge-dizin { margin-top: var(--dt-a6); }
@media (min-width: 1080px) { .dt-bolge-dizin { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.dt-az-suz { max-width: 360px; margin-bottom: var(--dt-a4); }
.dt-az-gruplar { columns: 1; column-gap: var(--dt-oluk); }
@media (min-width: 560px) { .dt-az-gruplar { columns: 2; } }
@media (min-width: 1080px) { .dt-az-gruplar { columns: 3; } }
.dt-az-grup { break-inside: avoid; margin-bottom: var(--dt-a5); }
.dt-az-harf { margin: 0; padding-bottom: 6px; border-bottom: 1px solid var(--dt-siyah); font-family: var(--dt-f-sayi); font-size: 1.5rem; font-weight: 800; line-height: 1; color: var(--dt-siyah); }
.dt-kucuk-not { margin-top: var(--dt-a4); }
.dt-dizi--uzun { line-height: 1.9; color: var(--dt-metin); }

/* --- §27 Köprü tabloları (marka × kod sayısı) ve marka listesi aralıkları */
.dt-kopru { margin-top: var(--dt-a6); }
.dt-kopru td a { font-weight: 600; }
.dt-blm-govde > .dt-nliste + .dt-nliste { margin-top: var(--dt-a5); }

/* --- §28 Dar ekran: başlık kuşağı ve yer başlığı */
@media (max-width: 719px) {
  .dt-cb-eylem .dt-dg, .dt-yb-eylem .dt-dg { width: 100%; }
  .dt-rakamlar .dt-sayi { font-size: clamp(2.75rem, 1.5rem + 6vw, 4rem); }
}

/* --- §29 Yazdırma: başlık kuşağının sekme şeridi basılmaz */
@media print { .dt-cb-sekmeler, .dt-yb-eylem, .dt-cb-eylem { display: none !important; } }

/* ==========================================================================
   §30–§39 Marka ve hata kodu aileleri (Faz 3, C). Görünüm: 12 sütun,
   1 px çizgi, kırmızı yalnız nokta/çizgi/düğme. Önek: dt-mk- (marka), dt-kd- (hata kodu).
   ========================================================================== */

/* --- §30 Marka açılışı: metin · numara kartı + özet tablo · şerit -------- */
.dt-mk-acilis { padding-block: var(--dt-a5) var(--dt-a7); background: var(--dt-beyaz); }
.dt-mk-acilis .dt-iz { margin-bottom: var(--dt-a5); }
.dt-mk-acilis-metin h1 { margin: 12px 0 var(--dt-a4); overflow-wrap: anywhere; text-wrap: balance; }
.dt-mk-acilis-metin .dt-giris { margin-bottom: var(--dt-a5); }
.dt-mk-acilis-metin .dt-ileti { max-width: 60ch; }
.dt-mk-hat { margin-top: var(--dt-a5); border: 1px solid var(--dt-siyah); align-self: start; min-width: 0; }
.dt-mk-hat-ust { display: grid; gap: 6px; padding: var(--dt-a4); background: var(--dt-siyah); color: var(--dt-beyaz); }
.dt-mk-hat-ad { font-size: var(--dt-y-etiket); font-weight: 600; color: var(--dt-kul); }
.dt-mk-hat-no { font-family: var(--dt-f-sayi); font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.05; font-variant-numeric: tabular-nums; color: var(--dt-beyaz); text-decoration: none; overflow-wrap: anywhere; }
.dt-mk-hat-no:hover { text-decoration: underline; text-decoration-color: var(--dt-kirmizi); }
.dt-mk-hat-saat { font-size: var(--dt-y-etiket); color: var(--dt-kul-2); }
.dt-mk-ozet { margin: 0; }
.dt-mk-hat .dt-mk-ozet caption { padding: var(--dt-a4) var(--dt-a4) 8px; }
.dt-mk-hat .dt-mk-ozet td { padding-inline: var(--dt-a4); }
.dt-mk-hat .dt-mk-ozet td.sayi { padding-left: 0; }
.dt-mk-serit { list-style: none; display: grid; grid-template-columns: minmax(0, 1fr); margin-top: var(--dt-a6); border-top: 1px solid var(--dt-siyah); }
.dt-mk-serit li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: 8px; align-items: baseline; padding: 12px 12px 12px 0; border-bottom: 1px solid var(--dt-kil); font-size: var(--dt-y-kucuk); font-weight: 600; }
.dt-mk-serit .dt-no { color: var(--dt-gri); }
@media (min-width: 560px) { .dt-mk-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--dt-oluk); } }
@media (min-width: 960px) { .dt-mk-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .dt-mk-serit { grid-template-columns: repeat(6, minmax(0, 1fr)); } .dt-mk-serit li { grid-template-columns: minmax(0, 1fr); align-content: start; align-items: start; gap: 4px; border-bottom: 0; } }
.dt-mk-rakamlar { display: flex; flex-wrap: wrap; gap: var(--dt-a5) var(--dt-a6); margin-top: var(--dt-a5); align-items: end; }
.dt-mk-yan-sutun { margin-top: var(--dt-a5); min-width: 0; }
.dt-mk-sekil { margin: 0 0 var(--dt-a4); }
.dt-mk-sekil img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: var(--dt-beyaz); border: 1px solid var(--dt-kil); }
.dt-mk-sekil figcaption { margin-top: 8px; font-size: var(--dt-y-etiket); font-weight: 600; color: var(--dt-gri); }
.dt-mk-eylem { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: var(--dt-a4); }
.dt-mk-eylem .dt-dg { max-width: 100%; }
.dt-mk-etiket-yeri { margin: 0; }
@media (min-width: 1080px) {
  .dt-mk-hat, .dt-mk-yan-sutun, .dt-mk-rakamlar { margin-top: 0; }
  .dt-mk-rakamlar { justify-content: flex-end; }
}

/* --- §31 Marka gövdesi: metin + yan liste, belirtiler, çatı, adlar ------- */
.dt-mk-ikili { display: grid; gap: var(--dt-a5) var(--dt-oluk); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) { .dt-mk-ikili { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } }
.dt-mk-metin { max-width: 68ch; }
.dt-mk-metin p { margin: 0 0 var(--dt-a4); }
.dt-mk-yan { align-self: start; border-top: 1px solid var(--dt-siyah); padding-top: 12px; }
.dt-mk-yan .dt-dg { margin-top: var(--dt-a4); }
.dt-mk-sirali { list-style: none; margin: 8px 0 0; }
.dt-mk-sirali li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--dt-kil); font-weight: 600; }
.dt-mk-sirali .dt-no { color: var(--dt-gri); }
.dt-mk-grup { margin-top: var(--dt-a5); }
.dt-mk-grup:first-of-type { margin-top: 0; }
.dt-mk-grup h3 { margin: 0 0 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.dt-mk-grup > p { margin: 0 0 12px; color: var(--dt-gri); max-width: 68ch; }
.dt-mk-belirti { list-style: none; columns: 1; column-gap: var(--dt-oluk); margin: 0; }
@media (min-width: 720px) { .dt-mk-belirti { columns: 2; } .dt-mk-belirti--tek { columns: 1; } }
.dt-mk-belirti li { break-inside: avoid; display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: 8px; align-items: baseline; padding: 11px 0; border-bottom: 1px solid var(--dt-kil); }
.dt-mk-belirti .dt-no { color: var(--dt-gri); }
.dt-mk-cati { margin-top: var(--dt-a5); }
.dt-mk-cati h3 { margin: 0 0 8px; }
.dt-mk-cati > p:not(.dt-mk-adlar) { margin: 0 0 8px; max-width: 68ch; }
.dt-mk-adlar { display: flex; flex-wrap: wrap; align-items: center; gap: 0 20px; margin: 0 0 var(--dt-a4); }
.dt-mk-adlar a:not(.dt-ok) { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; color: var(--dt-siyah); text-decoration: underline; text-decoration-color: var(--dt-kil); text-underline-offset: 4px; }
.dt-mk-adlar a:not(.dt-ok):hover { text-decoration-color: var(--dt-kirmizi); }
.dt-mk-adliste { list-style: none; columns: 2; column-gap: var(--dt-oluk); margin: 0 0 var(--dt-a5); }
@media (min-width: 720px) { .dt-mk-adliste { columns: 3; } }
@media (min-width: 1080px) { .dt-mk-adliste { columns: 4; } }
.dt-mk-adliste li { break-inside: avoid; }
.dt-mk-adliste a { display: flex; align-items: center; min-height: 44px; border-bottom: 1px solid var(--dt-kil); color: var(--dt-metin); text-decoration: none; overflow-wrap: anywhere; }
.dt-mk-adliste a:hover { border-bottom-color: var(--dt-siyah); }
.dt-mk-yukari { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; margin: var(--dt-a4) 0 0; }
.dt-mk-kucukler { display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; margin: var(--dt-a4) 0 0; }
.dt-mk-kucukler a { display: inline-flex; align-items: center; min-height: 44px; color: var(--dt-siyah); }
.dt-mk-diger { margin-top: var(--dt-a4); }
.dt-mk-diger > summary { display: flex; align-items: center; justify-content: space-between; min-height: 52px; border-bottom: 1px solid var(--dt-siyah); font-weight: 700; cursor: pointer; list-style: none; }
.dt-mk-diger > summary::-webkit-details-marker { display: none; }
.dt-mk-diger > summary::after { content: "+"; font-family: var(--dt-f-sayi); font-size: 22px; font-weight: 500; }
.dt-mk-diger[open] > summary::after { content: "−"; }
.dt-mk-not { padding-top: var(--dt-a5); }
.dt-mk-ust-not { margin: 0 0 var(--dt-a4); color: var(--dt-gri); font-size: var(--dt-y-kucuk); }

/* --- §32 Hücre ekleri ve markanın kod tabloları ------------------------- */
.dt-mk-hucreler .dt-hucre > a { grid-template-rows: auto auto auto 1fr auto; }
.dt-mk-hucre-gorsel { display: block; width: 100%; max-width: 200px; height: auto; aspect-ratio: 4 / 3; object-fit: contain; mix-blend-mode: multiply; margin: 4px 0; }
.dt-mk-hucre-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dt-mk-hucre-alt small { font-family: var(--dt-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--dt-gri); font-size: var(--dt-y-etiket); }
.dt-mk-hucre-alt .dt-ok { margin-left: auto; }
.dt-mk-kodlar th a { color: var(--dt-siyah); }
.dt-mk-kod { display: inline-block; min-width: 44px; padding: 4px 8px 4px 0; margin-right: 8px; font-family: var(--dt-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--dt-siyah); }
.dt-mk-asama th { width: 32%; }
.dt-mk-asama th .dt-no { display: block; color: var(--dt-gri); margin-bottom: 4px; }
.dt-mk-etiket th { width: 36%; }

/* --- §33 Marka dizini: vitrin hücreleri, harf grupları ------------------ */
.dt-mk-vitrin { list-style: none; display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--dt-kil); border-left: 1px solid var(--dt-kil); }
@media (min-width: 560px) { .dt-mk-vitrin { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .dt-mk-vitrin { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.dt-mk-vitrin > li { display: grid; align-content: start; gap: 6px; padding: var(--dt-a4); border-right: 1px solid var(--dt-kil); border-bottom: 1px solid var(--dt-kil); min-width: 0; }
.dt-mk-vitrin .dt-no { color: var(--dt-gri); }
.dt-mk-vitrin h3 { margin: 0; font-size: 1.25rem; }
.dt-mk-vitrin h3 a { color: var(--dt-siyah); text-decoration: none; }
.dt-mk-vitrin h3 a:hover { text-decoration: underline; text-decoration-color: var(--dt-kirmizi); }
.dt-mk-vitrin p { display: flex; flex-wrap: wrap; gap: 0 14px; margin: 0; font-size: var(--dt-y-kucuk); }
.dt-mk-vitrin p a { display: inline-flex; align-items: center; min-height: 36px; color: var(--dt-gri); }
.dt-mk-harfler { columns: 1; column-gap: var(--dt-oluk); }
@media (min-width: 560px) { .dt-mk-harfler { columns: 2; } }
@media (min-width: 960px) { .dt-mk-harfler { columns: 3; } .dt-mk-harfler--marka { columns: 3; } }
.dt-mk-harf { break-inside: avoid; margin-bottom: var(--dt-a4); }
.dt-mk-harf > .dt-no { display: block; padding: 6px 0; border-bottom: 1px solid var(--dt-siyah); font-size: 1rem; }
.dt-mk-harf ul { list-style: none; margin: 0; }
.dt-mk-harf a { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px; min-height: 44px; padding: 10px 0; border-bottom: 1px solid var(--dt-kil); color: var(--dt-metin); text-decoration: none; font-weight: 600; }
.dt-mk-harf a:hover { border-bottom-color: var(--dt-siyah); }
.dt-mk-harf small { font-weight: 400; font-size: 13px; color: var(--dt-gri); }

/* --- §34 Hata kodu: dizin araması, siyah başlık, kod tablosu ------------ */
.dt-kd-ara { margin-top: var(--dt-a5); max-width: 720px; }
.dt-kd-bas { padding-block: var(--dt-a5) var(--dt-a7); }
.dt-kd-bas .dt-iz { margin-bottom: var(--dt-a5); }
.dt-kd-bas h1 { margin: 12px 0 var(--dt-a4); overflow-wrap: anywhere; text-wrap: balance; }
.dt-kd-bas .dt-giris { margin-bottom: var(--dt-a5); }
.dt-kd-suz { max-width: 520px; }
/* Kod dizisi (v2): siyah kuşakta ortak kenarlı kod hücreleri — cetvel gibi;
   hap/çip değil. Üzerine gelince üst kenar 3 px kırmızı (hücre kuralı). */
.dt-kd-dizi { list-style: none; margin: 0 1px var(--dt-a5) 0; padding: 0; display: flex; flex-wrap: wrap; max-width: 760px; }
.dt-kd-dizi li { border: 1px solid var(--dt-gece-cizgi); margin: 0 -1px -1px 0; }
.dt-kd-dizi a { display: grid; place-items: center; min-width: 56px; min-height: 44px; padding: 0 10px; font-family: var(--dt-f-sayi); font-weight: 700; font-size: 17px; font-variant-numeric: tabular-nums; text-decoration: none; box-shadow: inset 0 3px 0 transparent; transition: box-shadow var(--dt-sure) var(--dt-egri); }
.dt-kd-dizi a:hover, .dt-kd-dizi a:focus-visible { box-shadow: inset 0 3px 0 var(--dt-kirmizi); }
.dt-kd-dizi li:last-child a[href="#kodlar"] { color: var(--dt-kul); font-size: 15px; }
.dt-kd-bas .dt-yb-eylem { margin: 0 0 var(--dt-a5); }
.dt-kd-sonuc { min-height: 1.5em; margin: 8px 0 0; font-size: var(--dt-y-kucuk); color: var(--dt-kul); }
.dt-kd-tablo { border-top: 0; }
.dt-kd-kodlar .kod span { display: inline-block; }
.dt-kd-kodlar tr[hidden] { display: none; }
.dt-kd-kodlar tr:target { box-shadow: inset 3px 0 0 var(--dt-kirmizi); }
.dt-kd-kodlar tr:target .kod { padding-left: 12px; }
.dt-kd-anlam p { margin: 0 0 8px; max-width: 64ch; }
.dt-kd-kucuk { font-size: var(--dt-y-kucuk); color: var(--dt-gri); }
.dt-kd-ayrinti { margin: 8px 0; border-top: 1px solid var(--dt-kil); }
.dt-kd-ayrinti > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 700; cursor: pointer; list-style: none; }
.dt-kd-ayrinti > summary::-webkit-details-marker { display: none; }
.dt-kd-ayrinti > summary::after { content: "+"; font-family: var(--dt-f-sayi); font-size: 20px; font-weight: 500; }
.dt-kd-ayrinti[open] > summary::after { content: "−"; }
.dt-kd-ayrinti h3 { font-size: 1rem; margin: 12px 0 4px; }
.dt-kd-nedenler { margin: 0 0 8px; padding-left: 1.25rem; }
.dt-kd-nedenler li { margin-bottom: 4px; }
.dt-kd-nedenler li::marker { color: var(--dt-gri); }
.dt-kd-cagir { font-size: 15px; }
.dt-kd-aranan { font-family: var(--dt-f-sayi); font-variant-numeric: tabular-nums; }
.dt-kd-kaynak td:first-child { width: 36%; color: var(--dt-gri); font-weight: 600; }
.dt-kodtab .kod a { color: var(--dt-siyah); text-decoration: none; }
.dt-kodtab .kod a:hover { text-decoration: underline; text-decoration-color: var(--dt-kirmizi); }
@media (max-width: 719px) {
  .dt-kd-kodlar td:last-child { grid-column: 2; }
  .dt-mk-kodlar thead { display: none; }
  .dt-mk-kodlar tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; border-bottom: 1px solid var(--dt-kil); padding: 10px 0; }
  .dt-mk-kodlar th, .dt-mk-kodlar td { border: 0; padding: 0; }
  .dt-mk-kodlar td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 4px; }
}

/* ==========================================================================
   §35 Ana sayfa iskeleti (10 Eki 2026): bölüm sırası servisfer'inki,
   görünüm Dotams'ın — dolu siluet, kırmızı numaralı nokta, hücre ızgarası.
   ========================================================================== */
/* Siluet: gövde siyah, detay koyu gri, iç açık; noktalar beyaz halka + kırmızı numara. */
.cizim { display: block; width: 100%; height: auto; overflow: visible; }
.siluet-govde { fill: var(--dt-siyah); }
.siluet-detay { fill: #3d3d3d; }
.siluet-ic { fill: #e9e9e9; }
.siluet-cizgi { fill: none; stroke: var(--dt-siyah); stroke-linecap: round; }
.nokta-halka { fill: var(--dt-beyaz); stroke: var(--dt-kirmizi); stroke-width: 2.5; transition: fill var(--dt-sure) var(--dt-egri); }
.nokta text { font-family: var(--dt-f-sayi); font-size: 11px; font-weight: 800; text-anchor: middle; dominant-baseline: central; fill: var(--dt-kirmizi); pointer-events: none; }
.nokta { transition: opacity var(--dt-sure) var(--dt-egri); }
.nokta--secili .nokta-halka { fill: var(--dt-kirmizi); }
.nokta--secili text { fill: var(--dt-beyaz); }
.cizim:has(.nokta--secili) .nokta:not(.nokta--secili) { opacity: 0.3; }

/* Açılış: sağda kare çerçevede siluet + iki sütun lejant. */
.dt-acilis-ilke--satir { margin-top: 0; margin-bottom: var(--dt-a5); }
.dt-kapak { margin: var(--dt-a6) 0 0; }
@media (min-width: 1080px) { .dt-kapak { margin-top: 0; align-self: center; } }
.dt-kapak-cizim { aspect-ratio: 1; display: grid; place-items: center; padding: var(--dt-a6); border: 1px solid var(--dt-siyah); background: linear-gradient(var(--dt-kil) 1px, transparent 1px) 0 0 / 100% 25%, var(--dt-beyaz); }
.dt-kapak-cizim .cizim { max-width: 360px; }
.dt-kapak figcaption { padding-top: var(--dt-a3); }
.dt-lejant { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px var(--dt-a4); margin-top: 8px; font-size: var(--dt-y-kucuk); }
.dt-lejant li { display: flex; gap: 8px; align-items: baseline; }
.dt-lejant b { flex: none; display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--dt-kirmizi); color: var(--dt-kirmizi); font-family: var(--dt-f-sayi); font-size: 11px; }

/* Cihaz hücresi: siluet üstte, alt satırda iki eylem. */
.dt-hucre--cizimli { display: grid; grid-template-rows: 1fr auto; }
.dt-hucre--cizimli > a { grid-template-rows: auto auto auto 1fr; min-height: 0; }
.dt-hucre-cizim { display: block; width: 62%; max-width: 160px; margin: 0 auto var(--dt-a3); }
.dt-hucre--cizimli .nokta { opacity: 0; }
.dt-hucre--cizimli:hover .nokta, .dt-hucre--cizimli:focus-within .nokta { opacity: 1; }
@media (hover: none) { .dt-hucre--cizimli .nokta { opacity: 1; } }
.dt-hucre-eylem { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; padding: 0 var(--dt-a4) var(--dt-a3); font-size: 15px; }
.dt-hucre-eylem > a:first-child { color: var(--dt-gri); }
.dt-hucre-eylem .dt-ok { min-height: 36px; font-size: 15px; }

/* Arıza bulucu: JS gelince yedek liste kalkar, sekmeli bulucu görünür. */
.js [data-bulucu-yedek] { display: none; }
.dt-bulucu-kap .dt-sekmeler { margin-top: 0; }
.dt-sekmeler button.dt-sekme { background: none; border-top: 0; border-left: 0; border-right: 0; font: inherit; font-weight: 600; cursor: pointer; }
.dt-bulucu { display: grid; gap: var(--dt-a5); padding-top: var(--dt-a5); border-top: 1px solid var(--dt-kil); }
.dt-bulucu[hidden] { display: none; }
@media (min-width: 900px) { .dt-bulucu { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; } }
.dt-bulucu-soru { margin: 0 0 var(--dt-a3); font-family: var(--dt-f-baslik); font-size: var(--dt-y-3); font-weight: 700; }
.dt-belirti-sec { list-style: none; border-top: 1px solid var(--dt-siyah); }
.dt-belirti-sec button { display: flex; align-items: baseline; gap: 14px; width: 100%; min-height: 48px; padding: 12px 0; border: 0; border-bottom: 1px solid var(--dt-kil); background: none; color: var(--dt-metin); font: inherit; text-align: left; cursor: pointer; }
.dt-belirti-sec button .dt-no { color: var(--dt-gri); }
.dt-belirti-sec button:hover { box-shadow: inset 3px 0 0 var(--dt-siyah); padding-left: 10px; }
.dt-belirti-sec button[aria-pressed="true"] { box-shadow: inset 3px 0 0 var(--dt-kirmizi); padding-left: 10px; font-weight: 600; color: var(--dt-siyah); }
.dt-belirti-sec button[aria-pressed="true"] .dt-no { color: var(--dt-kirmizi); }
.dt-belirti-sec button { transition: padding var(--dt-sure) var(--dt-egri); }
.dt-bulucu-durum { margin: var(--dt-a4) 0; min-height: 3em; color: var(--dt-gri); font-size: var(--dt-y-kucuk); }
.dt-bulucu-durum b { color: var(--dt-siyah); }
.dt-bulucu-cizim { max-width: 340px; width: 100%; justify-self: center; padding: var(--dt-a5); border: 1px solid var(--dt-kil); }

/* Neden Dotams: katlanır karşılaştırma tablosu. */
.dt-karsit summary { cursor: pointer; font-weight: 700; padding: var(--dt-a3) 0; border-top: 1px solid var(--dt-siyah); border-bottom: 1px solid var(--dt-kil); list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.dt-karsit summary::-webkit-details-marker { display: none; }
.dt-karsit summary::after { content: "+"; color: var(--dt-kirmizi); font-weight: 800; }
.dt-karsit[open] summary::after { content: "−"; }
.dt-karsit table { margin-top: var(--dt-a4); }
.dt-karsit s { text-decoration-color: var(--dt-kirmizi); text-decoration-thickness: 2px; color: var(--dt-gri); }

/* Servis ağı kuşağı: siyah bant, dev sayılar, beyaz pafta, katlanır il listesi. */
.dt-ag-rakam { align-self: end; margin-top: var(--dt-a5); }
@media (min-width: 1080px) { .dt-ag-rakam { margin-top: 0; } .dt-ag-rakam .dt-rakamlar { justify-content: flex-end; } }
.dt-ag-pafta { margin-top: var(--dt-a5); color: var(--dt-metin); }
.dt-ag-pafta .dt-pafta { margin-bottom: 0; padding: var(--dt-a4) var(--dt-a5) var(--dt-a5); border-top: 0; }
.dt-ag-dizin { margin-top: var(--dt-a5); }
.dt-ag-dizin summary { cursor: pointer; font-weight: 700; color: var(--dt-beyaz); }
.dt-ag-dizin .dt-nliste { margin-top: var(--dt-a4); }

/* İki sütunlu form: solda başlık + adımlar, sağda form. */
.dt-form-yan, .dt-form-sag { grid-column: 1 / -1; min-width: 0; }
@media (min-width: 1080px) {
  .dt-form-yan { grid-column: span 4; position: sticky; top: calc(var(--dt-ust-boy) + 48px); align-self: start; }
  .dt-form-sag { grid-column: span 8; }
}
.dt-form-yan h2 { margin-bottom: var(--dt-a4); }
.dt-form-adim { list-style: none; margin: var(--dt-a5) 0; border-top: 1px solid var(--dt-siyah); }
.dt-form-adim li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 2px 8px; padding: 12px 0; border-bottom: 1px solid var(--dt-kil); }
.dt-form-adim .dt-no { grid-row: span 2; color: var(--dt-kirmizi); }
.dt-form-adim small { color: var(--dt-gri); font-size: var(--dt-y-kucuk); }
.dt-form-sag { margin-top: var(--dt-a5); }
@media (min-width: 1080px) { .dt-form-sag { margin-top: 0; } }

/* ==========================================================================
   §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 --------------- */
.dt-pafta { border-top: 1px solid var(--dt-siyah); border-bottom: 1px solid var(--dt-kil); margin: var(--dt-a4) 0 var(--dt-a6); background: var(--dt-beyaz); }
.dt-pafta[hidden] { display: none; }
.dt-pafta-bas { display: flex; flex-wrap: wrap; align-items: end; gap: var(--dt-a3) var(--dt-a4); padding: var(--dt-a3) 0; border-bottom: 1px solid var(--dt-kil); }
.dt-pafta-don { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid var(--dt-siyah); border-radius: var(--dt-k2); background: var(--dt-beyaz); color: var(--dt-siyah); font: 600 15px/1 var(--dt-f-govde); cursor: pointer; transition: background-color var(--dt-sure) var(--dt-egri), color var(--dt-sure) var(--dt-egri); }
.dt-pafta-don[hidden] { display: none; }
.dt-pafta-don svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: square; stroke-linejoin: miter; }
.dt-pafta-don:hover { background: var(--dt-siyah); color: var(--dt-beyaz); }
.dt-pafta-don:focus-visible, .dt-pafta-il-sec:focus-visible { outline: 2px solid var(--dt-kirmizi); outline-offset: 2px; }
.dt-pafta-il { display: grid; gap: 6px; min-width: 0; flex: 1 1 220px; max-width: 320px; }
.dt-pafta-il label { font-size: var(--dt-y-etiket); font-weight: 700; color: var(--dt-siyah); }
.dt-pafta-il-sec { width: 100%; min-height: 44px; padding: 0 44px 0 12px; border: 1px solid var(--dt-siyah); border-radius: var(--dt-k2); font: inherit; font-size: 16px; color: var(--dt-metin); cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--dt-beyaz) 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='%23000' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.dt-pafta-yazi { flex: 1 1 100%; margin: 0; font-size: var(--dt-y-kucuk); color: var(--dt-gri); font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .dt-pafta-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 -- */
.dt-pafta-ic { display: grid; gap: var(--dt-a4); padding-top: var(--dt-a4); }
.dt-pafta-cizim { min-width: 0; transition: opacity var(--dt-sure) var(--dt-egri); }
.dt-pafta-cizim svg { display: block; width: 100%; height: auto; }
.dt-pafta-bolge { fill: var(--dt-ton); stroke: var(--dt-kul); stroke-width: 0.75; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--dt-sure) var(--dt-egri); }
.dt-pafta-bolge:hover, .dt-pafta-bolge:focus, .dt-pafta-bolge.dt-pafta-bolge--vurgu { fill: var(--dt-kirmizi); outline: none; }
.dt-pafta--yukleniyor .dt-pafta-cizim { opacity: 0.4; cursor: progress; }
.dt-pafta-yan { min-width: 0; border-top: 1px solid var(--dt-siyah); }
.dt-pafta-yan[hidden] { display: none; }
.dt-pafta-yan-bas { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--dt-kil); font-family: var(--dt-f-baslik); font-weight: 700; font-size: 1.125rem; }
.dt-pafta-yan-bas a { color: var(--dt-siyah); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.dt-pafta-yan-bas a:hover { text-decoration-color: var(--dt-kirmizi); }
.dt-pafta-ilceler { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: var(--dt-oluk); }
.dt-pafta-ilceler li { break-inside: avoid; }
.dt-pafta-ilceler a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--dt-kil); color: var(--dt-metin); text-decoration: none; }
.dt-pafta-ilceler a:hover, .dt-pafta-ilceler a:focus-visible { border-bottom-color: var(--dt-siyah); box-shadow: inset 0 -1px 0 var(--dt-siyah); outline: none; }
@media (min-width: 1080px) {
  .dt-pafta--il-acik .dt-pafta-ic { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .dt-pafta--il-acik.dt-pafta--dar .dt-pafta-ic { grid-template-columns: minmax(0, 1fr) 240px; }
  .dt-pafta-ilceler { columns: 1; max-height: 480px; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .dt-pafta-bolge, .dt-pafta-cizim, .dt-pafta-don { transition: none; } }
@media print { .dt-pafta { display: none !important; } }