/* ==========================================================================
   Yetkılıservıs — stil dosyası (TASARIM-SISTEMI.md, 2026 kimliği)

   Kimlik (23 Eki 2026): beyaz ve buz mavisi yüzeyler, lacivert mürekkep
   (#0C1A36), kobalt vurgu (#1E48D2, belirteç adı hâlâ --yks-hardal), koyu
   yüzey #0A1530. Başlık Outfit, gövde Inter, kod IBM Plex Mono. Köşe 12 px,
   kart 22 px, düğme hap. Tam genişlik koyu açılış, cam hap etiket, ortalı
   iri başlıklar, yumuşak gölgeli kartlar, lacivert altbilgi: §50.
   Sınıf öneki: yks-   Belirteç öneki: --yks-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).

   Bölümler (TASARIM-SISTEMI bölüm adları; bölüm sırası sister iskeleti):
     §00 yazı dosyaları   §01 belirteçler   §02 taban, yazı tabanı
     çizgili kart boyama kalıbı (::before zemin + kenar)
     §03 kap, iki yan, kesit       §12 soru kartı, katlanan kart
     §04 rubrik, manşet, bölüm başı §13 form
     §05 üst bant, menü, çekmece  §14 kart notu, uyarı
     §06 düğme, ok bağlantı       §15 açılış, izometrik çizim, parça tablosu
     §07 kart, cihaz, yan kart     §16 mobil alt kart
     §08 iş kartı                  §17 altbilgi, tip etiketi, son kart
     §09 sayfa yolu                §18 ölçü satırı, hat kartı, logo, konum
     §10 etiket, çip               §19 satır dökümü, harf bölmeleri, sekme
     §11 kod kartı, tip tablosu    §20 sayfa aileleri · §40–§41 il haritası
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; kendi kaynağımızda, Google
       Fonts'tan alınıp woff2 olarak tutuldu. Bitter ve IBM Plex Sans değişken
       (wght) dosyalardır; IBM Plex Mono 400 ve 500 statik. latin ve latin-ext
       alt kümeleri: İ Ş Ğ ı ç ö ü dahil) ----------------------------------- */
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/outfit-latin-ext.e2b64ddcb351.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: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/outfit-latin.98ccc2b7f189.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: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-latin-ext.01ba6c2a184b.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: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-latin.65850a373e25.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: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-400-latin-ext.17a5b2a15bf5.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: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-400-latin.814fe1615d4d.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: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-500-latin-ext.216ee1a35b06.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: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-500-latin.6708425c446b.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 (23 Eki 2026 yeni görünüm): beyaz ve buz mavisi yüzeyler, lacivert mürekkep,
     kobalt vurgu. Belirteç ADLARI eski kimlikten kalır (hardal = vurgu rengi). */
  --yks-kagit: #ffffff;         /* sayfa zemini */
  --yks-beyaz: #ffffff;         /* kart yüzü */
  --yks-celik: #f2f5fb;         /* buz: ikincil bant, kart içi yüzey */
  --yks-celik-2: #e6ecf6;       /* tablo başı, sekme rayı, pasif düğme */
  --yks-celik-3: #d8e1ef;       /* üzerine gelme, basılı yüzey */
  --yks-grafit: #0c1a36;        /* lacivert mürekkep: başlık */
  --yks-metin: #26324b;         /* gövde metni */
  --yks-gri: #4b5670;           /* ikincil metin */
  --yks-gri-2: #535e78;         /* yer tutucu, dip satır */
  --yks-cizgi-ince: #e5eaf3;    /* 1 px kıl çizgi */
  --yks-cizgi: #d3dbe8;         /* kart kenarı, ayırıcı */
  --yks-cizgi-sert: #717d95;    /* girdi kenarı (≥ 3:1) */
  --yks-hardal: #1e48d2;        /* KOBALT vurgu: düğme, bağlantı, etkin öğe, odak */
  --yks-hardal-koyu: #1638a6;   /* düğme üzerine gelme */
  --yks-hardal-ust: #ffffff;    /* vurgu düğmedeki yazı */
  --yks-hardal-acik: #e8efff;   /* uyarı notu zemini */
  --yks-sinyal: #9dbcff;        /* koyu zeminde açık kobalt */
  --yks-yesil: #1d7348;         /* "Kendiniz bakın", başarı */
  --yks-gece: #0a1530;          /* koyu yüzey: altbilgi, açılış örtüsü */
  --yks-gece-2: #13224a;        /* koyu yüzeyde kart */
  --yks-golge: 0 1px 2px rgba(12, 26, 54, 0.05), 0 12px 32px -14px rgba(12, 26, 54, 0.22);
  --yks-golge-buyuk: 0 2px 6px rgba(12, 26, 54, 0.06), 0 26px 60px -24px rgba(12, 26, 54, 0.32);
  --yks-r-kart: 22px;
  --yks-r-hap: 999px;

  /* biçim: 12 px küçük köşe, 22 px kart, hap düğme; kesik köşe ve üçgen imi YOK */
  --yks-r: 12px;
  --yks-pah: 0px;               /* eski köşe imi tokenleri sıfırlandı (uyumluluk) */
  --yks-pah-orta: 0px;
  --yks-pah-kucuk: 0px;
  --yks-pah-kart: none;
  --yks-pah-dugme: none;
  --yks-imi: none;

  /* yazı aileleri */
  --yks-f-baslik: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --yks-f-govde: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --yks-f-sayi: "Outfit", ui-sans-serif, system-ui, sans-serif;
  --yks-f-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan). Bitter manşeti iri ve dolgun. */
  --yks-y-dev: clamp(3rem, 2.1rem + 4.2vw, 5.5rem);
  --yks-y-manset: clamp(2.5rem, 1.55rem + 4.1vw, 4.75rem);
  --yks-y-1: clamp(2rem, 1.5rem + 2.2vw, 3.25rem);
  --yks-y-2: clamp(1.75rem, 1.35rem + 1.7vw, 2.75rem);
  --yks-y-3: clamp(1.125rem, 1.07rem + 0.25vw, 1.25rem);
  --yks-y-giris: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --yks-y-govde: 1.0625rem;     /* 17 px IBM Plex Sans */
  --yks-y-kucuk: 0.9375rem;     /* 15 px */
  --yks-y-etiket: 0.8125rem;    /* 13 px: kart etiketi (Plex Sans 600) */

  /* yerleşim */
  --yks-sutun: 12;
  --yks-oluk: 16px;
  --yks-kap: 1280px;
  --yks-okuma: 720px;
  --yks-yan: 340px;             /* yan kart (≥1080 px), yapışkan değil */

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

  /* kalınlık ve yükseklik */
  --yks-kil-kalinlik: 1px;
  --yks-vurgu-kalinlik: 2px;
  --yks-ust-boy: 64px;
  --yks-hat-boy: 64px;

  /* hareket: kısa, doğrusal */
  --yks-sure: 180ms;
  --yks-egri: cubic-bezier(0.4, 0, 0.2, 1);

  /* ikon maskeleri (renk currentColor ile; ince kalem 1,6 px, KARE uç, sivri birleşim) */
  --yks-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='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E");
  --yks-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='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 12h16'/%3E%3Cpath d='M14 7l5 5-5 5'/%3E%3C/svg%3E");
  --yks-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='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
  --yks-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.1' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 12.5 9 17.5 20 6.5'/%3E%3C/svg%3E");
  --yks-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='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8 4h5l3 3v5l-3 3H8l-3-3V7z'/%3E%3Cpath d='M16.2 16.2 20 20'/%3E%3C/svg%3E");
  --yks-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='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 4h3.5l1.5 4-2 1.5 6.5 6.5 1.5-2 4 1.5V19l-1.5 1.5C10.5 20 4 13.5 3.5 5.5z'/%3E%3C/svg%3E");
  --yks-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='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8.5 3h7L21 8.5v7L15.5 21h-7L3 15.5v-7z'/%3E%3Cpath d='M12 10.5v6'/%3E%3Cpath d='M12 7.5v.5'/%3E%3C/svg%3E");
  --yks-ok-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 12h13'/%3E%3Cpath d='M14 7l5 5-5 5'/%3E%3C/svg%3E");
}

@media (min-width: 720px) {
  :root { --yks-kenar: 24px; --yks-oluk: 20px; --yks-bolum: 72px; }
}
@media (min-width: 1080px) {
  :root { --yks-kenar: 40px; --yks-oluk: 24px; --yks-ust-boy: 72px; --yks-bolum: 96px; }
}
/* Koyu tema YOK. Yazdırmada tonlar beyaza iner. */
@media print {
  :root {
    --yks-kagit: #ffffff; --yks-beyaz: #ffffff; --yks-celik: #ffffff; --yks-celik-2: #ffffff; --yks-celik-3: #ffffff;
    --yks-grafit: #000000; --yks-metin: #111111; --yks-gri: #444444; --yks-gri-2: #555555;
    --yks-cizgi-ince: #cccccc; --yks-cizgi: #999999; --yks-cizgi-sert: #555555;
  }
}

/* --- 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(--yks-ust-boy) + var(--yks-a4));
}
body {
  margin: 0;
  background: var(--yks-kagit);
  color: var(--yks-metin);
  font-family: var(--yks-f-govde);
  font-size: var(--yks-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; }
/* Başlık: Bitter 600, grafit; köşeli harf, aralık nötr. */
h1, h2, h3, h4 {
  margin: 0;
  color: var(--yks-grafit);
  font-family: var(--yks-f-baslik);
  font-weight: 600;
  letter-spacing: -0.005em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--yks-y-1); line-height: 1.1; letter-spacing: -0.012em; }
h2 { font-size: var(--yks-y-2); line-height: 1.16; }
h3 { font-size: var(--yks-y-3); line-height: 1.3; font-weight: 600; }
h4 { font-size: 1rem; font-family: var(--yks-f-govde); font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--yks-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı: yazı rengi + 1 px sert gri alt çizgi; üzerine gelince çizgi hardal ve 2 px. */
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--yks-cizgi-sert); text-decoration-thickness: 1px; text-underline-offset: 0.24em; }
a:hover { color: inherit; text-decoration-color: var(--yks-hardal); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--yks-grafit); }
code, kbd, samp { font-family: var(--yks-f-mono); font-size: 0.92em; font-weight: 500; }
/* hr: grafit kıl çizgi, sol ucunda hardal köşe imi */
hr { border: 0; height: 8px; margin: var(--yks-a6) 0; background: linear-gradient(var(--yks-cizgi), var(--yks-cizgi)) 0 100% / 100% 1px no-repeat, linear-gradient(225deg, var(--yks-hardal) 50%, transparent 50%) 0 0 / 8px 8px no-repeat; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--yks-hardal); color: var(--yks-hardal-ust); }
/* Odak: 2 px hardal çizgi, 2 px açıklık. Hale yok. */
:focus-visible { outline: 2px solid var(--yks-hardal); outline-offset: 2px; }
.yks-ekran-yedek {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.yks-dogrudan-metin {
  position: absolute; left: var(--yks-a4); top: -100px; z-index: 100;
  background: var(--yks-grafit); color: var(--yks-beyaz); padding: var(--yks-a2) var(--yks-a4);
  font-family: var(--yks-f-baslik); font-weight: 600; text-decoration: none;
}
.yks-dogrudan-metin:focus { top: var(--yks-a2); }

/* ==========================================================================
   BİLEŞENLER §03–§19 (TASARIM-SISTEMI §06) — stil rehberinde onaylanan biçim.
   PLAKA BOYAMA KALIBI: pahlı yüzeyler öğenin kendisini KESMEZ; zemin, 1 px
   kenar ve pahın çapraz çizgisi ::before'da (clip-path) çizilir, köşe imi
   ::after'da kesiğin yerine oturur (öğe kesilseydi imi de kesilirdi). Ayar:
   --p-zemin, --p-kenar, --p-pah, --p-imi. Düğme ve girdi gibi küçük öğeler
   doğrudan clip-path'lidir; odak halkaları bu yüzden İÇ gölgedir.
   ========================================================================== */
.yks-levha-bilet, .yks-yan-levha, .yks-ilk-levha, .yks-kalip-levhasi, .yks-is-levhasi,
.yks-cins-etiketi, .yks-son-levha, .yks-ara-tabela, .yks-levha-notu, .yks-levha-acilir-liste,
.yks-cizim-cerceve, .yks-hat-levhasi, .yks-damga-levhasi, .yks-konum-levhasi,
.yks-olcu-cizgisi, .yks-tavsiye-listesi, .yks-cerez-levhasi, .yks-kod-acilir-ozet[open], .yks-fark-kalibi {
  --p-zemin: var(--yks-beyaz);
  --p-kenar: var(--yks-cizgi);
  --p-pah: var(--yks-pah);
  --p-imi: 10px;
  position: relative;
  isolation: isolate;
}
.yks-levha-bilet::before, .yks-yan-levha::before, .yks-ilk-levha::before, .yks-kalip-levhasi::before,
.yks-is-levhasi::before, .yks-cins-etiketi::before, .yks-son-levha::before, .yks-ara-tabela::before,
.yks-levha-notu::before, .yks-levha-acilir-liste::before, .yks-cizim-cerceve::before, .yks-hat-levhasi::before,
.yks-damga-levhasi::before, .yks-konum-levhasi::before, .yks-olcu-cizgisi::before, .yks-tavsiye-listesi::before,
.yks-cerez-levhasi::before, .yks-kod-acilir-ozet[open]::before, .yks-fark-kalibi::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.6px), var(--p-kenar) calc(50% - 0.6px) calc(50% + 0.6px), transparent calc(50% + 0.6px)) top right / var(--p-pah) var(--p-pah) no-repeat,
    var(--p-zemin);
  box-shadow: inset 0 0 0 1px var(--p-kenar);
  border-radius: var(--yks-r);
  transition: box-shadow var(--yks-sure) var(--yks-egri);
}
/* Köşe imi: pahın yerine oturan hardal dik üçgen (imza). */
.yks-levha-bilet--imli::after, .yks-yan-levha::after, .yks-ilk-levha::after, .yks-cins-etiketi::after,
.yks-son-levha::after, .yks-ara-tabela::after, .yks-cizim-cerceve::after, .yks-hat-levhasi::after,
.yks-kalip-levhasi::after, .yks-cerez-levhasi::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--p-imi);
  height: var(--p-imi);
  background: var(--p-imi-renk, transparent);
  clip-path: none;
  pointer-events: none;
}

/* --- §03 Kap, iki yan, kesit -------------------------------------------- */
.yks-levha-kabi { max-width: var(--yks-kap); margin-inline: auto; padding-inline: var(--yks-kenar); }
.yks-ana-omurga { display: block; min-height: 50vh; }
/* İki yan: ana │ yan plaka (≥1080 px). Yan plaka YAPIŞKAN DEĞİL. */
.yks-levha-ikili { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--yks-a6); align-items: start; }
.yks-levha-ikili > * { min-width: 0; }
@media (min-width: 1080px) { .yks-levha-ikili { grid-template-columns: minmax(0, 1fr) var(--yks-yan); gap: var(--yks-a7); } }
.yks-levha-yigini { display: grid; gap: var(--yks-a4); }
.yks-levha-yigini > * { min-width: 0; }
/* Kesit: sayfanın bir bölümü. Beyaz ↔ çelik dönüşümü servisfer'in koyu bant
   dönüşümünün Yetkılıservıs karşılığıdır (--celik: tam genişlik çelik zemin). */
.yks-levha-dilimi { margin-top: var(--yks-bolum); }
.yks-levha-dilimi--celik { padding-block: var(--yks-bolum); background: var(--yks-celik); }
.yks-levha-dilimi--celik .yks-levha-bilet { --p-zemin: var(--yks-beyaz); }
.yks-levha-ikili + .yks-levha-dilimi, .yks-sayfa-levhasi + .yks-levha-dilimi { margin-top: calc(var(--yks-bolum) * 0.75); }
.yks-sayfa-levhasi + .yks-levha-kabi { margin-top: var(--yks-a6); }
[id] { scroll-margin-top: calc(var(--yks-ust-boy) + var(--yks-a5)); }

/* --- §04 Rubrik, manşet, giriş, bölüm başı -------------------------------- */
.yks-isaretli-etiket { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--yks-f-baslik); font-size: var(--yks-y-etiket); font-weight: 600; line-height: 1.25; letter-spacing: 0.02em; color: var(--yks-gri); }
.yks-isaretli-etiket::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--yks-hardal); clip-path: none; }
.yks-levha-manseti { margin: 0; font-family: var(--yks-f-baslik); font-size: var(--yks-y-manset); font-weight: 600; line-height: 1.04; letter-spacing: -0.02em; color: var(--yks-grafit); text-wrap: balance; overflow-wrap: anywhere; }
.yks-levha-girisi { margin: 16px 0 0; max-width: 58ch; font-size: var(--yks-y-giris); line-height: 1.55; color: var(--yks-metin); }
/* Bölüm başı: üstte 1 px çizgi, solda 64×3 grafit ölçü çubuğu + ucunda hardal üçgen. */
.yks-levha-basligi { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 6px var(--yks-a4); margin-bottom: var(--yks-a5); padding-top: 18px; border-top: 1px solid var(--yks-cizgi); }
.yks-levha-basligi::before { content: ""; position: absolute; left: 0; top: -2px; width: 64px; height: 3px; background: var(--yks-grafit); }
.yks-levha-basligi::after { content: ""; position: absolute; left: 64px; top: -2px; width: 10px; height: 10px; background: var(--yks-hardal); clip-path: none; }
.yks-levha-basligi > div { min-width: 0; }
.yks-levha-basligi h2 { margin: 0; overflow-wrap: anywhere; }
.yks-levha-basligi p { margin: 6px 0 0; color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
.yks-levha-dilimi--celik .yks-levha-basligi { border-top-color: var(--yks-cizgi-sert); }
/* Düz metin sütunu. */
.yks-levha-metni { max-width: 68ch; }
.yks-levha-metni > :last-child { margin-bottom: 0; }
.yks-levha-metni h3 { margin: var(--yks-a5) 0 8px; }
.yks-levha-metni ul, .yks-levha-metni ol { padding-left: 1.25rem; margin: 0 0 var(--yks-a4); }
.yks-levha-metni li { margin-bottom: 6px; }
.yks-levha-metni li::marker { color: var(--yks-hardal); }
.yks-olcu-hanesi { font-family: var(--yks-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -0.01em; color: var(--yks-grafit); }
.yks-tablo-rakami { font-variant-numeric: tabular-nums; }
.yks-zirve-payi.yks-zirve-payi { margin-top: var(--yks-a4); }
.yks-hata-adedi { display: block; font-family: var(--yks-f-sayi); font-size: var(--yks-y-dev); font-weight: 700; line-height: 1; color: var(--yks-grafit); }

/* --- §05 Üst plaka (başlık), menü, arama, öneriler, çekmece --------------- */
.yks-zirve-tabela { position: sticky; top: 0; z-index: 40; background: var(--yks-beyaz); border-bottom: 1px solid var(--yks-cizgi); }
.yks-zirve-tabela::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 120px; height: 3px; background: var(--yks-grafit); }
.yks-zirve-tabela-ic { display: flex; align-items: center; gap: var(--yks-a3); max-width: var(--yks-kap); height: var(--yks-ust-boy); margin-inline: auto; padding-inline: var(--yks-kenar); }
.yks-tepe-levha-damga { flex: none; display: block; line-height: 0; }
.yks-tepe-levha-damga img { height: 28px; width: auto; }
@media (min-width: 1080px) { .yks-tepe-levha-damga img { height: 30px; } }
.yks-tepe-levha-nav { display: none; }
.yks-tepe-levha-menu { display: flex; list-style: none; margin: 0; padding: 0; }
.yks-tepe-levha-menu > li { position: relative; }
.yks-tepe-levha-menu > li > a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 10px; font-family: var(--yks-f-baslik); font-size: 15px; font-weight: 500; color: var(--yks-grafit); text-decoration: none; white-space: nowrap; transition: color var(--yks-sure) var(--yks-egri); }
.yks-tepe-levha-menu > li > a:hover { color: var(--yks-hardal); }
.yks-tepe-levha-menu > li > a[aria-current] { color: var(--yks-hardal); box-shadow: inset 0 -2px 0 var(--yks-hardal); }
.yks-levha-acilir > a::after { content: ""; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--yks-m-asagi) center / contain no-repeat; mask: var(--yks-m-asagi) center / contain no-repeat; }
/* Açılır liste: sağ üstü pahlı beyaz plaka; üzerine gelince ya da klavye odağında açılır. */
.yks-levha-acilir-liste { position: absolute; top: 100%; left: 0; z-index: 45; display: none; min-width: 248px; margin: 0; padding: 8px 0; list-style: none; }
.yks-levha-acilir:hover > .yks-levha-acilir-liste, .yks-levha-acilir:focus-within > .yks-levha-acilir-liste { display: block; }
.yks-levha-acilir-liste--genis { width: 500px; columns: 2; column-gap: 0; }
.yks-levha-acilir-liste li { break-inside: avoid; }
.yks-levha-acilir-liste a { display: flex; align-items: center; min-height: 38px; padding: 0 16px; color: var(--yks-metin); font-size: 15px; text-decoration: none; }
.yks-levha-acilir-liste a:hover { background: var(--yks-celik); color: var(--yks-grafit); }
.yks-levha-acilir-liste-basi { display: flex; align-items: center; gap: 8px; padding: 10px 16px 4px; font-family: var(--yks-f-baslik); font-size: 12.5px; font-weight: 600; letter-spacing: 0.03em; color: var(--yks-gri); }
.yks-levha-acilir-liste-basi::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--yks-hardal); clip-path: none; }
.yks-levha-acilir-liste .yks-levha-acilir-liste-basi a { min-height: 0; padding: 0; color: var(--yks-gri); font-size: inherit; }
.yks-levha-acilir-liste .yks-levha-acilir-liste-basi a:hover { background: none; color: var(--yks-hardal); }
.yks-tepe-levha-eylem { display: flex; align-items: center; gap: var(--yks-a2); margin-left: auto; }
.yks-tepe-levha-tel { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 6px; font-family: var(--yks-f-baslik); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--yks-grafit); text-decoration: none; white-space: nowrap; }
.yks-tepe-levha-tel svg { width: 18px; height: 18px; color: var(--yks-hardal); }
.yks-tepe-levha-tel:hover { color: var(--yks-hardal); }
.yks-tepe-levha-eylem .yks-tepe-levha-talep, .yks-tepe-levha-eylem .yks-tepe-levha-hat { display: none; }
@media (min-width: 720px) { .yks-tepe-levha-eylem .yks-tepe-levha-talep, .yks-tepe-levha-eylem .yks-tepe-levha-hat { display: inline-flex; } }
@media (min-width: 1240px) {
  .yks-tepe-levha-nav { display: block; margin-left: var(--yks-a3); }
  .yks-tepe-levha-eylem .yks-tepe-levha-menu-ac { display: none; }
}
@media (min-width: 1560px) { .yks-tepe-levha-tel { display: inline-flex; } }
@media (max-width: 359px) { .yks-tepe-levha-damga img { height: 24px; } .yks-tepe-levha-eylem { gap: 4px; } }
/* Büyütecin açtığı arama satırı (başlığın altında, her genişlikte). */
.yks-arama-cizgisi { padding-block: 0 var(--yks-a3); }
/* Pahlı arama kutusu: girdi + grafit pahlı gönder karosu. --buyuk 404 ve kod dizininde. */
.yks-sorgu-kutucugu { position: relative; display: flex; align-items: center; width: 100%; min-height: 48px; background: var(--yks-beyaz); box-shadow: inset 0 0 0 1.5px var(--yks-cizgi-sert); border-radius: var(--yks-r); transition: box-shadow var(--yks-sure) var(--yks-egri); }
.yks-sorgu-kutucugu:focus-within { box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-sorgu-kutucugu input { flex: 1; min-width: 0; height: 46px; padding: 0 8px 0 16px; border: 0; background: transparent; color: var(--yks-grafit); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; }
.yks-sorgu-kutucugu input::placeholder { color: var(--yks-gri-2); }
.yks-sorgu-kutucugu input:focus-visible { outline: none; }
.yks-sorgu-kutucugu input::-webkit-search-cancel-button { display: none; }
.yks-sorgu-kutucugu button { flex: none; display: grid; place-items: center; width: 40px; height: 40px; margin-right: 4px; border: 0; background: var(--yks-grafit); color: var(--yks-beyaz); border-radius: var(--yks-r); cursor: pointer; transition: background-color var(--yks-sure) var(--yks-egri); }
.yks-sorgu-kutucugu button:hover { background: var(--yks-hardal); }
.yks-sorgu-kutucugu button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-beyaz), inset 0 0 0 4px var(--yks-hardal); }
.yks-sorgu-kutucugu button svg { width: 18px; height: 18px; }
.yks-arama-kutucugu--buyuk { min-height: 60px; }
.yks-arama-kutucugu--buyuk input { height: 58px; padding-left: 20px; font-size: 18px; }
.yks-arama-kutucugu--buyuk button { width: 50px; height: 50px; margin-right: 5px; background: var(--yks-hardal); }
.yks-arama-kutucugu--buyuk button:hover { background: var(--yks-hardal-koyu); }
.yks-arama-kutucugu--buyuk button svg { width: 22px; height: 22px; }
form[data-bul] { position: relative; }
/* Öneri listesi (yks.js "Bul kutuları"): kutunun altında pahlı beyaz plaka. */
.yks-tavsiye-listesi { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 60; max-height: min(60vh, 480px); overflow-y: auto; margin: 0; padding: 6px; list-style: none; --p-kenar: var(--yks-cizgi-sert); }
.yks-tavsiye-listesi--yukari { top: auto; bottom: calc(100% + 6px); }
.yks-tavsiye-listesi a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 11px 12px; color: var(--yks-grafit); text-decoration: none; }
.yks-tavsiye-listesi a[aria-selected="true"], .yks-tavsiye-listesi a:hover { background: var(--yks-celik); }
.yks-tavsiye-turu { color: var(--yks-gri); font-size: 13px; text-align: right; }
.yks-oneri-cizgisi--kod .yks-tavsiye-adi { font-family: var(--yks-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; }
.yks-tavsiye-yok { padding: 10px 12px; color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
/* Çekmece (#dizin, "Menü"): sağdan gelen beyaz plaka, mobilde tam ekran. */
body.yks-omurga-sabit { overflow: hidden; }
.yks-levha-cekmece-ortusu { position: fixed; inset: 0; z-index: 70; background: rgba(18, 22, 28, 0.46); }
.yks-levha-cekmece { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(420px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--yks-a4) var(--yks-a5) var(--yks-a7); background: var(--yks-beyaz); box-shadow: inset 1px 0 0 var(--yks-cizgi); }
.yks-levha-cekmece-basi { position: relative; display: flex; justify-content: space-between; align-items: center; gap: var(--yks-a3); margin: 0 0 var(--yks-a5); padding-bottom: var(--yks-a4); border-bottom: 1px solid var(--yks-cizgi); }
.yks-levha-cekmece-basi::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 72px; height: 3px; background: var(--yks-grafit); }
.yks-levha-cekmece-basi img { height: 26px; width: auto; }
.yks-levha-cekmece-eylemleri { display: grid; gap: var(--yks-a2); }
.yks-levha-cekmece-grubu { margin-top: var(--yks-a5); }
.yks-levha-cekmece-grubu h2 { margin: 0 0 4px; font-size: 1.0625rem; }
.yks-levha-cekmece-grubu h2 a { text-decoration: none; }
.yks-levha-cekmece-grubu h2 a[aria-current] { color: var(--yks-hardal); }
.yks-levha-cekmece-grubu .yks-levha-acilir-liste-basi { padding: 12px 0 2px; }
.yks-levha-cekmece-dibi { margin: var(--yks-a5) 0 0; padding-top: var(--yks-a4); border-top: 1px solid var(--yks-cizgi-ince); color: var(--yks-gri); font-size: 15px; max-width: none; }
.yks-dil-kalibi { font-size: var(--yks-y-kucuk); }
.yks-dil-kalibi summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--yks-grafit); border-radius: var(--yks-r); font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); cursor: pointer; }
.yks-dil-kalibi summary::-webkit-details-marker { display: none; }
.yks-dil-kalibi ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--yks-a4); margin: var(--yks-a2) 0 0; }
.yks-dil-kalibi a { display: inline-block; padding: 10px 0; color: var(--yks-gri); text-decoration: none; }
.yks-dil-kalibi a:hover, .yks-dil-kalibi a[aria-current="true"] { color: var(--yks-grafit); }

/* --- §06 Pahlı düğmeler, ok bağlantı -------------------------------------- */
.yks-kumanda-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border: 0; background: var(--yks-beyaz); color: var(--yks-grafit); border-radius: var(--yks-r); font-family: var(--yks-f-baslik); font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: 0.01em; text-align: center; text-decoration: none; cursor: pointer; transition: background-color var(--yks-sure) var(--yks-egri), color var(--yks-sure) var(--yks-egri); }
.yks-kumanda-dugme svg { width: 18px; height: 18px; flex: none; }
.yks-kumanda-dugme b { font-weight: 600; font-variant-numeric: tabular-nums; }
.yks-kumanda-dugme span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yks-kumanda-dugme--sicak { background: var(--yks-hardal); color: var(--yks-hardal-ust); }
.yks-kumanda-dugme--sicak:hover { background: var(--yks-hardal-koyu); color: var(--yks-hardal-ust); }
/* Çizgili: 1,5 px grafit kenar (iç gölge) + kesikte çapraz çizgi. */
.yks-kumanda-dugme--cizgili { color: var(--yks-grafit); box-shadow: inset 0 0 0 1.5px var(--yks-grafit);
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.75px), var(--yks-grafit) calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) top right / var(--yks-pah-orta) var(--yks-pah-orta) no-repeat,
    linear-gradient(to top right, transparent calc(50% - 0.75px), var(--yks-grafit) calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) bottom left / var(--yks-pah-orta) var(--yks-pah-orta) no-repeat,
    var(--yks-beyaz); }
.yks-kumanda-dugme--cizgili:hover { background: var(--yks-grafit); color: var(--yks-beyaz); }
/* Koyu: son plakanın grafit zemininde beyaz çizgili. */
.yks-kumanda-dugme--koyu { color: var(--yks-beyaz); box-shadow: inset 0 0 0 1.5px #cfcabb;
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.75px), #cfcabb calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) top right / var(--yks-pah-orta) var(--yks-pah-orta) no-repeat,
    linear-gradient(to top right, transparent calc(50% - 0.75px), #cfcabb calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) bottom left / var(--yks-pah-orta) var(--yks-pah-orta) no-repeat,
    transparent; }
.yks-kumanda-dugme--koyu:hover { background: var(--yks-beyaz); color: var(--yks-grafit); }
.yks-kumanda-dugme--sade { background: transparent; color: var(--yks-grafit); }
.yks-kumanda-dugme--sade:hover { background: var(--yks-celik); }
.yks-kumanda-dugme--kucuk { min-height: 44px; padding: 0 18px; font-size: 15px; }
.yks-kumanda-dugme--genis { width: 100%; }
.yks-kumanda-dugme--simge { width: 44px; padding: 0; flex: none; }
.yks-kumanda-dugme[aria-disabled="true"] { background: var(--yks-celik-2); color: var(--yks-gri-2); box-shadow: none; cursor: not-allowed; }
.yks-kumanda-dugme[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.yks-kumanda-dugme:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--yks-grafit), inset 0 0 0 5px var(--yks-beyaz); }
.yks-kumanda-dugme--sicak:focus-visible { box-shadow: inset 0 0 0 3px var(--yks-grafit), inset 0 0 0 5px var(--yks-beyaz); }
.yks-kumanda-eylemleri { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.yks-kumanda-eylemleri--dikey { display: grid; gap: var(--yks-a2); margin-top: var(--yks-a5); }
/* Ok bağlantı: Bitter yazı + pahlı grafit karo içinde beyaz ok. */
.yks-kumanda-ok { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); text-decoration: none; transition: color var(--yks-sure) var(--yks-egri); }
.yks-kumanda-ok::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--yks-grafit) var(--yks-ok-ikon) center / 14px 14px no-repeat; border-radius: var(--yks-r); transition: background-color var(--yks-sure) var(--yks-egri); }
.yks-kumanda-ok:hover { color: var(--yks-hardal); }
.yks-kumanda-ok:hover::after { background-color: var(--yks-hardal); }

/* --- §07 Plaka (kart), cihaz plakası, yan plaka --------------------------- */
.yks-levha-bilet { padding: 22px; min-width: 0; }
.yks-levha-bilet--celik { --p-zemin: var(--yks-celik); }
.yks-levha-bilet > :last-child { margin-bottom: 0; }
.yks-levha-bilet h3 { margin: 0 0 8px; }
a.yks-levha-bilet { display: block; color: inherit; text-decoration: none; }
a.yks-levha-bilet:hover { --p-kenar: var(--yks-grafit); }
a.yks-levha-bilet p { color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
@media (max-width: 719px) { .yks-levha-bilet { padding: 18px 16px; } }
.yks-bilet-basi { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px var(--yks-a4); margin-bottom: var(--yks-a4); }
.yks-bilet-basi h2, .yks-bilet-basi h3 { margin: 0; }
.yks-bilet-basi h2 { font-size: clamp(1.25rem, 1.12rem + 0.6vw, 1.625rem); }
.yks-bilet-basi p { margin: 6px 0 0; color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
.yks-bilet-basi small { color: var(--yks-gri); font-size: 14px; }
.yks-bilet-basi h3 a { text-decoration: none; }
.yks-bilet-basi h3 a:hover { text-decoration: underline; text-decoration-color: var(--yks-hardal); }
.yks-tabelalar { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.yks-tabelalar > * { min-width: 0; }
@media (min-width: 720px) { .yks-tabelalar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .yks-levhalar--uc { grid-template-columns: repeat(3, minmax(0, 1fr)); } .yks-levhalar--dort { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.yks-tabelalar > .yks-levha-bilet > .yks-isaretli-etiket { margin-bottom: 8px; }
.yks-tabelalar > .yks-levha-bilet > p { margin: 0; color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
.yks-tabelalar > .yks-levha-bilet > h3 + p { margin-top: 0; }
/* Cihaz plakası: izometrik çizim + ad satırı (ad + pahlı ok). */
.yks-levha-cihaz { padding: 10px 10px 14px; }
a.yks-levha-cihaz { display: grid; }
.yks-levha-cihaz .yks-cizim-cerceve { padding: 0; }
.yks-levha-cihaz .yks-cizim-cerceve::before, .yks-levha-cihaz .yks-cizim-cerceve::after { display: none; }
.yks-levha-cihaz img { width: 100%; height: auto; }
.yks-levha-cihaz-bagi { display: block; color: inherit; text-decoration: none; }
.yks-levha-cihaz-alt { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; padding: 12px 4px 0; border-top: 1px solid var(--yks-cizgi-ince); }
.yks-levha-cihaz-alt h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.yks-levha-cihaz-alt p { margin: 2px 0 0; color: var(--yks-gri); font-size: 14px; }
.yks-levha-cihaz-alt::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--yks-grafit) var(--yks-ok-ikon) center / 14px 14px no-repeat; border-radius: var(--yks-r); transition: background-color var(--yks-sure) var(--yks-egri); }
.yks-levha-cihaz:hover .yks-levha-cihaz-alt::after, .yks-levha-cihaz-bagi:hover .yks-levha-cihaz-alt::after { background-color: var(--yks-hardal); }
.yks-levha-cihaz:hover, li.yks-levha-cihaz:focus-within { --p-kenar: var(--yks-grafit); }
.yks-cihaz-sira-numarasi { margin-right: 8px; font-family: var(--yks-f-sayi); font-size: 13px; font-weight: 700; color: var(--yks-hardal); font-variant-numeric: tabular-nums; }
.yks-levha-cihaz--noktali { display: grid; grid-template-rows: auto 1fr auto; }
.yks-levha-cihaz-eylem { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 10px; padding: 10px 4px 0; border-top: 1px solid var(--yks-cizgi-ince); font-size: 14px; }
.yks-levha-cihaz-eylem a { color: var(--yks-gri); text-decoration: none; }
.yks-levha-cihaz-eylem a:hover { color: var(--yks-grafit); text-decoration: underline; text-decoration-color: var(--yks-hardal); }
.yks-levha-cihaz-eylem .yks-levha-cihaz-talep { display: inline-flex; align-items: center; gap: 4px; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); }
.yks-levha-cihaz-eylem .yks-levha-cihaz-talep:hover { color: var(--yks-hardal); }
@media (max-width: 719px) {
  .yks-levhalar--cihaz { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .yks-levhalar--cihaz .yks-levha-cihaz { padding: 6px 6px 10px; }
  .yks-levhalar--cihaz .yks-levha-cihaz-alt { padding: 8px 2px 0; }
  .yks-levhalar--cihaz .yks-levha-cihaz-alt::after { display: none; }
  .yks-levhalar--cihaz .yks-levha-cihaz-alt h3 { font-size: 15px; }
  .yks-levhalar--cihaz .yks-levha-cihaz-alt p { font-size: 13px; }
  .yks-levhalar--cihaz .yks-levha-cihaz-eylem { padding: 8px 2px 0; font-size: 13px; }
}
/* Yan plaka: çelik, sağ üstü pahlı, köşe imli; yapışkan DEĞİL. */
.yks-yan-levha { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); padding: 24px; min-width: 0; }
.yks-yan-levha-baslik { margin: 0 0 12px; font-size: 19px; }
.yks-yan-levha dl { margin: 0; }
.yks-yan-levha dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; border-top: 1px solid var(--yks-cizgi); }
.yks-yan-levha dt { font-family: var(--yks-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--yks-gri); }
.yks-yan-levha dd { margin: 0; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.yks-yan-levha .yks-tanim-levhasi > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.yks-yan-levha .yks-tanim-levhasi dd { font-family: var(--yks-f-govde); font-weight: 400; text-align: left; color: var(--yks-metin); }
.yks-yan-levha > .yks-kumanda-dugme { margin-top: var(--yks-a4); }
.yks-yan-levha-notu { margin: var(--yks-a4) 0 0; color: var(--yks-gri); font-size: 14px; }

/* --- §08 İş plakası (süreç, imza): tek pahlı plakada alanlar ---------------- */
.yks-is-levhasi { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 1px; list-style: none; }
/* Alanların zemini (etkin alan çelik) pahı örtmesin: öğe kesilir, kenar ve pah çizgisi alanların ÜSTÜNDE. */
.yks-is-levhasi { --p-zemin: transparent; background: var(--yks-beyaz); border-radius: var(--yks-r); }
.yks-is-levhasi::before { z-index: 1; }
@media (min-width: 900px) { .yks-is-levhasi:not(.yks-is-levhasi--dikey) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } }
.yks-calisma-alani { position: relative; padding: 18px 20px 22px; min-width: 0; }
.yks-calisma-alani + .yks-calisma-alani { border-top: 1px solid var(--yks-cizgi); }
@media (min-width: 900px) { .yks-is-levhasi:not(.yks-is-levhasi--dikey) > .yks-calisma-alani + .yks-calisma-alani { border-top: 0; border-left: 1px solid var(--yks-cizgi); } }
.yks-calisma-alani small { display: block; margin-bottom: 10px; font-family: var(--yks-f-baslik); font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--yks-gri); }
.yks-calisma-alani h3 { margin: 0 0 6px; font-size: 19px; }
.yks-calisma-alani p { margin: 0; color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
.yks-calisma-alani--simdi { background: var(--yks-celik); }
.yks-calisma-alani--simdi small { color: var(--yks-hardal); }
.yks-calisma-alani--simdi::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: var(--yks-hardal); clip-path: none; }
.yks-is-levhasi--dikey { margin: var(--yks-a5) 0; }
.yks-is-levhasi--dikey .yks-calisma-alani { padding: 14px 18px 16px; }
.yks-is-levhasi--dikey .yks-calisma-alani small { margin-bottom: 6px; }
.yks-is-levhasi--dikey .yks-calisma-alani h3 { font-size: 17px; }
.yks-is-levhasi--dikey .yks-calisma-alani small + p { color: var(--yks-metin); }

/* --- §09 Sayfa yolu ------------------------------------------------------- */
.yks-levha-yolu { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 14px; padding: 0; list-style: none; font-family: var(--yks-f-baslik); font-size: 14px; color: var(--yks-gri); }
.yks-levha-yolu li + li::before { content: "/"; margin-right: 10px; color: var(--yks-hardal); }
.yks-levha-yolu a { color: var(--yks-gri); text-decoration: none; }
.yks-levha-yolu a:hover { color: var(--yks-grafit); text-decoration: underline; text-decoration-color: var(--yks-hardal); }
.yks-levha-yolu [aria-current] { color: var(--yks-grafit); }

/* --- §10 Pahlı etiket (durum), pahlı çip, sık aranan -------------------------- */
.yks-kumanda-etiket { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border-radius: var(--yks-r); background: var(--yks-celik-2); color: var(--yks-grafit); font-family: var(--yks-f-baslik); font-size: 13.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.yks-kumanda-etiket--kendiniz { background: #e2f0e8; color: var(--yks-yesil); }
.yks-kumanda-etiket--servis { background: var(--yks-celik-2); color: var(--yks-grafit); }
.yks-kumanda-etiket--durdur { background: var(--yks-hardal); color: var(--yks-hardal-ust); }
.yks-sik-levhalar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.yks-kumanda-cip { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; background: var(--yks-celik); color: var(--yks-grafit); font-size: 14.5px; text-decoration: none; border-radius: var(--yks-r); transition: background-color var(--yks-sure) var(--yks-egri); }
a.yks-kumanda-cip:hover { background: var(--yks-celik-3); color: var(--yks-grafit); }
a.yks-kumanda-cip:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-levha-dilimi--celik .yks-kumanda-cip, .yks-levha-bilet--celik .yks-kumanda-cip { background: var(--yks-beyaz); }
.yks-sik-aranan-cizgisi { display: grid; gap: 8px; margin-top: var(--yks-a5); }
.yks-sik-aranan-cizgisi > span { font-family: var(--yks-f-baslik); font-size: 13px; font-weight: 600; color: var(--yks-gri); }

/* --- §11 Kod plakası ------------------------------------------------------ */
.yks-kod-levhasi { width: 100%; border-collapse: collapse; font-size: 15px; box-shadow: inset 0 0 0 1px var(--yks-cizgi); }
.yks-kod-levhasi caption { padding: 0 0 10px; text-align: left; font-family: var(--yks-f-baslik); font-size: 13.5px; font-weight: 600; color: var(--yks-gri); }
.yks-kod-levhasi th, .yks-kod-levhasi td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--yks-cizgi-ince); overflow-wrap: anywhere; }
.yks-kod-levhasi thead th { background: var(--yks-grafit); color: var(--yks-beyaz); font-family: var(--yks-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.03em; vertical-align: middle; }
.yks-kod-levhasi tbody tr:last-child > * { border-bottom: 0; }
.yks-kod-levhasi td b { display: block; font-weight: 600; color: var(--yks-grafit); }
.yks-kod-levhasi td b + span { display: block; color: var(--yks-gri); font-size: 14px; }
.yks-kod-levhasi tr:target > td { background: var(--yks-celik); }
.yks-kod-levhasi tr[hidden] { display: none; }
.yks-kod-gozesi { display: inline-block; min-width: 58px; padding: 4px 10px; background: var(--yks-celik); color: var(--yks-grafit); font-family: var(--yks-f-sayi); font-size: 18px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; border-radius: var(--yks-r); transition: background-color var(--yks-sure) var(--yks-egri), color var(--yks-sure) var(--yks-egri); }
a.yks-kod-gozesi:hover { background: var(--yks-grafit); color: var(--yks-beyaz); }
a.yks-kod-gozesi:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-hardal); }
@media (max-width: 719px) {
  .yks-kod-levhasi thead { display: none; }
  .yks-kod-levhasi tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--yks-cizgi-ince); }
  .yks-kod-levhasi tbody tr:last-child { border-bottom: 0; }
  .yks-kod-levhasi td { padding: 2px 0; border: 0; }
  .yks-kod-levhasi td:first-child { grid-row: span 2; }
}
/* Tam kod tablosu (marka × cihaz) ve markanın tabloları. */
.yks-kod-levhasi--tam td:first-child { width: 1%; white-space: nowrap; }
.yks-kod-levhasi--tam td p { margin: 0 0 6px; max-width: 64ch; }
.yks-kod-levhasi--tam td strong { font-weight: 700; color: var(--yks-grafit); }
.yks-kod-gorunen { color: var(--yks-gri); }
.yks-kod-acilir-ozet { margin-top: 8px; }
.yks-kod-acilir-ozet > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--yks-grafit); border-radius: var(--yks-r); font-family: var(--yks-f-baslik); font-size: 14px; font-weight: 600; color: var(--yks-grafit); cursor: pointer; }
.yks-kod-acilir-ozet > summary::-webkit-details-marker { display: none; }
.yks-kod-acilir-ozet > summary::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--yks-m-asagi) center / contain no-repeat; mask: var(--yks-m-asagi) center / contain no-repeat; }
.yks-kod-acilir-ozet > summary:hover { background: var(--yks-grafit); color: var(--yks-beyaz); }
.yks-kod-acilir-ozet[open] { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); margin-top: 10px; padding: 12px 16px 8px; }
.yks-kod-acilir-ozet[open] > summary { min-height: 34px; padding: 0; box-shadow: none; clip-path: none; background: none; color: var(--yks-grafit); }
.yks-kod-acilir-ozet[open] > summary::after { transform: rotate(180deg); }
.yks-kod-acilir-ozet h3 { margin: var(--yks-a3) 0 0; font-size: 15px; }
.yks-kod-acilir-ozet .yks-kalip-cizgisi { min-height: 40px; padding-block: 6px; font-size: 15px; }
.yks-kod-suzgec-levhasi { max-width: 520px; }
.yks-kod-suzgec-levhasi .yks-bolge-aciklamasi { min-height: 1.5em; margin-top: 8px; }
.yks-kod-levhasi--marka td:first-child a { text-decoration: none; }
.yks-kod-levhasi--marka td:first-child a:hover b { text-decoration: underline; text-decoration-color: var(--yks-hardal); }
.yks-kod-levhasi--marka .yks-sik-levhalar { gap: 6px; }
.yks-kod-levhasi--marka td:last-child, .yks-kod-levhasi--marka th:last-child { text-align: right; color: var(--yks-gri); }
@media (max-width: 719px) {
  .yks-kod-levhasi--marka tr { grid-template-columns: minmax(0, 1fr) auto; }
  .yks-kod-levhasi--marka td:first-child { grid-row: auto; }
  .yks-kod-levhasi--marka td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 6px; }
  .yks-kod-levhasi--tam td:last-child { grid-column: 2; padding-top: 6px; }
}
/* Tip tablosu: veri tablosu (renkler, basın, ekipler, resmi hatlar, işin sırası). */
.yks-cins-tablosu { width: 100%; border-collapse: collapse; font-size: var(--yks-y-kucuk); box-shadow: inset 0 0 0 1px var(--yks-cizgi); }
.yks-cins-tablosu th, .yks-cins-tablosu td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--yks-cizgi-ince); overflow-wrap: anywhere; }
.yks-cins-tablosu thead th { background: var(--yks-celik-2); color: var(--yks-grafit); font-family: var(--yks-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; vertical-align: bottom; }
.yks-cins-tablosu tbody th { font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); border-right: 1px solid var(--yks-cizgi-ince); }
.yks-cins-tablosu tbody tr:last-child > * { border-bottom: 0; }
@media (max-width: 719px) {
  .yks-cins-tablosu--dar thead { display: none; }
  .yks-cins-tablosu--dar tr { display: grid; gap: 4px; padding: 12px 14px; border-bottom: 1px solid var(--yks-cizgi-ince); }
  .yks-cins-tablosu--dar tbody tr:last-child { border-bottom: 0; }
  .yks-cins-tablosu--dar td, .yks-cins-tablosu--dar tbody th { padding: 0; border: 0; }
}
/* Tanım plakası: alan adı (küçük Bitter) │ değer; 1 px çizgilerle bölünmüş satırlar. */
.yks-tanim-levhasi { margin: 0; font-size: var(--yks-y-kucuk); }
.yks-tanim-levhasi > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--yks-cizgi-ince); }
.yks-tanim-levhasi > div:first-child { padding-top: 0; border-top: 0; }
.yks-tanim-levhasi dt { font-family: var(--yks-f-baslik); font-size: 13.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--yks-gri); }
.yks-tanim-levhasi dd { margin: 0; color: var(--yks-metin); overflow-wrap: anywhere; }
@media (max-width: 559px) { .yks-tanim-levhasi > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* --- §12 Soru plakası (SSS), katlanan plaka --------------------------------- */
.yks-soru-levhasi { box-shadow: inset 0 0 0 1px var(--yks-cizgi); }
.yks-soru-levha-cizgisi + .yks-soru-levha-cizgisi { border-top: 1px solid var(--yks-cizgi); }
.yks-soru-levha-cizgisi summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 18px; list-style: none; font-family: var(--yks-f-baslik); font-size: 17px; font-weight: 600; color: var(--yks-grafit); cursor: pointer; }
.yks-soru-levha-cizgisi summary::-webkit-details-marker { display: none; }
.yks-soru-levha-cizgisi summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--yks-grafit); -webkit-mask: var(--yks-m-asagi) center / contain no-repeat; mask: var(--yks-m-asagi) center / contain no-repeat; }
.yks-soru-levha-cizgisi summary:hover { background: var(--yks-celik); }
.yks-soru-levha-cizgisi[open] { background: var(--yks-celik); }
.yks-soru-levha-cizgisi[open] summary::after { transform: rotate(180deg); background: var(--yks-hardal); }
.yks-soru-levha-cizgisi > div { padding: 0 18px 16px; color: var(--yks-metin); }
.yks-soru-levha-cizgisi > div p { margin: 0 0 10px; }
.yks-soru-levha-cizgisi > div p:last-child { margin-bottom: 0; }
@media (min-width: 1080px) {
  .yks-soru-levhasi--iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; box-shadow: none; }
  .yks-soru-levhasi--iki .yks-soru-levha-cizgisi { box-shadow: inset 0 0 0 1px var(--yks-cizgi); }
  .yks-soru-levhasi--iki .yks-soru-levha-cizgisi + .yks-soru-levha-cizgisi { border-top: 0; }
}
.yks-katlanan-levha { border-top: 1px solid var(--yks-cizgi-ince); }
.yks-katlanan-levha > summary { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; list-style: none; cursor: pointer; }
.yks-katlanan-levha > summary::-webkit-details-marker { display: none; }
.yks-katlanan-levha > summary h3 { flex: 1; min-width: 0; margin: 0; font-size: 17px; }
.yks-katlanan-levha > summary small { font-family: var(--yks-f-sayi); font-size: 14px; font-weight: 600; color: var(--yks-gri-2); font-variant-numeric: tabular-nums; }
.yks-katlanan-levha > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--yks-grafit); -webkit-mask: var(--yks-m-asagi) center / contain no-repeat; mask: var(--yks-m-asagi) center / contain no-repeat; }
.yks-katlanan-levha[open] > summary::after { transform: rotate(180deg); background: var(--yks-hardal); }
.yks-katlanan-levha > summary:hover h3 { text-decoration: underline; text-decoration-color: var(--yks-hardal); }
.yks-katlanan-levha > p { margin: 0 0 8px; color: var(--yks-gri); }
.yks-katlanan-levha > .yks-cizgi-kalibi { margin-bottom: var(--yks-a3); }
.yks-levha-bilet > .yks-katlanan-levha:first-of-type { margin-top: var(--yks-a3); }

/* --- §13 Form ------------------------------------------------------------- */
.yks-levha-formu { display: grid; gap: var(--yks-a5); min-width: 0; }
.yks-kalip-bolumu { display: grid; gap: 14px; min-width: 0; }
.yks-kalip-bolumu + .yks-kalip-bolumu { padding-top: var(--yks-a5); border-top: 1px solid var(--yks-cizgi-ince); }
.yks-bolum-unvani { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; }
.yks-bolum-unvani::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--yks-hardal); clip-path: none; }
.yks-bolum-unvani b { font-family: var(--yks-f-baslik); font-size: 17px; font-weight: 600; color: var(--yks-grafit); }
.yks-bolum-unvani small { color: var(--yks-gri); font-size: 14px; }
.yks-bolgeler-yan-yana { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 640px) { .yks-bolgeler-yan-yana { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yks-bolgeler-yan-yana > .yks-levha-alani--tam, .yks-bolgeler-yan-yana > .yks-onay-cizgisi { grid-column: 1 / -1; } }
.yks-levha-alani { display: grid; gap: 6px; min-width: 0; align-content: start; }
.yks-levha-alani > label, .yks-bolge-basligi { font-family: var(--yks-f-baslik); font-size: 14px; font-weight: 600; color: var(--yks-grafit); }
.yks-levha-alani label small { font-family: var(--yks-f-govde); font-weight: 400; color: var(--yks-gri); }
.yks-levha-alani input, .yks-levha-alani select, .yks-levha-alani textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 14px; border: 0; background: var(--yks-beyaz); color: var(--yks-grafit); font: inherit; font-size: 16px; box-shadow: inset 0 0 0 1.5px var(--yks-cizgi-sert); border-radius: var(--yks-r); -webkit-appearance: none; appearance: none; transition: box-shadow var(--yks-sure) var(--yks-egri); }
.yks-levha-alani textarea { min-height: 116px; padding-block: 14px; resize: vertical; }
.yks-levha-alani select { padding-right: 44px; background: var(--yks-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='%2312161C' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.yks-levha-alani select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.yks-levha-alani input::placeholder, .yks-levha-alani textarea::placeholder { color: var(--yks-gri-2); }
.yks-levha-alani input:hover, .yks-levha-alani select:hover, .yks-levha-alani textarea:hover { box-shadow: inset 0 0 0 1.5px var(--yks-grafit); }
.yks-levha-alani input:focus-visible, .yks-levha-alani select:focus-visible, .yks-levha-alani textarea:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-levha-alani input[type="date"], .yks-levha-alani input[type="time"] { display: block; -webkit-appearance: auto; appearance: auto; color-scheme: light; }
.yks-levha-alani input[type="date"]::-webkit-calendar-picker-indicator, .yks-levha-alani input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
.yks-levha-alani input[type="file"] { padding: 10px 12px; }
.yks-levha-alani input[type="file"]::file-selector-button { margin-right: var(--yks-a3); min-height: 34px; padding: 0 14px; border: 0; background: var(--yks-grafit); color: var(--yks-beyaz); font: inherit; font-family: var(--yks-f-baslik); font-weight: 600; border-radius: var(--yks-r); cursor: pointer; }
.yks-levha-alani--hatali input, .yks-levha-alani--hatali select, .yks-levha-alani--hatali textarea { background-color: var(--yks-hardal-acik); box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-bolge-aciklamasi { margin: 0; color: var(--yks-gri); font-size: 13.5px; }
.yks-bolge-hata-cizgisi { display: flex; gap: 8px; align-items: center; margin: 0; max-width: none; color: var(--yks-hardal); font-size: 14px; font-weight: 600; }
.yks-bolge-hata-cizgisi::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--yks-hardal); clip-path: none; }
.yks-onay-cizgisi { display: flex; gap: 12px; align-items: flex-start; color: var(--yks-metin); font-size: 15px; cursor: pointer; }
.yks-onay-cizgisi input { flex: none; display: grid; place-content: center; width: 22px; height: 22px; margin: 1px 0 0; border: 0; background: var(--yks-beyaz); box-shadow: inset 0 0 0 1.5px var(--yks-cizgi-sert); -webkit-appearance: none; appearance: none; cursor: pointer; }
.yks-onay-cizgisi input:checked { background: var(--yks-hardal); box-shadow: none; }
.yks-onay-cizgisi input:checked::after { content: ""; width: 16px; height: 16px; background: var(--yks-hardal-ust); -webkit-mask: var(--yks-m-onay) center / contain no-repeat; mask: var(--yks-m-onay) center / contain no-repeat; }
.yks-onay-cizgisi input:focus-visible { outline: 2px solid var(--yks-hardal); outline-offset: 2px; }
.yks-levha-alani--hatali.yks-onay-cizgisi input { box-shadow: inset 0 0 0 2px var(--yks-hardal); }
/* Uygun gün: önümüzdeki günler pahlı küçük plakalar (yks.js). */
.yks-gun-levhalari { display: flex; flex-wrap: wrap; gap: 8px; }
.yks-gun-levhalari button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 14px; border: 0; background: var(--yks-celik); color: var(--yks-gri); font: inherit; font-size: 14px; border-radius: var(--yks-r); cursor: pointer; transition: background-color var(--yks-sure) var(--yks-egri); }
.yks-gun-levhalari button b { font-family: var(--yks-f-sayi); font-size: 16px; font-weight: 700; color: var(--yks-grafit); font-variant-numeric: tabular-nums; }
.yks-gun-levhalari button:hover { background: var(--yks-celik-3); }
.yks-gun-levhalari button[aria-pressed="true"] { background: var(--yks-grafit); color: #cfcabb; }
.yks-gun-levhalari button[aria-pressed="true"] b { color: var(--yks-beyaz); }
.yks-gun-levhalari button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-kalip-gonder-cizgisi { display: grid; gap: var(--yks-a3); }
.yks-kalip-gonder-cizgisi p { margin: 0; color: var(--yks-gri); font-size: 14px; }
@media (min-width: 720px) { .yks-kalip-gonder-cizgisi .yks-kumanda-dugme { justify-self: start; min-width: 300px; } }
.yks-ekran-yedek-alan { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* İki yan form: solda etiket, başlık, giriş, dikey iş plakası; sağda form plakası. */
.yks-kalip-levha-ikilisi { display: grid; gap: var(--yks-a6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.yks-kalip-levha-ikilisi > * { min-width: 0; }
@media (min-width: 1080px) { .yks-kalip-levha-ikilisi { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--yks-a7); } }
.yks-kalip-aciklamasi h2 { margin: 0 0 var(--yks-a3); font-size: var(--yks-y-1); }
.yks-kalip-aciklamasi .yks-levha-girisi { margin-top: 0; }
.yks-kalip-dipnotu { color: var(--yks-gri); font-size: 14px; }
.yks-kalip-levhasi { --p-kenar: var(--yks-cizgi-sert); padding: var(--yks-a6) var(--yks-a5); }
@media (max-width: 719px) { .yks-kalip-levhasi { padding: var(--yks-a5) var(--yks-a4); } }

/* --- §14 Plaka notu, uyarı ------------------------------------------------ */
.yks-levha-notu { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); margin: 0 0 var(--yks-a4); padding: 14px 18px 14px 21px; max-width: none; color: var(--yks-metin); font-size: var(--yks-y-kucuk); }
.yks-levha-notu::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--yks-grafit); }
.yks-levha-notu b { display: block; margin-bottom: 2px; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); }
.yks-levha-notu p { margin: 0; }
.yks-levha-notu:last-child { margin-bottom: 0; }
.yks-levha-notu--uyari { --p-zemin: var(--yks-hardal-acik); --p-kenar: var(--yks-hardal-acik); }
.yks-levha-notu--uyari::after { background: var(--yks-hardal); }
.yks-levha-notu--uyari b { color: var(--yks-hardal); }
.yks-levha-notu--tamam::after { background: var(--yks-yesil); }
.yks-levha-notu--tamam b { color: var(--yks-yesil); }

/* --- §15 Açılış plakası, izometrik çizim, parça tablosu ---------------------- */
.yks-sayfa-levhasi { padding-top: var(--yks-a6); }
.yks-sayfa-levhasi-ic { display: grid; gap: var(--yks-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.yks-sayfa-levhasi-ic > * { min-width: 0; }
.yks-sayfa-levhasi-ic h1 { margin: 0; overflow-wrap: anywhere; }
@media (min-width: 1080px) { .yks-sayfa-levhasi-ic { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--yks-a8); } }
.yks-sayfa-levhasi-gorsel { display: grid; gap: var(--yks-a3); align-content: center; }
.yks-sayfa-levhasi-gorsel:empty { display: none; }
@media (min-width: 1080px) { .yks-sayfa-levhasi-ic:has(> .yks-sayfa-levhasi-gorsel:empty) { grid-template-columns: minmax(0, 1fr); } }
.yks-sayfa-levhasi-omurga > h1 { margin: 0; overflow-wrap: anywhere; }
.yks-sayfa-levhasi .yks-sekme-serit { margin-top: var(--yks-a6); }
.yks-sayfa-levhasi .yks-kumanda-eylemleri { margin-top: var(--yks-a5); }
/* Çizim plakası: sağ üstü 28 px pahlı beyaz plaka, pahta 20 px köşe imi. */
.yks-cizim-cerceve { --p-pah: 28px; --p-imi: 20px; display: block; padding: 14px; }
.yks-cizim-cerceve img { width: 100%; height: auto; }
.yks-cizim-cerceve picture { display: block; }
.yks-sayfa-levhasi-gorsel > .yks-cizim-cerceve { width: 100%; max-width: 440px; justify-self: center; }
@media (max-width: 1079px) { .yks-sayfa-levhasi-gorsel > .yks-cizim-cerceve { max-width: 320px; justify-self: start; } }
/* Ana sayfa açılışı. */
.yks-karsilama-dilimi { padding-top: var(--yks-a6); }
@media (min-width: 1080px) { .yks-karsilama-dilimi { padding-top: var(--yks-a8); } }
.yks-giris-levhasi { display: grid; gap: var(--yks-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.yks-giris-levhasi > * { min-width: 0; }
@media (min-width: 1080px) { .yks-giris-levhasi { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--yks-a8); } }
.yks-giris-yazisi .yks-kumanda-eylemleri { margin-top: var(--yks-a5); }
/* İlke plakası: tip etiketi gibi üç alan. */
.yks-ilke-levhasi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--yks-a5) 0 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--yks-cizgi); }
.yks-ilke-levhasi li { padding: 12px 14px; color: var(--yks-grafit); font-size: 14.5px; font-weight: 600; line-height: 1.35; }
.yks-ilke-levhasi li + li { border-left: 1px solid var(--yks-cizgi); }
.yks-ilke-levhasi small { display: block; margin-bottom: 4px; font-family: var(--yks-f-baslik); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--yks-hardal); }
@media (max-width: 419px) { .yks-ilke-levhasi li { padding: 10px; font-size: 13.5px; } }
.yks-ilk-levha { --p-pah: 28px; --p-imi: 20px; margin: 0; padding: 18px; }
.yks-ilk-levha figcaption { margin-top: 12px; }
.yks-kumanda-noktali { position: relative; }
.yks-kumanda-noktali picture { display: block; }
.yks-kumanda-noktali img { display: block; width: 100%; height: auto; }
.yks-no-tabakasi { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.yks-kumanda-no { transition: opacity var(--yks-sure) var(--yks-egri); }
.yks-no-zemini { fill: var(--yks-grafit); }
.yks-no-damgasi { fill: var(--yks-hardal); }
.yks-kumanda-no text { fill: #ffffff; font-family: var(--yks-f-baslik); font-size: 3.3px; font-weight: 700; text-anchor: middle; dominant-baseline: middle; }
.yks-kumanda-no--secili .yks-no-zemini { fill: var(--yks-hardal); }
.yks-kumanda-no--secili .yks-no-damgasi { fill: var(--yks-grafit); }
.yks-no-tabakasi:has(.yks-kumanda-no--secili) .yks-kumanda-no:not(.yks-kumanda-no--secili) { opacity: 0.3; }
.yks-levha-cihaz--noktali .yks-kumanda-no { opacity: 0; }
.yks-levha-cihaz--noktali:hover .yks-kumanda-no, .yks-levha-cihaz--noktali:focus-within .yks-kumanda-no { opacity: 1; }
@media (hover: none) { .yks-levha-cihaz--noktali .yks-kumanda-no { opacity: 1; } }
.yks-yedek-tablosu-basi { display: block; margin-bottom: 8px; font-family: var(--yks-f-baslik); font-size: 13px; font-weight: 600; color: var(--yks-gri); }
.yks-yedek-tablosu { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--yks-cizgi); font-size: 14px; }
@media (min-width: 420px) { .yks-yedek-tablosu { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yks-yedek-tablosu li:nth-child(odd) { border-right: 1px solid var(--yks-cizgi-ince); } }
.yks-yedek-tablosu li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border-bottom: 1px solid var(--yks-cizgi-ince); color: var(--yks-metin); }
.yks-yedek-tablosu b { flex: none; display: inline-grid; place-items: center; width: 26px; height: 20px; background: var(--yks-grafit); color: var(--yks-beyaz); font-family: var(--yks-f-baslik); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; border-radius: var(--yks-r); }

/* --- §16 Mobil alt plaka (<1080 px) --------------------------------------- */
.yks-taban-levha { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: 10px var(--yks-kenar) calc(10px + env(safe-area-inset-bottom)); background: var(--yks-beyaz); border-top: 1px solid var(--yks-cizgi); transition: transform var(--yks-sure) var(--yks-egri); }
.yks-taban-levha::before { content: ""; position: absolute; left: 0; top: -2px; width: 72px; height: 3px; background: var(--yks-grafit); }
.yks-taban-levha > .yks-kumanda-dugme { flex: 1; min-width: 0; }
.yks-taban-levha > .yks-taban-levha-tel { flex: 0 0 auto; padding-inline: 18px; }
.yks-taban-levha--gizli { transform: translateY(calc(100% + 8px)); }
body.yks-taban-levhali { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { .yks-taban-levha { display: none; } body.yks-taban-levhali { padding-bottom: 0; } }

/* --- §17 Çelik altbilgi, tip etiketi, dip satır, son plaka ----------------- */
.yks-celik-dipnot { position: relative; margin-top: var(--yks-bolum); padding: var(--yks-a7) 0 0; background: var(--yks-celik); border-top: 1px solid var(--yks-cizgi); }
.yks-celik-dipnot::before { content: ""; position: absolute; left: 0; top: -2px; width: 120px; height: 3px; background: var(--yks-grafit); }
.yks-son-levha-dilimi + .yks-celik-dipnot { margin-top: var(--yks-bolum); }
.yks-celik-dipnot-izgara { display: grid; gap: var(--yks-a6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .yks-celik-dipnot-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .yks-celik-dipnot-izgara { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); } }
.yks-dipnot-kimligi > a img { height: 28px; width: auto; margin-bottom: var(--yks-a4); }
.yks-dipnot-kimligi > p { max-width: 42ch; color: var(--yks-metin); font-size: var(--yks-y-kucuk); }
.yks-dipnot-iletisimi { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 15px; }
.yks-dipnot-iletisimi a { color: var(--yks-grafit); text-decoration-color: var(--yks-cizgi-sert); }
.yks-dipnot-iletisimi .yks-tablo-rakami { font-family: var(--yks-f-baslik); font-size: 19px; font-weight: 600; text-decoration: none; }
.yks-dipnot-dizini { min-width: 0; }
.yks-dipnot-dizini > nav + nav { margin-top: var(--yks-a5); }
.yks-dipnot-dizini h2 { margin: 0 0 8px; font-size: 15px; letter-spacing: 0; }
.yks-dipnot-dizini ul { margin: 0; padding: 0; list-style: none; }
.yks-dipnot-dizini a, .yks-dipnot-dizini button { display: inline-flex; align-items: center; min-height: 32px; padding: 2px 0; border: 0; background: none; color: var(--yks-metin); font: inherit; font-size: 15px; text-align: left; text-decoration: none; cursor: pointer; }
.yks-dipnot-dizini a:hover, .yks-dipnot-dizini button:hover { color: var(--yks-hardal); }
.yks-dipnot-kucuk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--yks-a6); padding-top: var(--yks-a4); border-top: 1px solid var(--yks-cizgi); }
.yks-dipnot-kucuk > a { margin-right: 4px; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); text-decoration: none; }
.yks-dipnot-kucuk ul { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font-size: 14.5px; }
.yks-dipnot-kucuk ul a { color: var(--yks-gri); text-decoration: none; }
.yks-dipnot-kucuk ul a:hover { color: var(--yks-grafit); }
/* Tip etiketi: kurum bilgisi plakası (cihaz arkasındaki üretici etiketi gibi). */
.yks-cins-etiketi { --p-kenar: var(--yks-cizgi-sert); display: flex; flex-wrap: wrap; margin: var(--yks-a6) 0 0; padding: 1px; font-size: 13.5px; }
.yks-cins-etiketi > div { flex: 1 1 200px; min-width: 0; padding: 12px 16px; box-shadow: -1px 0 0 var(--yks-cizgi-ince), 0 -1px 0 var(--yks-cizgi-ince); }
.yks-cins-etiketi dt { margin-bottom: 4px; font-family: var(--yks-f-baslik); font-size: 11.5px; font-weight: 600; letter-spacing: 0.05em; color: var(--yks-gri); }
.yks-cins-etiketi dd { margin: 0; color: var(--yks-metin); overflow-wrap: anywhere; }
.yks-tip-etiketi-beyani { flex-basis: 100% !important; }
.yks-dipnot-beyani { color: var(--yks-gri); }
.yks-celik-taban { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: var(--yks-a4) 0 var(--yks-a5); font-size: 13.5px; color: var(--yks-gri); }
.yks-celik-taban p { margin: 0; }
.yks-celik-taban a { color: var(--yks-gri); }
.yks-celik-taban nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.yks-sayac-cizgisi b { font-family: var(--yks-f-sayi); font-weight: 700; color: var(--yks-grafit); font-variant-numeric: tabular-nums; }
/* Son plaka: sayfanın TEK koyu yüzeyi — grafit, 28 px pah, pahta açık hardal köşe imi. */
.yks-son-levha { --p-zemin: var(--yks-grafit); --p-kenar: var(--yks-grafit); --p-pah: 28px; --p-imi: 20px; --p-imi-renk: var(--yks-sinyal); display: grid; gap: var(--yks-a5); align-items: center; padding: 30px 24px; color: #cfcabb; }
@media (min-width: 900px) { .yks-son-levha { grid-template-columns: minmax(0, 1fr) auto; padding: 36px 48px; } }
.yks-son-levha h2 { margin: 0 0 8px; color: var(--yks-beyaz); }
.yks-son-levha p { margin: 0; color: #cfcabb; }
.yks-son-levha .yks-isaretli-etiket { margin-bottom: 10px; color: #cfcabb; }
.yks-son-levha .yks-isaretli-etiket::before { background: var(--yks-sinyal); }
.yks-son-levha .yks-kumanda-dugme--sicak:focus-visible, .yks-son-levha .yks-kumanda-dugme--koyu:focus-visible { box-shadow: inset 0 0 0 3px var(--yks-beyaz), inset 0 0 0 5px var(--yks-grafit); }
/* Ara plaka (sayfa ortası tek satır çağrı): çelik, köşe imli. */
.yks-ara-tabela { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); display: grid; gap: var(--yks-a4); align-items: center; padding: 22px; }
@media (min-width: 900px) { .yks-ara-tabela { grid-template-columns: minmax(0, 1fr) auto; padding: 26px 32px; } }
.yks-ara-tabela p { margin: 0; color: var(--yks-gri); }
.yks-ara-tabela b { display: block; font-family: var(--yks-f-baslik); font-size: var(--yks-y-3); color: var(--yks-grafit); }
/* Çerez plakası: alt plakanın üstünde yüzen beyaz plaka. */
.yks-cerez-levhasi { --p-kenar: var(--yks-cizgi-sert); 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(--yks-a4) var(--yks-a5); }
.yks-cerez-levhasi p { margin: 0 0 12px; max-width: none; color: var(--yks-metin); font-size: 14px; }

/* --- §18 Sayfa ekleri: ölçü satırı, hat plakası, açılış maddeleri, logo ---- */
.yks-olcu-cizgisi { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); display: flex; flex-wrap: wrap; margin: 0; padding: 1px; }
.yks-olcu-cizgisi > div { flex: 1 1 120px; display: flex; flex-direction: column-reverse; gap: 6px; padding: 18px 20px; }
.yks-olcu-cizgisi > div + div { box-shadow: -1px 0 0 var(--yks-cizgi); }
.yks-olcu-cizgisi dd { margin: 0; font-size: var(--yks-y-dev); }
.yks-olcu-cizgisi dt { font-family: var(--yks-f-baslik); font-size: var(--yks-y-etiket); font-weight: 600; color: var(--yks-gri); }
.yks-hat-levhasi { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); display: grid; gap: 6px; padding: 22px; }
.yks-hat-levhasi .yks-isaretli-etiket { margin: 0; }
.yks-hat-levhasi .yks-olcu-hanesi { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); text-decoration: none; overflow-wrap: anywhere; }
.yks-hat-levhasi .yks-olcu-hanesi:hover { color: var(--yks-hardal); }
.yks-hat-levhasi p { margin: 0; color: var(--yks-gri); font-size: 14px; }
.yks-giris-kalemleri .yks-kalip-cizgisi { min-height: 40px; padding-block: 6px; font-size: 15px; color: var(--yks-metin); }
.yks-giris-kalemleri .yks-kalip-cizgisi::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--yks-hardal); clip-path: none; }
.yks-damga-levhasi { display: grid; place-items: center; min-height: 140px; margin-bottom: var(--yks-a4); padding: var(--yks-a5); }
.yks-damga-levhasi--koyu { --p-zemin: var(--yks-grafit); --p-kenar: var(--yks-grafit); }
.yks-damga-levhasi img { max-height: 56px; width: auto; }
/* İletişim: tıkla-yükle harita plakası (iletisim-harita.js --acik ekler). */
.yks-konum-levhasi { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); display: grid; place-items: center; aspect-ratio: 4 / 3; padding: var(--yks-a5); text-align: center; overflow: hidden; }
.yks-konum-levhasi .yks-kumanda-eylemleri { justify-content: center; }
.yks-konum-levhasi iframe { width: 100%; height: 100%; border: 0; }
.yks-konum-levhasi--acik { padding: 0; }
.yks-konum-levhasi--acik > div { display: none; }
@media (min-width: 720px) { .yks-konum-levhasi { aspect-ratio: 16 / 9; } }
.yks-konum-levhasi-adres { color: var(--yks-metin); }
/* Yorum plakası (yalnız onaylı kayıttan). */
.yks-yorum-levhasi { margin: 0; }
.yks-yorum-levhasi blockquote { margin: 0 0 var(--yks-a3); }
.yks-yorum-levhasi figcaption { color: var(--yks-gri); font-size: 14px; }
/* Mahalle adları: düz metin dizisi, "·" ayraçlı. */
.yks-isim-kalibi { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; color: var(--yks-metin); font-size: var(--yks-y-kucuk); line-height: 1.9; }
.yks-isim-kalibi li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--yks-gri-2); }

/* --- §19 Satır dökümü, harf bölmeleri, sekme çubuğu -------------------------- */
.yks-cizgi-kalibi { margin: 0; padding: 0; list-style: none; }
.yks-kalip-cizgisi { display: flex; align-items: center; gap: var(--yks-a3); min-height: 50px; padding: 10px 2px; border-top: 1px solid var(--yks-cizgi-ince); }
.yks-kalip-cizgisi:first-child { border-top: 0; }
.yks-kalip-cizgisi > a { flex: 1; min-width: 0; color: var(--yks-grafit); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.yks-kalip-cizgisi > a:hover { text-decoration: underline; text-decoration-color: var(--yks-hardal); }
.yks-kalip-cizgisi small { flex: 0 1 auto; min-width: 0; color: var(--yks-gri); font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; }
.yks-kalip-cizgisi:has(> a)::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--yks-gri-2); -webkit-mask: var(--yks-m-ok) center / contain no-repeat; mask: var(--yks-m-ok) center / contain no-repeat; }
.yks-kalip-cizgisi:has(> a:hover)::after { background: var(--yks-hardal); }
.yks-kalip-cizgisi > span { flex: 1; min-width: 0; }
.yks-cizgi-kalibi:not(.yks-cizgi-kalibi--sutunlu, .yks-giris-kalemleri) > .yks-kalip-cizgisi > span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 10px 2px 0; background: var(--yks-grafit); clip-path: none; }
.yks-cizgi-aciklamasi { display: inline-block; width: 100%; margin-top: 2px; color: var(--yks-gri); font-size: 14px; font-weight: 400; }
.yks-cizgi-kalibi--sutunlu { columns: 1; column-gap: var(--yks-a6); }
.yks-cizgi-kalibi--sutunlu .yks-kalip-cizgisi { break-inside: avoid; min-height: 48px; border-top: 0; border-bottom: 1px solid var(--yks-cizgi-ince); }
.yks-cizgi-kalibi--dortlu { columns: 2; column-gap: var(--yks-a4); }
@media (max-width: 559px) { .yks-cizgi-kalibi--dortlu small { display: none; } }
@media (min-width: 560px) { .yks-cizgi-kalibi--sutunlu { columns: 2; } }
@media (min-width: 1080px) {
  .yks-cizgi-kalibi--sutunlu { columns: 3; }
  .yks-cizgi-kalibi--dortlu { columns: 4; }
  .yks-ikiz-sol .yks-cizgi-kalibi--sutunlu, .yks-tabelalar > .yks-levha-bilet .yks-cizgi-kalibi--sutunlu { columns: 2; }
}
/* Harf bölmeleri (A–Z dizinleri) + ad süzgeci. */
.yks-isim-eleyici { max-width: 360px; margin-bottom: var(--yks-a4); }
.yks-harf-bolumleri { columns: 1; column-gap: var(--yks-a6); }
@media (min-width: 560px) { .yks-harf-bolumleri { columns: 2; } }
@media (min-width: 1080px) { .yks-harf-bolumleri { columns: 4; } }
.yks-harf-blogu { break-inside: avoid; margin-bottom: var(--yks-a4); }
.yks-harf-blogu .yks-isaretli-etiket { margin: 0; color: var(--yks-grafit); font-size: 15px; }
.yks-harf-blogu .yks-kalip-cizgisi { min-height: 44px; padding-block: 6px; }
.yks-harf-blogu .yks-kalip-cizgisi small { font-size: 13px; text-align: right; }
/* Sekme çubuğu: çelik-2 ray üstünde sekmeler; etkin sekme beyaz + hardal alt çizgi. */
.yks-sekme-serit { display: flex; gap: 2px; width: max-content; max-width: 100%; margin: var(--yks-a4) 0; padding: 4px; overflow-x: auto; scrollbar-width: none; background: var(--yks-celik-2); border-radius: var(--yks-r); }
.yks-sekme-serit::-webkit-scrollbar { display: none; }
.yks-sekme-serit a, .yks-sekme-serit button { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px; border: 0; background: transparent; color: var(--yks-gri); font: inherit; font-family: var(--yks-f-baslik); font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color var(--yks-sure) var(--yks-egri), color var(--yks-sure) var(--yks-egri); }
.yks-sekme-serit a:hover, .yks-sekme-serit button:hover { color: var(--yks-grafit); background: var(--yks-celik-3); }
.yks-sekme-serit [aria-selected="true"], .yks-sekme-serit [aria-current="true"] { background: var(--yks-beyaz); color: var(--yks-grafit); font-weight: 600; box-shadow: inset 0 -2px 0 var(--yks-hardal); }
.yks-sekme-serit a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-sekme-serit sup { font-family: var(--yks-f-sayi); font-size: 12px; color: var(--yks-gri-2); font-variant-numeric: tabular-nums; vertical-align: baseline; }
.yks-sekme-serit[data-az-harfler] { margin-top: 0; }
.yks-sekme-serit[data-az-harfler] a { min-width: 44px; justify-content: center; padding: 0 12px; font-weight: 600; }
.yks-sekme-levhasi[hidden] { display: none; }
.yks-sekme-levhasi:focus-visible { outline-offset: 4px; }

/* ==========================================================================
   §20 SAYFA AİLELERİ (TASARIM-SISTEMI §08): ana sayfa bölümleri, cihaz,
   bölge, marka, hata kodu. Burada yalnız aileye özgü ekler.
   ========================================================================== */
/* Arıza bulucu (ana sayfa): JS yoksa gizli (aynı belirtiler cihaz sayfalarında). */
html:not(.yks-yurutucu) .yks-arayici-dilimi { display: none; }
.yks-bulgu-levhasi { display: grid; gap: var(--yks-a5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.yks-bulgu-levhasi > * { min-width: 0; }
@media (min-width: 900px) { .yks-bulgu-levhasi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.yks-bulgu-levhasi > .yks-cizim-cerceve { max-width: 420px; justify-self: center; width: 100%; }
.yks-bulgu-soru-cizgisi { margin: 0 0 var(--yks-a3); font-family: var(--yks-f-baslik); font-size: var(--yks-y-3); font-weight: 600; color: var(--yks-grafit); }
.yks-ariza-dugme-dizisi { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.yks-ariza-dugme-dizisi button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 14px; border: 0; background: var(--yks-celik); color: var(--yks-metin); font: inherit; font-size: 15px; text-align: left; border-radius: var(--yks-r); cursor: pointer; transition: background-color var(--yks-sure) var(--yks-egri), box-shadow var(--yks-sure) var(--yks-egri); }
.yks-ariza-dugme-dizisi button span { flex: none; display: inline-grid; place-items: center; width: 28px; height: 22px; background: var(--yks-grafit); color: var(--yks-beyaz); font-family: var(--yks-f-sayi); font-size: 12px; font-weight: 700; border-radius: var(--yks-r); }
.yks-ariza-dugme-dizisi button:hover { background: var(--yks-celik-3); color: var(--yks-grafit); }
.yks-ariza-dugme-dizisi button[aria-pressed="true"] { background: var(--yks-beyaz); color: var(--yks-grafit); box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-ariza-dugme-dizisi button[aria-pressed="true"] span { background: var(--yks-hardal); }
.yks-ariza-dugme-dizisi button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-grafit); }
.yks-ariza-durumu { min-height: 3em; margin: var(--yks-a4) 0; color: var(--yks-gri); font-size: 14px; }
.yks-ariza-durumu b { color: var(--yks-grafit); }
/* Neden Yetkılıservıs: dört plaka + katlanır fark dökümü. */
.yks-neden-levhalari h3 { margin: var(--yks-a3) 0 6px; }
.yks-neden-levhalari p { margin: 0; color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
.yks-kumanda-ikon { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--yks-celik); color: var(--yks-grafit); border-radius: var(--yks-r); }
.yks-fark-kalibi { padding: 18px 22px; }
.yks-fark-kalibi summary { display: flex; justify-content: space-between; gap: 12px; list-style: none; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); cursor: pointer; }
.yks-fark-kalibi summary::-webkit-details-marker { display: none; }
.yks-fark-kalibi summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--yks-grafit); -webkit-mask: var(--yks-m-asagi) center / contain no-repeat; mask: var(--yks-m-asagi) center / contain no-repeat; }
.yks-fark-kalibi[open] summary::after { transform: rotate(180deg); background: var(--yks-hardal); }
.yks-fark-kalibi dl { display: grid; margin: var(--yks-a4) 0 0; }
.yks-fark-kalibi dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--yks-cizgi-ince); }
@media (min-width: 720px) { .yks-fark-kalibi dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.yks-fark-kalibi dt { color: var(--yks-gri); text-decoration: line-through; text-decoration-color: var(--yks-cizgi-sert); }
.yks-fark-kalibi dd { margin: 0; color: var(--yks-metin); }
/* İl ve ilçeler (ana sayfa, çelik kesit): başlık + ölçü değerleri, harita, dizin. */
.yks-sehir-levhasi-basi { display: grid; gap: var(--yks-a5); margin-bottom: var(--yks-a5); }
@media (min-width: 900px) { .yks-sehir-levhasi-basi { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.yks-sehir-levhasi-basi h2 { margin: 0 0 8px; }
.yks-sehir-levhasi-basi p { margin: 0; color: var(--yks-gri); }
.yks-sehir-olculeri { display: flex; margin: 0; box-shadow: inset 0 0 0 1px var(--yks-cizgi-sert); background: var(--yks-beyaz); }
.yks-sehir-olculeri div { display: flex; flex-direction: column; padding: 12px 18px; }
.yks-sehir-olculeri div + div { border-left: 1px solid var(--yks-cizgi); }
.yks-sehir-olculeri dd { margin: 0; font-family: var(--yks-f-sayi); font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1; color: var(--yks-grafit); font-variant-numeric: tabular-nums; }
.yks-sehir-olculeri dt { margin-top: 6px; font-family: var(--yks-f-baslik); font-size: 12.5px; font-weight: 600; color: var(--yks-gri); }
.yks-sehir-kalibi { margin-top: var(--yks-a4); }
.yks-sehir-kalibi summary { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); cursor: pointer; }
/* Resmi hat kesitinden sonra gelen iki yan (küçük alet, marka × cihaz) nefes alsın. */
#resmi-hat + .yks-levha-kabi { margin-top: var(--yks-bolum); }
.yks-ikiz-sol > .yks-levha-bilet > .yks-bilet-basi + .yks-bolge-aciklamasi { margin-top: calc(var(--yks-a3) * -1); }
.yks-ikiz-sol > .yks-levha-bilet > p { max-width: 68ch; }
.yks-ikiz-sol > .yks-levha-bilet > .yks-levhalar--cihaz { margin-top: var(--yks-a2); }
.yks-levha-bilet .yks-sik-aranan-cizgisi .yks-sik-levhalar { margin: 0; }

/* --- Hareket azaltma, yazdırma ------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
  .yks-zirve-tabela, .yks-taban-levha, .yks-levha-cekmece, .yks-levha-cekmece-ortusu, .yks-cerez-levhasi, .yks-son-levha-dilimi, .yks-ara-tabela, .yks-sekme-serit { display: none !important; }
  .yks-sekme-levhasi[hidden] { display: block !important; }
  .yks-kod-acilir-ozet { display: block; }
  .yks-katlanan-levha > summary::after { display: none; }
}

/* ==========================================================================
   §50 YENİ GÖRÜNÜM (23 Eki 2026). Açık, yarı saydam üst bant ve iki renkli
   sözcük markası; tam genişlik koyu açılış (kendi çizimimiz bulanık mutfak
   zemini + lacivert örtü), cam hap etiket, iri Outfit manşet, hap düğmeler,
   cam arama kutusu; açık bölümler, ortalı büyük başlıklar, 22 px yuvarlak
   kartlar, yumuşak gölge; lacivert altbilgi. Önceki bölümlerin üstüne yazar
   (aynı seçici, sonra gelir). Kobalt vurgu --yks-hardal belirtecinde.
   ========================================================================== */
:root {
  --yks-y-govde: 1rem;
  --yks-y-kucuk: 0.9375rem;
  --yks-m-arti: 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'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  --yks-m-eksi: 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'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
  --yks-m-menu: 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'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E");
  --yks-m-ok-yumusak: 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.5 12h14.5M13.5 6.5 19 12l-5.5 5.5'/%3E%3C/svg%3E");
  --yks-m-sag-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.5 6l6 6-6 6'/%3E%3C/svg%3E");
  --yks-m-asagi-yumusak: 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.5l6 6 6-6'/%3E%3C/svg%3E");
  --yks-ortu: linear-gradient(180deg, rgba(7, 15, 36, 0.78) 0%, rgba(10, 22, 54, 0.66) 46%, rgba(7, 14, 34, 0.9) 100%);
  --yks-ortu-isik: radial-gradient(62% 54% at 50% 38%, rgba(30, 72, 210, 0.34), rgba(30, 72, 210, 0) 72%);
  --yks-cam: rgba(255, 255, 255, 0.1);
  --yks-cam-kenar: rgba(255, 255, 255, 0.26);
  --yks-kobalt-isik: 0 12px 28px -12px rgba(30, 72, 210, 0.75);
  --yks-gece-isik: 0 0 0 1px rgba(157, 188, 255, 0.22), 0 14px 36px -10px rgba(30, 72, 210, 0.8);
}
@media (min-width: 1080px) { :root { --yks-ust-boy: 80px; --yks-bolum: 112px; } }

/* --- §50.1 Taban ----------------------------------------------------------- */
body { letter-spacing: -0.003em; }
h1, h2, h3, h4 { font-weight: 700; letter-spacing: -0.022em; }
h3 { font-weight: 600; letter-spacing: -0.012em; }
h4 { font-family: var(--yks-f-baslik); }
a:hover { text-decoration-color: var(--yks-hardal); }
strong, b { font-weight: 600; }
hr { height: 1px; background: var(--yks-cizgi); }
:focus-visible { outline: 3px solid var(--yks-hardal); outline-offset: 3px; border-radius: 6px; }
.yks-ana-omurga { overflow-x: clip; }
.yks-dogrudan-metin { border-radius: var(--yks-r-hap); }

/* --- §50.2 Kart kalıbı: pah yok, yuvarlak köşe, yumuşak gölge -------------- */
.yks-levha-bilet, .yks-yan-levha, .yks-ilk-levha, .yks-kalip-levhasi, .yks-cins-etiketi, .yks-son-levha,
.yks-ara-tabela, .yks-cizim-cerceve, .yks-hat-levhasi, .yks-damga-levhasi, .yks-konum-levhasi,
.yks-olcu-cizgisi, .yks-fark-kalibi, .yks-kod-acilir-ozet[open] { --p-kenar: var(--yks-cizgi-ince); border-radius: var(--yks-r-kart); }
.yks-levha-bilet::before, .yks-yan-levha::before, .yks-ilk-levha::before, .yks-kalip-levhasi::before,
.yks-cins-etiketi::before, .yks-son-levha::before, .yks-ara-tabela::before, .yks-cizim-cerceve::before,
.yks-hat-levhasi::before, .yks-damga-levhasi::before, .yks-konum-levhasi::before, .yks-olcu-cizgisi::before,
.yks-fark-kalibi::before, .yks-kod-acilir-ozet[open]::before { border-radius: var(--yks-r-kart); }
.yks-levha-notu, .yks-levha-notu::before { border-radius: 16px; }
.yks-levha-acilir-liste::before, .yks-tavsiye-listesi::before, .yks-cerez-levhasi::before { border-radius: 18px; box-shadow: inset 0 0 0 1px var(--yks-cizgi-ince), var(--yks-golge-buyuk); }
.yks-levha-bilet--imli::after, .yks-yan-levha::after, .yks-ilk-levha::after, .yks-cins-etiketi::after, .yks-son-levha::after,
.yks-ara-tabela::after, .yks-cizim-cerceve::after, .yks-hat-levhasi::after, .yks-kalip-levhasi::after, .yks-cerez-levhasi::after { display: none; }
.yks-levha-bilet { padding: 28px; box-shadow: var(--yks-golge); }
.yks-levha-bilet .yks-levha-bilet, .yks-levha-bilet--celik { box-shadow: none; }
.yks-levha-bilet--celik { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); border-radius: 18px; }
.yks-levha-bilet--celik::before { border-radius: 18px; }
a.yks-levha-bilet { transition: transform var(--yks-sure) var(--yks-egri), box-shadow var(--yks-sure) var(--yks-egri); }
a.yks-levha-bilet:hover { --p-kenar: var(--yks-cizgi); transform: translateY(-2px); box-shadow: var(--yks-golge-buyuk); }
@media (max-width: 719px) { .yks-levha-bilet { padding: 22px 18px; } }
.yks-tabelalar { gap: 20px; }
@media (min-width: 1080px) { .yks-tabelalar { gap: 28px; } }
.yks-bilet-basi h2 { font-size: clamp(1.375rem, 1.2rem + 0.7vw, 1.75rem); }

/* --- §50.3 Rubrik, bölüm başı: ortalı, iri başlık --------------------------- */
.yks-isaretli-etiket { font-family: var(--yks-f-govde); font-size: 13px; font-weight: 600; letter-spacing: 0.04em; color: var(--yks-hardal); }
.yks-isaretli-etiket::before { width: 8px; height: 8px; border-radius: 50%; }
.yks-levha-dilimi { margin-top: var(--yks-bolum); }
.yks-levha-dilimi--celik { padding-block: var(--yks-bolum); background: var(--yks-celik); }
.yks-levha-basligi { flex-direction: column; align-items: center; justify-content: flex-start; gap: 14px; margin-bottom: 44px; padding-top: 0; border-top: 0; text-align: center; }
.yks-levha-basligi::before, .yks-levha-basligi::after { display: none; }
.yks-levha-basligi > div { display: grid; justify-items: center; }
.yks-levha-basligi h2 { font-size: var(--yks-y-2); line-height: 1.08; letter-spacing: -0.03em; }
.yks-levha-basligi p { max-width: 62ch; margin: 14px auto 0; font-size: 1.0625rem; line-height: 1.6; color: var(--yks-gri); }
@media (max-width: 719px) { .yks-levha-basligi { margin-bottom: 32px; } .yks-levha-basligi p { font-size: 1rem; } }
.yks-levha-manseti { font-weight: 700; letter-spacing: -0.035em; }
.yks-levha-metni li::marker { color: var(--yks-hardal); }

/* --- §50.4 Üst bant: yarı saydam, sözcük markası, ortalı menü, hap telefon --- */
.yks-zirve-tabela { background: rgba(247, 249, 253, 0.84); -webkit-backdrop-filter: saturate(1.6) blur(16px); backdrop-filter: saturate(1.6) blur(16px); border-bottom: 1px solid rgba(12, 26, 54, 0.08); }
.yks-zirve-tabela::after { display: none; }
.yks-zirve-tabela-ic { gap: 14px; max-width: 1360px; }
.yks-tepe-levha-damga { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 5px; color: var(--yks-grafit); line-height: 1; text-decoration: none; }
.yks-tepe-levha-damga:hover { text-decoration: none; }
.yks-damga-iki-renk { font-family: var(--yks-f-baslik); font-size: 24px; font-weight: 800; line-height: 0.9; letter-spacing: -0.04em; color: var(--yks-grafit); white-space: nowrap; }
.yks-damga-iki-renk > span { color: var(--yks-hardal); }
.yks-damga-alt-satir { padding-left: 1px; font-family: var(--yks-f-govde); font-size: 9.5px; font-weight: 600; line-height: 1; letter-spacing: 0.22em; color: var(--yks-gri); white-space: nowrap; }
@media (min-width: 1080px) { .yks-damga-iki-renk { font-size: 27px; } .yks-damga-alt-satir { font-size: 10.5px; } }
@media (max-width: 359px) { .yks-damga-iki-renk { font-size: 21px; } }
@media (min-width: 1240px) { .yks-tepe-levha-nav { flex: 1; display: flex; justify-content: center; margin-left: 0; } }
.yks-tepe-levha-menu { gap: 2px; }
.yks-tepe-levha-menu > li > a { min-height: 42px; padding: 0 13px; border-radius: var(--yks-r-hap); font-family: var(--yks-f-baslik); font-size: 15.5px; font-weight: 500; letter-spacing: -0.005em; transition: background-color var(--yks-sure) var(--yks-egri), color var(--yks-sure) var(--yks-egri); }
.yks-tepe-levha-menu > li > a:hover { color: var(--yks-hardal); background: rgba(30, 72, 210, 0.07); }
.yks-tepe-levha-menu > li > a[aria-current] { color: var(--yks-hardal); background: var(--yks-hardal-acik); box-shadow: none; }
.yks-levha-acilir > a::after { width: 15px; height: 15px; -webkit-mask-image: var(--yks-m-asagi-yumusak); mask-image: var(--yks-m-asagi-yumusak); }
.yks-levha-acilir-liste { top: calc(100% + 6px); padding: 10px; }
.yks-levha-acilir-liste::after { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
.yks-levha-acilir-liste a { min-height: 40px; padding: 0 14px; border-radius: 10px; }
.yks-levha-acilir-liste a:hover { background: var(--yks-celik); color: var(--yks-hardal); }
.yks-levha-acilir-liste-basi { font-family: var(--yks-f-govde); font-size: 12px; letter-spacing: 0.06em; }
.yks-levha-acilir-liste-basi::before { width: 6px; height: 6px; border-radius: 50%; }
.yks-tepe-levha-eylem { gap: 10px; }
.yks-tepe-levha-tel { min-height: 48px; padding: 0 22px 0 18px; border-radius: var(--yks-r-hap); background: var(--yks-hardal); color: #ffffff; font-family: var(--yks-f-baslik); font-size: 16px; font-weight: 600; box-shadow: var(--yks-kobalt-isik); transition: background-color var(--yks-sure) var(--yks-egri), transform var(--yks-sure) var(--yks-egri); }
.yks-tepe-levha-tel svg { color: #ffffff; }
.yks-tepe-levha-tel:hover { background: var(--yks-hardal-koyu); color: #ffffff; transform: translateY(-1px); }
@media (min-width: 1360px) {
  .yks-tepe-levha-tel { display: inline-flex; }
  .yks-tepe-levha-eylem:has(.yks-tepe-levha-tel) .yks-tepe-levha-talep { display: none; }
}
.yks-tepe-levha-bul { border-radius: 50%; }
.yks-tepe-levha-menu-ac::before { content: ""; flex: none; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--yks-m-menu) center / contain no-repeat; mask: var(--yks-m-menu) center / contain no-repeat; }
.yks-tepe-levha-eylem .yks-tepe-levha-menu-ac { gap: 8px; padding: 0 16px; }
.yks-arama-cizgisi { padding-block: 0 14px; }

/* --- §50.5 Arama kutusu, öneriler ------------------------------------------ */
.yks-sorgu-kutucugu { min-height: 52px; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--yks-cizgi-sert); }
.yks-sorgu-kutucugu:focus-within { box-shadow: inset 0 0 0 2px var(--yks-hardal), 0 0 0 4px rgba(30, 72, 210, 0.14); }
.yks-sorgu-kutucugu input { height: 50px; padding-left: 18px; }
.yks-sorgu-kutucugu button { width: 42px; height: 42px; margin-right: 5px; border-radius: 12px; background: var(--yks-hardal); }
.yks-sorgu-kutucugu button:hover { background: var(--yks-hardal-koyu); }
.yks-arama-kutucugu--buyuk { border-radius: 18px; }
.yks-arama-kutucugu--buyuk button { border-radius: 14px; }
.yks-tavsiye-listesi { padding: 8px; }
.yks-tavsiye-listesi a { border-radius: 10px; }
.yks-tavsiye-listesi a[aria-selected="true"], .yks-tavsiye-listesi a:hover { background: var(--yks-celik); color: var(--yks-hardal); }

/* --- §50.6 Çekmece --------------------------------------------------------- */
.yks-levha-cekmece-ortusu { background: rgba(7, 15, 36, 0.5); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.yks-levha-cekmece { padding: 18px 22px 48px; box-shadow: -24px 0 60px rgba(12, 26, 54, 0.22); }
@media (min-width: 440px) { .yks-levha-cekmece { border-radius: 26px 0 0 26px; } }
.yks-levha-cekmece-basi { padding-bottom: 16px; border-bottom-color: var(--yks-cizgi-ince); }
.yks-levha-cekmece-basi::after { display: none; }
.yks-levha-cekmece-eylemleri { gap: 10px; }
.yks-levha-cekmece-eylemleri .yks-kumanda-dugme--cizgili { background: var(--yks-gece); color: #ffffff; box-shadow: var(--yks-gece-isik); }
.yks-levha-cekmece-grubu { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--yks-cizgi-ince); }
.yks-levha-cekmece-grubu h2 { font-size: 1.1875rem; letter-spacing: -0.015em; }
.yks-levha-cekmece-grubu h2 a { display: inline-flex; align-items: center; min-height: 44px; }
.yks-levha-cekmece-grubu .yks-kalip-cizgisi { min-height: 46px; border-top: 0; }

/* --- §50.7 Düğmeler: hap, kobalt ışıltı ------------------------------------ */
.yks-kumanda-dugme { min-height: 52px; padding: 0 28px; border-radius: var(--yks-r-hap); font-family: var(--yks-f-baslik); font-size: 16.5px; font-weight: 600; letter-spacing: -0.005em; transition: background-color var(--yks-sure) var(--yks-egri), color var(--yks-sure) var(--yks-egri), box-shadow var(--yks-sure) var(--yks-egri), transform var(--yks-sure) var(--yks-egri); }
.yks-kumanda-dugme:hover { transform: translateY(-1px); }
.yks-kumanda-dugme--sicak { box-shadow: var(--yks-kobalt-isik); }
.yks-kumanda-dugme--cizgili { background: var(--yks-beyaz); color: var(--yks-grafit); box-shadow: inset 0 0 0 1.5px var(--yks-cizgi); }
.yks-kumanda-dugme--cizgili:hover { background: var(--yks-celik); color: var(--yks-grafit); box-shadow: inset 0 0 0 1.5px var(--yks-grafit); }
.yks-kumanda-dugme--koyu { background: rgba(255, 255, 255, 0.06); color: #ffffff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.42); }
.yks-kumanda-dugme--koyu:hover { background: #ffffff; color: var(--yks-grafit); }
.yks-kumanda-dugme--gece { background: var(--yks-gece); color: #ffffff; box-shadow: var(--yks-gece-isik); }
.yks-kumanda-dugme--gece:hover { background: var(--yks-gece-2); color: #ffffff; }
.yks-kumanda-dugme--sade:hover { background: var(--yks-celik-2); }
.yks-kumanda-dugme--kucuk { min-height: 44px; padding: 0 18px; font-size: 15px; }
.yks-kumanda-dugme--simge { padding: 0; }
.yks-kumanda-dugme b { color: inherit; }
.yks-kumanda-dugme:focus-visible, .yks-kumanda-dugme--sicak:focus-visible { outline: 3px solid var(--yks-hardal); outline-offset: 3px; }
.yks-kumanda-eylemleri { gap: 12px 14px; }
.yks-kumanda-ok { gap: 8px; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); }
.yks-kumanda-ok::after { width: 18px; height: 18px; background: currentColor; border-radius: 0; -webkit-mask: var(--yks-m-ok-yumusak) center / contain no-repeat; mask: var(--yks-m-ok-yumusak) center / contain no-repeat; transition: transform var(--yks-sure) var(--yks-egri); }
.yks-kumanda-ok:hover { color: var(--yks-hardal); }
.yks-kumanda-ok:hover::after { background-color: currentColor; transform: translateX(3px); }

/* --- §50.8 Ana sayfa açılışı: tam genişlik koyu sahne ------------------------ */
.yks-sahne-avlusu { position: relative; isolation: isolate; overflow: hidden; padding: 84px 0 92px; color: #ffffff; text-align: center; background: var(--yks-gece); }
.yks-sahne-avlusu::before { content: ""; position: absolute; inset: -48px; z-index: -2; background: url("../img/yks-mutfak-sahnesi.36e554c2d2f6.svg") center 40% / cover no-repeat; filter: blur(12px) saturate(1.08); transform: scale(1.04); }
.yks-sahne-avlusu::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--yks-ortu-isik), var(--yks-ortu); }
@media (min-width: 1080px) { .yks-sahne-avlusu { padding: 128px 0 136px; } }
.yks-sahne-ici { display: flex; flex-direction: column; align-items: center; max-width: 1040px; }
.yks-cam-hap { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 26px; padding: 10px 20px; max-width: 100%; border-radius: var(--yks-r-hap); background: var(--yks-cam); box-shadow: inset 0 0 0 1px var(--yks-cam-kenar); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #eef3ff; font-size: 13.5px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.3; }
.yks-cam-hap::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--yks-sinyal); box-shadow: 0 0 0 4px rgba(157, 188, 255, 0.2); }
.yks-sahne-avlusu .yks-levha-manseti { max-width: 18ch; color: #ffffff; font-size: clamp(2.6rem, 1.35rem + 5.2vw, 5.25rem); line-height: 1.02; text-shadow: 0 2px 30px rgba(4, 10, 28, 0.35); }
.yks-sahne-avlusu .yks-ilke-levhasi { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 0; max-width: 1000px; margin: 28px 0 0; box-shadow: none; }
.yks-sahne-avlusu .yks-ilke-levhasi li { padding: 0 18px; color: rgba(233, 239, 255, 0.92); font-size: 17.5px; font-weight: 400; line-height: 1.5; }
.yks-sahne-avlusu .yks-ilke-levhasi li + li { border-left: 1px solid rgba(255, 255, 255, 0.24); }
.yks-sahne-avlusu .yks-ilke-levhasi small { display: inline; margin: 0 6px 0 0; font-family: var(--yks-f-govde); font-size: inherit; font-weight: 600; letter-spacing: 0; color: var(--yks-sinyal); }
.yks-sahne-eylemleri { justify-content: center; gap: 16px; margin-top: 38px; }
.yks-sahne-eylemleri .yks-kumanda-dugme { min-height: 60px; padding: 0 34px; font-size: 18px; }
.yks-sahne-eylemleri .yks-kumanda-dugme svg { width: 20px; height: 20px; }
.yks-sahne-arama { width: 100%; max-width: 580px; margin-top: 44px; }
.yks-sorgu-kutucugu--cam { min-height: 60px; background: rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.yks-sorgu-kutucugu--cam:focus-within { box-shadow: inset 0 0 0 2px var(--yks-sinyal), 0 0 0 5px rgba(157, 188, 255, 0.2); }
.yks-sorgu-kutucugu--cam input { height: 58px; padding-left: 22px; color: #ffffff; }
.yks-sorgu-kutucugu--cam input::placeholder { color: rgba(226, 233, 250, 0.78); }
.yks-sorgu-kutucugu--cam button { width: 48px; height: 48px; margin-right: 6px; background: #ffffff; color: var(--yks-grafit); }
.yks-sorgu-kutucugu--cam button:hover { background: var(--yks-sinyal); color: var(--yks-grafit); }
.yks-sahne-avlusu .yks-tavsiye-listesi { text-align: left; }
.yks-sahne-avlusu .yks-sik-aranan-cizgisi { justify-items: center; gap: 12px; margin-top: 22px; }
.yks-sahne-avlusu .yks-sik-aranan-cizgisi > span { font-family: var(--yks-f-govde); font-size: 13px; font-weight: 500; color: rgba(226, 233, 250, 0.78); }
.yks-sahne-avlusu .yks-sik-levhalar { justify-content: center; }
.yks-sahne-avlusu .yks-kumanda-cip { min-height: 40px; padding: 0 16px; background: rgba(255, 255, 255, 0.08); color: #f1f5ff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.yks-sahne-avlusu a.yks-kumanda-cip:hover { background: rgba(255, 255, 255, 0.18); color: #ffffff; }
.yks-sahne-avlusu :focus-visible { outline-color: var(--yks-sinyal); }
@media (max-width: 719px) {
  .yks-sahne-avlusu { padding: 64px 0 72px; }
  .yks-cam-hap { margin-bottom: 22px; padding: 9px 16px; font-size: 12.5px; letter-spacing: 0.03em; }
  .yks-sahne-avlusu .yks-ilke-levhasi { flex-direction: column; gap: 6px; margin-top: 24px; }
  .yks-sahne-avlusu .yks-ilke-levhasi li { padding: 0; font-size: 16.5px; }
  .yks-sahne-avlusu .yks-ilke-levhasi li + li { border-left: 0; }
  .yks-sahne-eylemleri { flex-direction: column; align-items: stretch; width: 100%; gap: 14px; margin-top: 32px; }
  .yks-sahne-eylemleri .yks-kumanda-dugme { width: 100%; min-height: 58px; }
  .yks-sahne-arama { margin-top: 36px; }
  .yks-sahne-avlusu .yks-sik-levhalar { gap: 8px; }
}

/* --- §50.9 Ortak sayfa başı: aynı koyu sahne, ortalı yazı -------------------- */
.yks-sayfa-levhasi { position: relative; isolation: isolate; padding-top: 56px; padding-bottom: 60px; color: #ffffff; text-align: center; }
.yks-sayfa-levhasi::before { content: ""; position: absolute; top: -40px; bottom: -40px; left: 50%; z-index: -3; width: calc(100vw + 80px); transform: translateX(-50%); background: var(--yks-gece) url("../img/yks-mutfak-sahnesi.36e554c2d2f6.svg") center 45% / cover no-repeat; filter: blur(14px) saturate(1.05); clip-path: inset(40px 40px); }
.yks-sayfa-levhasi::after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; z-index: -1; width: 100vw; transform: translateX(-50%); background: var(--yks-ortu-isik), var(--yks-ortu); pointer-events: none; }
@media (min-width: 1080px) { .yks-sayfa-levhasi { padding-top: 80px; padding-bottom: 84px; } }
.yks-sayfa-levhasi-ic { grid-template-columns: minmax(0, 1fr); gap: 0; justify-items: center; }
@media (min-width: 1080px) { .yks-sayfa-levhasi-ic { grid-template-columns: minmax(0, 1fr); gap: 0; } }
.yks-sayfa-levhasi-ic > div:first-child, .yks-sayfa-levhasi-omurga { display: flex; flex-direction: column; align-items: center; }
.yks-sayfa-levhasi h1 { max-width: 22ch; color: #ffffff; font-size: clamp(2.15rem, 1.4rem + 3.2vw, 3.9rem); line-height: 1.06; letter-spacing: -0.032em; text-shadow: 0 2px 26px rgba(4, 10, 28, 0.3); }
.yks-sayfa-levhasi .yks-levha-girisi { max-width: 64ch; margin: 18px auto 0; color: rgba(226, 233, 250, 0.9); font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem); }
.yks-sayfa-levhasi .yks-isaretli-etiket { margin: 0 0 20px; padding: 8px 16px; border-radius: var(--yks-r-hap); background: var(--yks-cam); box-shadow: inset 0 0 0 1px var(--yks-cam-kenar); color: #eef3ff; font-size: 13px; letter-spacing: 0.04em; }
.yks-sayfa-levhasi .yks-isaretli-etiket::before { width: 7px; height: 7px; background: var(--yks-sinyal); }
.yks-sayfa-levhasi .yks-yan-levha .yks-isaretli-etiket, .yks-sayfa-levhasi .yks-levha-bilet:not(.yks-hat-levhasi) .yks-isaretli-etiket { margin: 0 0 12px; padding: 0; border-radius: 0; background: none; box-shadow: none; color: var(--yks-hardal); }
.yks-sayfa-levhasi .yks-yan-levha .yks-isaretli-etiket::before, .yks-sayfa-levhasi .yks-levha-bilet:not(.yks-hat-levhasi) .yks-isaretli-etiket::before { background: var(--yks-hardal); }
.yks-sayfa-levhasi .yks-yan-levha, .yks-sayfa-levhasi .yks-levha-bilet:not(.yks-hat-levhasi) { width: min(100%, 420px); color: var(--yks-metin); text-align: left; }
.yks-sayfa-levhasi .yks-levha-yolu { justify-content: center; margin-bottom: 22px; font-family: var(--yks-f-govde); font-size: 13.5px; color: rgba(226, 233, 250, 0.8); }
.yks-sayfa-levhasi .yks-levha-yolu li + li::before { color: var(--yks-sinyal); }
.yks-sayfa-levhasi .yks-levha-yolu a { color: rgba(226, 233, 250, 0.86); }
.yks-sayfa-levhasi .yks-levha-yolu a:hover { color: #ffffff; text-decoration-color: var(--yks-sinyal); }
.yks-sayfa-levhasi .yks-levha-yolu [aria-current] { color: #ffffff; }
.yks-sayfa-levhasi .yks-kumanda-eylemleri { justify-content: center; margin-top: 32px; }
.yks-sayfa-levhasi .yks-kumanda-eylemleri .yks-kumanda-dugme { min-height: 56px; padding: 0 30px; font-size: 17px; }
.yks-sayfa-levhasi .yks-kumanda-eylemleri > .yks-kumanda-dugme--cizgili { order: -1; background: var(--yks-gece); color: #ffffff; box-shadow: var(--yks-gece-isik); }
.yks-sayfa-levhasi .yks-kumanda-eylemleri > .yks-kumanda-dugme--cizgili:hover { background: var(--yks-gece-2); }
.yks-sayfa-levhasi :focus-visible { outline-color: var(--yks-sinyal); }
.yks-sayfa-levhasi a:not([class]) { color: #ffffff; text-decoration-color: rgba(255, 255, 255, 0.5); }
.yks-sayfa-levhasi .yks-levha-notu { --p-zemin: rgba(255, 255, 255, 0.08); --p-kenar: rgba(255, 255, 255, 0.2); max-width: 640px; margin-inline: auto; color: rgba(233, 239, 255, 0.92); text-align: left; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.yks-sayfa-levhasi .yks-levha-notu::after { background: var(--yks-sinyal); border-radius: 16px 0 0 16px; }
.yks-sayfa-levhasi .yks-levha-notu b { color: #ffffff; }
/* Cihaz çizimi açılışın zemininde: bulanık, örtünün altında (görsel sayfanın başında kalır). */
.yks-sayfa-levhasi-gorsel:has(> .yks-cizim-cerceve) { position: absolute; top: 0; bottom: 0; left: 50%; z-index: -2; width: 100vw; transform: translateX(-50%); overflow: hidden; pointer-events: none; }
.yks-sayfa-levhasi-gorsel > .yks-cizim-cerceve { position: absolute; top: 50%; right: max(2vw, calc(50% - 660px)); width: min(560px, 60vw); max-width: none; padding: 0; transform: translateY(-50%); border-radius: 0; opacity: 0.5; filter: blur(5px) saturate(0.9); mix-blend-mode: luminosity; }
.yks-sayfa-levhasi-gorsel > .yks-cizim-cerceve::before { display: none; }
@media (max-width: 1079px) { .yks-sayfa-levhasi-gorsel > .yks-cizim-cerceve { right: -12vw; width: 78vw; max-width: none; opacity: 0.38; justify-self: auto; } }
/* Marka açılışı: telefon plakası ve süreç maddeleri yazının altında, cam yüzeyde. */
.yks-sayfa-levhasi-gorsel:not(:has(> .yks-cizim-cerceve)):not(:empty) { display: grid; justify-items: center; gap: 16px; width: 100%; max-width: 760px; margin-top: 36px; }
.yks-sayfa-levhasi .yks-hat-levhasi { --p-zemin: rgba(255, 255, 255, 0.08); --p-kenar: rgba(255, 255, 255, 0.22); justify-items: center; padding: 20px 28px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.yks-sayfa-levhasi .yks-hat-levhasi .yks-isaretli-etiket { margin: 0; padding: 0; background: none; box-shadow: none; color: rgba(226, 233, 250, 0.86); }
.yks-sayfa-levhasi .yks-hat-levhasi .yks-isaretli-etiket::before { display: none; }
.yks-sayfa-levhasi .yks-hat-levhasi .yks-olcu-hanesi { color: #ffffff; letter-spacing: -0.02em; }
.yks-sayfa-levhasi .yks-hat-levhasi .yks-olcu-hanesi:hover { color: var(--yks-sinyal); }
.yks-sayfa-levhasi .yks-hat-levhasi p { color: rgba(226, 233, 250, 0.8); }
.yks-sayfa-levhasi .yks-giris-kalemleri { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.yks-sayfa-levhasi .yks-giris-kalemleri .yks-kalip-cizgisi { min-height: 38px; padding: 6px 15px; border: 0; border-radius: var(--yks-r-hap); background: rgba(255, 255, 255, 0.08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16); color: #eef3ff; font-size: 14px; }
.yks-sayfa-levhasi .yks-giris-kalemleri .yks-kalip-cizgisi::before { width: 6px; height: 6px; border-radius: 50%; background: var(--yks-sinyal); }
/* Sekme rayı açılışın dibinde: cam hap ray. */
.yks-sayfa-levhasi .yks-sekme-serit { margin: 40px auto 0; padding: 5px; border-radius: var(--yks-r-hap); background: rgba(255, 255, 255, 0.08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.yks-sayfa-levhasi .yks-sekme-serit a { min-height: 42px; padding: 0 18px; border-radius: var(--yks-r-hap); color: rgba(233, 239, 255, 0.86); font-family: var(--yks-f-govde); font-size: 14.5px; }
.yks-sayfa-levhasi .yks-sekme-serit a:hover { background: rgba(255, 255, 255, 0.12); color: #ffffff; }
.yks-sayfa-levhasi .yks-sekme-serit [aria-selected="true"], .yks-sayfa-levhasi .yks-sekme-serit [aria-current="true"] { background: #ffffff; color: var(--yks-grafit); box-shadow: none; }
.yks-sayfa-levhasi .yks-sekme-serit sup { color: inherit; opacity: 0.7; }
.yks-sayfa-levhasi + .yks-levha-kabi { margin-top: 56px; }
.yks-sayfa-levhasi + .yks-levha-dilimi { margin-top: 64px; }
@media (max-width: 719px) {
  .yks-sayfa-levhasi { padding-top: 40px; padding-bottom: 44px; }
  .yks-sayfa-levhasi .yks-kumanda-eylemleri { flex-direction: column; align-items: stretch; width: 100%; }
  .yks-sayfa-levhasi .yks-kumanda-eylemleri .yks-kumanda-dugme { width: 100%; }
  .yks-sayfa-levhasi .yks-sekme-serit { margin-top: 30px; border-radius: 18px; }
  .yks-sayfa-levhasi + .yks-levha-kabi { margin-top: 36px; }
}

/* --- §50.10 Cihaz kartı: renkli çizim karosu + ad + eylem satırı ------------- */
.yks-levha-cihaz { padding: 0; overflow: hidden; }
.yks-levha-cihaz .yks-cizim-cerceve { display: grid; place-items: center; padding: 22px 16% 14px; border-radius: 0; background: linear-gradient(165deg, #eef3fb 0%, #e2eaf6 100%); }
.yks-levha-cihaz .yks-cizim-cerceve .yks-kumanda-noktali { width: 100%; }
.yks-levha-cihaz .yks-cizim-cerceve img { mix-blend-mode: multiply; transition: transform 320ms var(--yks-egri); }
.yks-levha-cihaz:hover .yks-cizim-cerceve img { transform: scale(1.03); }
.yks-levha-cihaz-alt { margin-top: 0; padding: 20px 24px 0; border-top: 0; align-items: flex-start; }
.yks-levha-cihaz-alt h3 { font-size: 20px; line-height: 1.25; }
.yks-levha-cihaz-alt p { margin-top: 6px; font-size: 14.5px; line-height: 1.5; }
.yks-levha-cihaz-alt::after { width: 34px; height: 34px; margin-top: -2px; border-radius: 50%; background: var(--yks-hardal-acik); -webkit-mask: none; mask: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e48d2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6.5 18.5 12 13 17.5'/%3E%3C/svg%3E"); background-position: center; background-size: 16px 16px; background-repeat: no-repeat; transition: background-color var(--yks-sure) var(--yks-egri), transform var(--yks-sure) var(--yks-egri); }
.yks-levha-cihaz:hover .yks-levha-cihaz-alt::after, .yks-levha-cihaz-bagi:hover .yks-levha-cihaz-alt::after { background-color: var(--yks-celik-3); transform: translateX(2px); }
.yks-cihaz-sira-numarasi { display: inline-grid; place-items: center; min-width: 30px; height: 22px; margin-right: 10px; padding: 0 7px; border-radius: var(--yks-r-hap); background: var(--yks-hardal-acik); color: var(--yks-hardal); font-size: 12px; vertical-align: 3px; }
.yks-levha-cihaz-eylem { margin-top: 16px; padding: 14px 24px 18px; font-size: 14.5px; }
.yks-levha-cihaz-eylem .yks-levha-cihaz-talep { color: var(--yks-hardal); }
.yks-levha-cihaz-eylem .yks-levha-cihaz-talep:hover { color: var(--yks-hardal-koyu); }
.yks-levha-cihaz-eylem a { display: inline-flex; align-items: center; min-height: 32px; }
a.yks-levha-cihaz, .yks-levha-cihaz { transition: transform var(--yks-sure) var(--yks-egri), box-shadow var(--yks-sure) var(--yks-egri); }
.yks-levha-cihaz:hover, li.yks-levha-cihaz:focus-within { --p-kenar: var(--yks-cizgi); transform: translateY(-3px); box-shadow: var(--yks-golge-buyuk); }
@media (max-width: 719px) {
  .yks-levhalar--cihaz { gap: 12px; }
  .yks-levhalar--cihaz .yks-levha-cihaz { padding: 0; border-radius: 18px; }
  .yks-levhalar--cihaz .yks-levha-cihaz::before { border-radius: 18px; }
  .yks-levhalar--cihaz .yks-cizim-cerceve { padding: 14px 12% 8px; }
  .yks-levhalar--cihaz .yks-levha-cihaz-alt { padding: 12px 12px 0; }
  .yks-levhalar--cihaz .yks-levha-cihaz-alt h3 { font-size: 16px; }
  .yks-levhalar--cihaz .yks-cihaz-sira-numarasi { display: none; }
  .yks-levhalar--cihaz .yks-levha-cihaz-eylem { flex-direction: column; gap: 0; margin-top: 8px; padding: 6px 12px 10px; }
  .yks-levhalar--cihaz .yks-levha-cihaz-eylem a { min-height: 40px; }
}
.yks-levha-cihaz--noktali .yks-kumanda-no { opacity: 0; }
.yks-no-zemini { fill: var(--yks-grafit); }
.yks-no-damgasi { fill: var(--yks-sinyal); }
.yks-kumanda-no--secili .yks-no-zemini { fill: var(--yks-hardal); }
.yks-kumanda-no--secili .yks-no-damgasi { fill: #ffffff; }

/* --- §50.11 Çipler, etiketler, sayfa yolu, sekme rayı ------------------------- */
.yks-kumanda-cip { min-height: 40px; padding: 0 16px; border-radius: var(--yks-r-hap); background: var(--yks-celik); box-shadow: inset 0 0 0 1px var(--yks-cizgi-ince); color: var(--yks-grafit); font-size: 14.5px; font-weight: 500; }
a.yks-kumanda-cip:hover { background: var(--yks-hardal-acik); color: var(--yks-hardal); }
.yks-levha-dilimi--celik .yks-kumanda-cip, .yks-levha-bilet--celik .yks-kumanda-cip { background: var(--yks-beyaz); }
.yks-sik-aranan-cizgisi > span { font-family: var(--yks-f-govde); font-weight: 600; }
.yks-kumanda-etiket { min-height: 28px; border-radius: var(--yks-r-hap); font-family: var(--yks-f-govde); font-size: 13px; }
.yks-kumanda-etiket--durdur { background: var(--yks-hardal); }
.yks-levha-yolu { font-family: var(--yks-f-govde); }
.yks-sekme-serit { padding: 5px; border-radius: var(--yks-r-hap); background: var(--yks-celik-2); }
.yks-sekme-serit a, .yks-sekme-serit button { min-height: 42px; padding: 0 18px; border-radius: var(--yks-r-hap); font-family: var(--yks-f-govde); font-size: 14.5px; }
.yks-sekme-serit a:hover, .yks-sekme-serit button:hover { background: rgba(255, 255, 255, 0.7); }
.yks-sekme-serit [aria-selected="true"], .yks-sekme-serit [aria-current="true"] { background: var(--yks-beyaz); color: var(--yks-hardal); box-shadow: 0 2px 8px rgba(12, 26, 54, 0.1); }
.yks-sekme-serit[data-az-harfler] a { min-width: 44px; }

/* --- §50.12 Süreç kartları, ilkeler, fark dökümü --------------------------------- */
.yks-is-levhasi { gap: 16px; padding: 0; background: none; border-radius: 0; }
.yks-is-levhasi::before { display: none; }
.yks-calisma-alani { padding: 26px 24px 28px; border-radius: var(--yks-r-kart); background: var(--yks-beyaz); box-shadow: inset 0 0 0 1px var(--yks-cizgi-ince), var(--yks-golge); }
.yks-calisma-alani + .yks-calisma-alani { border-top: 0; }
@media (min-width: 900px) { .yks-is-levhasi:not(.yks-is-levhasi--dikey) { gap: 20px; } .yks-is-levhasi:not(.yks-is-levhasi--dikey) > .yks-calisma-alani + .yks-calisma-alani { border-left: 0; } }
.yks-calisma-alani small { display: inline-flex; align-items: center; min-height: 26px; margin-bottom: 16px; padding: 0 12px; border-radius: var(--yks-r-hap); background: var(--yks-hardal-acik); color: var(--yks-hardal); font-family: var(--yks-f-govde); font-size: 12.5px; letter-spacing: 0.02em; }
.yks-calisma-alani h3 { margin-bottom: 8px; font-size: 20px; }
.yks-calisma-alani p { line-height: 1.55; }
.yks-calisma-alani--simdi { background: linear-gradient(155deg, #2453dd 0%, #1638a6 70%, #10287a 100%); box-shadow: var(--yks-golge-buyuk); }
.yks-calisma-alani--simdi::before { display: none; }
.yks-calisma-alani--simdi small { background: rgba(255, 255, 255, 0.16); color: #ffffff; }
.yks-calisma-alani--simdi h3 { color: #ffffff; }
.yks-calisma-alani--simdi p, .yks-is-levhasi--dikey .yks-calisma-alani--simdi small + p { color: rgba(233, 239, 255, 0.9); }
.yks-is-levhasi--dikey { gap: 12px; }
.yks-is-levhasi--dikey .yks-calisma-alani { padding: 18px 20px; border-radius: 18px; box-shadow: inset 0 0 0 1px var(--yks-cizgi-ince); }
.yks-is-levhasi--dikey .yks-calisma-alani--simdi { box-shadow: var(--yks-kobalt-isik); }
.yks-is-levhasi--dikey .yks-calisma-alani small { margin-bottom: 10px; }
.yks-kumanda-ikon { width: 52px; height: 52px; border-radius: 16px; background: var(--yks-hardal-acik); color: var(--yks-hardal); }
.yks-neden-levhalari h3 { margin-top: 18px; font-size: 20px; }
.yks-fark-kalibi { padding: 20px 26px; box-shadow: var(--yks-golge); }
.yks-fark-kalibi summary { min-height: 44px; align-items: center; font-family: var(--yks-f-baslik); }
.yks-fark-kalibi summary::after, .yks-katlanan-levha > summary::after, .yks-kod-acilir-ozet > summary::after { -webkit-mask-image: var(--yks-m-asagi-yumusak); mask-image: var(--yks-m-asagi-yumusak); }
.yks-levha-notu { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-cizgi-ince); padding: 16px 20px 16px 22px; }
.yks-levha-notu::after { width: 4px; background: var(--yks-hardal); border-radius: 16px 0 0 16px; }
.yks-levha-notu b { font-family: var(--yks-f-baslik); }
.yks-levha-notu--uyari { --p-zemin: var(--yks-hardal-acik); --p-kenar: var(--yks-hardal-acik); }
.yks-ara-tabela { --p-zemin: var(--yks-hardal-acik); --p-kenar: var(--yks-hardal-acik); padding: 26px 28px; }

/* --- §50.13 Satır listeleri, il ve ilçe karoları -------------------------------- */
.yks-kalip-cizgisi { min-height: 52px; padding: 10px 4px; }
.yks-kalip-cizgisi > a { font-weight: 500; }
.yks-kalip-cizgisi > a:hover { color: var(--yks-hardal); text-decoration: none; }
.yks-kalip-cizgisi:has(> a)::after { width: 18px; height: 18px; -webkit-mask-image: var(--yks-m-sag-ok); mask-image: var(--yks-m-sag-ok); transition: transform var(--yks-sure) var(--yks-egri); }
.yks-kalip-cizgisi:has(> a:hover)::after { transform: translateX(2px); }
.yks-cizgi-kalibi:not(.yks-cizgi-kalibi--sutunlu, .yks-giris-kalemleri) > .yks-kalip-cizgisi > span::before { width: 8px; height: 8px; margin: 0 12px 2px 2px; border-radius: 50%; background: var(--yks-hardal); }
.yks-harf-blogu .yks-isaretli-etiket { color: var(--yks-hardal); font-family: var(--yks-f-baslik); font-size: 18px; letter-spacing: 0; }
.yks-harf-blogu .yks-isaretli-etiket::before { display: none; }
/* İlçe ve il dizinleri: konum imli yumuşak karolar. */
.yks-harf-blogu .yks-cizgi-kalibi { display: grid; gap: 6px; margin-top: 10px; }
.yks-harf-blogu .yks-kalip-cizgisi { min-height: 46px; padding: 8px 14px; border: 0; border-radius: 14px; background: var(--yks-celik); box-shadow: inset 0 0 0 1px var(--yks-cizgi-ince); transition: background-color var(--yks-sure) var(--yks-egri), box-shadow var(--yks-sure) var(--yks-egri); }
.yks-harf-blogu .yks-kalip-cizgisi:has(> a:hover) { background: var(--yks-beyaz); box-shadow: inset 0 0 0 1px var(--yks-hardal), var(--yks-golge); }
.yks-harf-blogu .yks-kalip-cizgisi::before { content: ""; flex: none; width: 16px; height: 16px; background: var(--yks-hardal); -webkit-mask: 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='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E") center / contain no-repeat; mask: 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='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E") center / contain no-repeat; }
.yks-cizgi-kalibi--dortlu .yks-kalip-cizgisi small, .yks-harf-blogu .yks-kalip-cizgisi small { color: var(--yks-gri); }
.yks-sehir-kalibi summary { min-height: 48px; padding: 0 22px; border-radius: var(--yks-r-hap); background: var(--yks-beyaz); box-shadow: inset 0 0 0 1.5px var(--yks-cizgi); font-family: var(--yks-f-baslik); }
.yks-sehir-kalibi summary:hover { box-shadow: inset 0 0 0 1.5px var(--yks-grafit); }
.yks-sehir-kalibi[open] summary { margin-bottom: 8px; }

/* --- §50.14 Kod tabloları, veri tabloları ------------------------------------- */
.yks-kod-levhasi, .yks-cins-tablosu { border-collapse: separate; border-spacing: 0; border-radius: 16px; overflow: hidden; box-shadow: inset 0 0 0 1px var(--yks-cizgi); }
.yks-kod-levhasi thead th { background: var(--yks-grafit); font-family: var(--yks-f-govde); }
.yks-cins-tablosu thead th { font-family: var(--yks-f-govde); }
.yks-kod-levhasi caption { font-family: var(--yks-f-govde); }
.yks-kod-gozesi { padding: 4px 12px; border-radius: 10px; background: var(--yks-hardal-acik); color: var(--yks-hardal); font-size: 17px; letter-spacing: 0.01em; }
a.yks-kod-gozesi:hover { background: var(--yks-hardal); color: #ffffff; }
.yks-kod-acilir-ozet > summary { border-radius: var(--yks-r-hap); box-shadow: inset 0 0 0 1.5px var(--yks-cizgi); }
.yks-kod-acilir-ozet > summary:hover { background: var(--yks-celik); color: var(--yks-grafit); box-shadow: inset 0 0 0 1.5px var(--yks-grafit); }

/* --- §50.15 Soru kartları ---------------------------------------------------- */
.yks-soru-levhasi { display: grid; gap: 12px; max-width: 880px; margin-inline: auto; box-shadow: none; }
@media (min-width: 1080px) { .yks-soru-levhasi--iki { grid-template-columns: minmax(0, 1fr); gap: 12px; } .yks-soru-levhasi--iki .yks-soru-levha-cizgisi { box-shadow: inset 0 0 0 1px var(--yks-cizgi); } }
.yks-soru-levha-cizgisi { border-radius: 18px; background: var(--yks-beyaz); box-shadow: inset 0 0 0 1px var(--yks-cizgi); transition: background-color var(--yks-sure) var(--yks-egri); }
.yks-soru-levha-cizgisi + .yks-soru-levha-cizgisi { border-top: 0; }
.yks-soru-levha-cizgisi summary { min-height: 64px; padding: 18px 24px; border-radius: 18px; font-family: var(--yks-f-baslik); font-size: 17.5px; font-weight: 600; letter-spacing: -0.01em; }
.yks-soru-levha-cizgisi summary::after { width: 20px; height: 20px; -webkit-mask-image: var(--yks-m-arti); mask-image: var(--yks-m-arti); }
.yks-soru-levha-cizgisi summary:hover { background: transparent; color: var(--yks-hardal); }
.yks-soru-levha-cizgisi[open] { background: var(--yks-celik); }
.yks-soru-levha-cizgisi[open] summary { color: var(--yks-hardal); }
.yks-soru-levha-cizgisi[open] summary::after { transform: none; background: var(--yks-hardal); -webkit-mask-image: var(--yks-m-eksi); mask-image: var(--yks-m-eksi); }
.yks-soru-levha-cizgisi > div { padding: 0 24px 22px; color: var(--yks-gri); line-height: 1.65; }
.yks-levha-bilet .yks-soru-levhasi { max-width: none; }

/* --- §50.16 Form ----------------------------------------------------------- */
.yks-kalip-levhasi { --p-kenar: var(--yks-cizgi-ince); padding: 38px 34px; box-shadow: var(--yks-golge-buyuk); }
@media (max-width: 719px) { .yks-kalip-levhasi { padding: 26px 18px; } }
.yks-kalip-aciklamasi h2 { font-size: var(--yks-y-2); letter-spacing: -0.03em; }
.yks-bolum-unvani::before { width: 8px; height: 8px; border-radius: 50%; }
.yks-bolum-unvani b { font-size: 18px; }
.yks-levha-alani > label, .yks-bolge-basligi { font-family: var(--yks-f-govde); font-weight: 600; }
.yks-levha-alani input, .yks-levha-alani select, .yks-levha-alani textarea { border-radius: 14px; box-shadow: inset 0 0 0 1px var(--yks-cizgi-sert); }
.yks-levha-alani input:hover, .yks-levha-alani select:hover, .yks-levha-alani textarea:hover { box-shadow: inset 0 0 0 1px var(--yks-grafit); }
.yks-levha-alani input:focus-visible, .yks-levha-alani select:focus-visible, .yks-levha-alani textarea:focus-visible { box-shadow: inset 0 0 0 2px var(--yks-hardal), 0 0 0 4px rgba(30, 72, 210, 0.14); }
.yks-levha-alani input[type="file"]::file-selector-button { border-radius: var(--yks-r-hap); }
.yks-onay-cizgisi input { border-radius: 7px; }
.yks-gun-levhalari button { border-radius: var(--yks-r-hap); padding: 0 16px; }
.yks-gun-levhalari button b { font-family: var(--yks-f-baslik); }
.yks-gun-levhalari button[aria-pressed="true"] { background: var(--yks-hardal); color: rgba(255, 255, 255, 0.86); box-shadow: var(--yks-kobalt-isik); }

/* --- §50.17 Yan kart, ölçü satırı, hat kartı, harita ---------------------------- */
.yks-yan-levha { --p-zemin: var(--yks-beyaz); --p-kenar: var(--yks-cizgi-ince); padding: 28px; box-shadow: var(--yks-golge-buyuk); }
.yks-yan-levha-baslik { font-size: 21px; }
.yks-yan-levha dl > div { border-top-color: var(--yks-cizgi-ince); }
.yks-yan-levha dt { font-family: var(--yks-f-govde); }
.yks-yan-levha dd { font-family: var(--yks-f-baslik); }
.yks-yan-levha > .yks-kumanda-dugme { width: 100%; }
.yks-olcu-cizgisi { --p-zemin: var(--yks-beyaz); --p-kenar: var(--yks-cizgi-ince); box-shadow: var(--yks-golge); }
.yks-olcu-cizgisi dd, .yks-hata-adedi, .yks-olcu-hanesi { font-family: var(--yks-f-baslik); font-weight: 700; letter-spacing: -0.03em; }
.yks-hat-levhasi { --p-zemin: var(--yks-hardal-acik); --p-kenar: var(--yks-hardal-acik); }
.yks-sehir-olculeri { border-radius: 20px; overflow: hidden; box-shadow: inset 0 0 0 1px var(--yks-cizgi-ince), var(--yks-golge); }
.yks-sehir-olculeri div { padding: 16px 24px; }
.yks-sehir-olculeri div + div { border-left-color: var(--yks-cizgi-ince); }
.yks-sehir-olculeri dd { font-family: var(--yks-f-baslik); color: var(--yks-hardal); letter-spacing: -0.03em; }
.yks-sehir-olculeri dt { font-family: var(--yks-f-govde); }
.yks-sehir-levhasi-basi .yks-isaretli-etiket { margin-bottom: 12px; }
.yks-sehir-levhasi-basi h2 { font-size: var(--yks-y-2); letter-spacing: -0.03em; }
.yks-konum-levhasi { overflow: hidden; }
.yks-damga-levhasi--koyu { --p-zemin: var(--yks-gece); --p-kenar: var(--yks-gece); }
.yks-ariza-dugme-dizisi { gap: 8px; }
.yks-ariza-dugme-dizisi button { min-height: 52px; border-radius: 14px; background: var(--yks-celik); }
.yks-ariza-dugme-dizisi button span { border-radius: var(--yks-r-hap); font-family: var(--yks-f-baslik); }
.yks-ariza-dugme-dizisi button:hover { background: var(--yks-hardal-acik); }
.yks-ariza-dugme-dizisi button[aria-pressed="true"] { background: var(--yks-beyaz); box-shadow: inset 0 0 0 2px var(--yks-hardal), var(--yks-golge); }
.yks-bulgu-levhasi > .yks-cizim-cerceve { background: linear-gradient(165deg, #eef3fb 0%, #e2eaf6 100%); }
.yks-bulgu-levhasi > .yks-cizim-cerceve img { mix-blend-mode: multiply; }
.yks-ilk-levha, .yks-cizim-cerceve { --p-zemin: #eef3fb; }
/* Kendi izometrik çizimlerimiz krem zeminlidir: tonu kobalt paletine döndürülür (krem buz mavisine, sarı işaret maviye), zemin beyaza açılır ve karoya karışır. */
.yks-cizim-cerceve img, .yks-ilk-levha img { filter: hue-rotate(185deg) saturate(1.15) brightness(1.07) contrast(1.06); mix-blend-mode: multiply; }
.yks-yedek-tablosu { border-radius: 14px; overflow: hidden; }
.yks-yedek-tablosu b { border-radius: var(--yks-r-hap); }

/* --- §50.18 Kapanış bandı: kobalt degrade kart -------------------------------- */
.yks-son-levha { --p-zemin: transparent; --p-kenar: transparent; padding: 40px 28px; border-radius: 28px; color: rgba(233, 239, 255, 0.9); }
.yks-son-levha::before { border-radius: 28px; background: radial-gradient(70% 120% at 100% 0%, rgba(157, 188, 255, 0.35), rgba(157, 188, 255, 0) 60%), linear-gradient(135deg, #2350da 0%, #1638a6 55%, #0c1f5c 100%); box-shadow: 0 30px 70px -34px rgba(22, 56, 166, 0.85); }
@media (min-width: 900px) { .yks-son-levha { padding: 52px 60px; } }
.yks-son-levha h2 { font-size: var(--yks-y-2); letter-spacing: -0.03em; color: #ffffff; }
.yks-son-levha p { color: rgba(233, 239, 255, 0.9); }
.yks-son-levha .yks-isaretli-etiket { color: rgba(233, 239, 255, 0.9); }
.yks-son-levha .yks-isaretli-etiket::before { background: #ffffff; }
.yks-son-levha .yks-kumanda-dugme--sicak { background: #ffffff; color: var(--yks-hardal); box-shadow: 0 12px 30px -12px rgba(4, 10, 28, 0.6); }
.yks-son-levha .yks-kumanda-dugme--sicak:hover { background: var(--yks-hardal-acik); color: var(--yks-hardal-koyu); }
.yks-son-levha .yks-kumanda-dugme--koyu { background: var(--yks-gece); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.yks-son-levha .yks-kumanda-dugme--koyu:hover { background: #ffffff; color: var(--yks-grafit); }
.yks-son-levha :focus-visible, .yks-son-levha .yks-kumanda-dugme--sicak:focus-visible, .yks-son-levha .yks-kumanda-dugme--koyu:focus-visible { outline: 3px solid #ffffff; outline-offset: 3px; box-shadow: none; }

/* --- §50.19 Altbilgi: lacivert -------------------------------------------------- */
.yks-celik-dipnot { margin-top: var(--yks-bolum); padding-top: 72px; background: var(--yks-gece); border-top: 0; color: #c3cde4; }
.yks-celik-dipnot::before { display: none; }
.yks-celik-dipnot .yks-tepe-levha-damga { margin-bottom: 18px; }
.yks-celik-dipnot .yks-damga-iki-renk { color: #ffffff; }
.yks-celik-dipnot .yks-damga-iki-renk > span { color: var(--yks-sinyal); }
.yks-celik-dipnot .yks-damga-alt-satir { color: #9ba8c6; }
.yks-dipnot-kimligi > p { color: #b7c2dc; }
.yks-dipnot-iletisimi a { color: #e6ecfa; text-decoration-color: rgba(255, 255, 255, 0.3); }
.yks-dipnot-iletisimi .yks-tablo-rakami { font-size: 22px; font-weight: 700; color: #ffffff; letter-spacing: -0.02em; }
.yks-dipnot-dizini h2 { margin-bottom: 14px; color: #ffffff; font-size: 16px; font-weight: 600; letter-spacing: 0; }
.yks-dipnot-dizini a, .yks-dipnot-dizini button { min-height: 36px; color: #b7c2dc; }
.yks-dipnot-dizini a:hover, .yks-dipnot-dizini button:hover { color: #ffffff; }
.yks-dipnot-kucuk { border-top-color: rgba(255, 255, 255, 0.1); }
.yks-dipnot-kucuk > a { color: #ffffff; }
.yks-dipnot-kucuk ul a { display: inline-flex; align-items: center; min-height: 36px; color: #b7c2dc; }
.yks-dipnot-kucuk ul a:hover { color: #ffffff; }
.yks-cins-etiketi { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-cizgi-ince); border-radius: 20px; overflow: hidden; }
.yks-cins-etiketi > div { box-shadow: -1px 0 0 var(--yks-cizgi-ince), 0 -1px 0 var(--yks-cizgi-ince); }
.yks-celik-dipnot .yks-cins-etiketi { --p-zemin: rgba(255, 255, 255, 0.04); --p-kenar: rgba(255, 255, 255, 0.12); }
.yks-celik-dipnot .yks-cins-etiketi > div { box-shadow: -1px 0 0 rgba(255, 255, 255, 0.08), 0 -1px 0 rgba(255, 255, 255, 0.08); }
.yks-cins-etiketi dt { font-family: var(--yks-f-govde); }
.yks-celik-dipnot .yks-cins-etiketi dt { color: #9ba8c6; }
.yks-celik-dipnot .yks-cins-etiketi dd, .yks-celik-dipnot .yks-dipnot-beyani { color: #dde4f4; }
.yks-celik-taban { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: #9ba8c6; }
.yks-celik-taban a { color: #c3cde4; }
.yks-sayac-cizgisi b { font-family: var(--yks-f-baslik); color: #ffffff; }
.yks-celik-dipnot :focus-visible { outline-color: var(--yks-sinyal); }

/* --- §50.20 Mobil alt şerit, çerez kartı ---------------------------------------- */
.yks-taban-levha { gap: 10px; padding: 10px var(--yks-kenar) calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: saturate(1.6) blur(14px); backdrop-filter: saturate(1.6) blur(14px); border-top: 1px solid rgba(12, 26, 54, 0.08); box-shadow: 0 -10px 30px -18px rgba(12, 26, 54, 0.35); }
.yks-taban-levha::before { display: none; }
.yks-taban-levha > .yks-kumanda-dugme { min-height: 50px; }
.yks-taban-levha > .yks-taban-levha-tel { padding-inline: 20px; background: var(--yks-gece); color: #ffffff; box-shadow: var(--yks-gece-isik); }
.yks-cerez-levhasi { --p-kenar: var(--yks-cizgi-ince); border-radius: 20px; padding: 20px 22px; }
/* Açılıştaki arama ve süzgeç kutuları cam yüzeyli; sayılar cam şeritte. */
.yks-sayfa-levhasi form, .yks-sayfa-levhasi .yks-kod-suzgec-levhasi, .yks-sayfa-levhasi .yks-isim-eleyici { width: 100%; max-width: 580px; margin-inline: auto; }
.yks-sayfa-levhasi .yks-sorgu-kutucugu { min-height: 58px; margin-top: 30px; background: rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.yks-sayfa-levhasi .yks-sorgu-kutucugu:focus-within { box-shadow: inset 0 0 0 2px var(--yks-sinyal), 0 0 0 5px rgba(157, 188, 255, 0.2); }
.yks-sayfa-levhasi .yks-sorgu-kutucugu input { height: 56px; padding-left: 22px; color: #ffffff; }
.yks-sayfa-levhasi .yks-sorgu-kutucugu input::placeholder { color: rgba(226, 233, 250, 0.78); }
.yks-sayfa-levhasi .yks-sorgu-kutucugu button { width: 46px; height: 46px; margin-right: 6px; background: #ffffff; color: var(--yks-grafit); }
.yks-sayfa-levhasi .yks-sorgu-kutucugu button:hover { background: var(--yks-sinyal); }
.yks-sayfa-levhasi .yks-tavsiye-listesi { text-align: left; }
.yks-sayfa-levhasi .yks-bolge-aciklamasi { color: rgba(226, 233, 250, 0.82); }
.yks-sayfa-levhasi .yks-olcu-cizgisi { --p-zemin: rgba(255, 255, 255, 0.08); --p-kenar: rgba(255, 255, 255, 0.2); min-width: min(100%, 360px); margin-top: 30px; box-shadow: none; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.yks-sayfa-levhasi .yks-olcu-cizgisi > div + div { box-shadow: -1px 0 0 rgba(255, 255, 255, 0.18); }
.yks-sayfa-levhasi .yks-olcu-cizgisi dd { color: #ffffff; font-size: clamp(2.25rem, 1.6rem + 2.4vw, 3.5rem); }
.yks-sayfa-levhasi .yks-olcu-cizgisi dt { color: rgba(226, 233, 250, 0.82); }
/* Servis ağı başı da öbür bölümler gibi ortalı: başlık, giriş, altında sayılar. */
.yks-sehir-levhasi-basi { justify-items: center; margin-bottom: 36px; text-align: center; }
@media (min-width: 900px) { .yks-sehir-levhasi-basi { grid-template-columns: minmax(0, 1fr); align-items: start; } }
.yks-sehir-levhasi-basi > div { display: grid; justify-items: center; }
.yks-sehir-levhasi-basi p { max-width: 60ch; font-size: 1.0625rem; }

/* --- §50.21 Dokunma hedefleri: her bağlantı ve düğme en az 44 px -------------- */
.yks-tepe-levha-damga { min-height: 44px; justify-content: center; }
.yks-dogrudan-metin { min-height: 44px; display: inline-flex; align-items: center; }
.yks-kalip-cizgisi > a { display: flex; flex-wrap: wrap; align-items: center; align-content: center; align-self: stretch; flex: 1 1 auto; min-width: min(45%, 9rem); min-height: 44px; overflow-wrap: break-word; }
.yks-kalip-cizgisi:has(> a) { padding-block: 4px; }
.yks-harf-blogu .yks-kalip-cizgisi:has(> a) { padding-block: 0; }
.yks-kumanda-cip, .yks-sahne-avlusu .yks-kumanda-cip { min-height: 44px; }
.yks-sekme-serit a, .yks-sekme-serit button, .yks-sayfa-levhasi .yks-sekme-serit a { min-height: 44px; }
.yks-levha-cihaz-eylem a, .yks-levhalar--cihaz .yks-levha-cihaz-eylem a { min-height: 44px; }
.yks-sorgu-kutucugu button { width: 44px; height: 44px; }
.yks-kod-gozesi { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
.yks-olcu-hanesi { display: inline-flex; align-items: center; min-height: 44px; }
.yks-dipnot-iletisimi a, .yks-dipnot-iletisimi .yks-tablo-rakami { display: inline-flex; align-items: center; min-height: 44px; }
.yks-dipnot-dizini a, .yks-dipnot-dizini button, .yks-dipnot-kucuk ul a, .yks-dipnot-kucuk > a { display: inline-flex; align-items: center; min-height: 44px; }
.yks-levha-yolu { gap: 0 10px; margin-bottom: 10px; }
.yks-levha-yolu a { display: inline-flex; align-items: center; min-height: 44px; }
.yks-levha-yolu li { display: inline-flex; align-items: center; }
.yks-celik-taban a { display: inline-flex; align-items: center; min-height: 44px; }
.yks-kod-levhasi--marka td:first-child a, .yks-bilet-basi h3 a, .yks-levha-bilet h3 > a { display: inline-flex; align-items: center; min-height: 44px; }

/* ==========================================================================
   §40–§41 İL HARİTASI (il ve ilçeler: parcalar/harita.html + js/harita.js;
   SVG'ler araclar/harita_uret.py). Plaka dili: köşe 0, pahlı düğme ve
   seçici, 1 px çizgi, gölge yok; hardal 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 --------------- */
.yks-sehir-semasi { margin: var(--yks-a4) 0 var(--yks-a6); border-top: 1px solid var(--yks-cizgi-ince); border-bottom: 1px solid var(--yks-cizgi-ince); }
.yks-sehir-semasi[hidden] { display: none; }
.yks-sehir-semasi-basi { display: flex; flex-wrap: wrap; align-items: end; gap: var(--yks-a3) var(--yks-a4); padding: var(--yks-a3) 0; border-bottom: 1px solid var(--yks-cizgi-ince); }
.yks-sehir-semasi-geri { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; background: var(--yks-beyaz); color: var(--yks-grafit); box-shadow: inset 0 0 0 1.5px var(--yks-cizgi); border-radius: var(--yks-r); font: 600 15px/1 var(--yks-f-baslik); cursor: pointer; transition: background-color var(--yks-sure) var(--yks-egri), color var(--yks-sure) var(--yks-egri); }
.yks-sehir-semasi-geri[hidden] { display: none; }
.yks-sehir-semasi-geri svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; stroke-linejoin: miter; }
.yks-sehir-semasi-geri:hover { background: var(--yks-grafit); color: var(--yks-beyaz); }
.yks-sehir-semasi-geri:focus-visible, .yks-sehir-semasi-kent-kutusu:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-sehir-semasi-kent { display: grid; gap: 6px; flex: 1 1 220px; min-width: 0; max-width: 320px; }
.yks-sehir-semasi-kent label { font-family: var(--yks-f-baslik); font-size: var(--yks-y-etiket); font-weight: 600; color: var(--yks-grafit); }
.yks-sehir-semasi-kent-kutusu { width: 100%; min-height: 44px; padding: 0 44px 0 16px; border: 0; box-shadow: inset 0 0 0 1.5px var(--yks-cizgi-sert); border-radius: var(--yks-r); color: var(--yks-metin); font: inherit; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--yks-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='%2312161C' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.yks-sehir-semasi-durum { flex: 1 1 100%; margin: 0; color: var(--yks-gri); font-size: var(--yks-y-kucuk); font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .yks-sehir-semasi-durum { flex: 1 1 0; padding-bottom: 12px; text-align: right; } }

/* --- §41 Tuval ve ilçe yanı: ince sınırlı iller, hardal yalnız etkin alan --- */
.yks-sehir-semasi-ic { display: grid; gap: var(--yks-a4); padding-top: var(--yks-a4); }
.yks-sehir-semasi-tuval { min-width: 0; transition: opacity var(--yks-sure) var(--yks-egri); }
.yks-sehir-semasi-tuval svg { display: block; width: 100%; height: auto; }
.yks-sehir-semasi-bolge { fill: var(--yks-celik-2); stroke: var(--yks-beyaz); stroke-width: 0.9; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--yks-sure) var(--yks-egri); }
.yks-levha-dilimi--celik .yks-sehir-semasi-bolge { fill: var(--yks-beyaz); stroke: var(--yks-cizgi); }
.yks-sehir-semasi-bolge:hover, .yks-sehir-semasi-bolge:focus, .yks-sehir-semasi-bolge.yks-sehir-semasi-bolge--vurgu { fill: var(--yks-hardal); outline: none; }
.yks-sehir-semasi--yukleniyor .yks-sehir-semasi-tuval { opacity: 0.4; cursor: progress; }
.yks-sehir-semasi-yan { min-width: 0; border-top: 1px solid var(--yks-cizgi); }
.yks-sehir-semasi-yan[hidden] { display: none; }
.yks-sehir-semasi-yan-basi { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--yks-cizgi-ince); font-family: var(--yks-f-baslik); font-size: 1.125rem; font-weight: 600; }
.yks-sehir-semasi-yan-basi a { color: var(--yks-grafit); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.yks-sehir-semasi-yan-basi a:hover { text-decoration-color: var(--yks-hardal); }
.yks-sehir-semasi-ilceler { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--yks-oluk); }
.yks-sehir-semasi-ilceler li { break-inside: avoid; }
.yks-sehir-semasi-ilceler a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--yks-cizgi-ince); color: var(--yks-metin); text-decoration: none; }
.yks-sehir-semasi-ilceler a:hover, .yks-sehir-semasi-ilceler a:focus-visible { outline: none; color: var(--yks-hardal); border-bottom-color: var(--yks-hardal); }
@media (min-width: 1080px) {
  .yks-sehir-semasi--il-acik .yks-sehir-semasi-ic { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .yks-sehir-semasi--il-acik.yks-sehir-semasi--dar .yks-sehir-semasi-ic { grid-template-columns: minmax(0, 1fr) 240px; }
  .yks-sehir-semasi-ilceler { columns: 1; max-height: 480px; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .yks-sehir-semasi-bolge, .yks-sehir-semasi-tuval, .yks-sehir-semasi-geri { transition: none; } }
@media print { .yks-sehir-semasi { display: none !important; } }