/* ==========================================================================
   Servisk — stil dosyası (TASARIM-SISTEMI.md, "Teknik plaka", Faz 3, 11 Eki 2026)

   Kimlik: BEYAZ zeminli teknik plaka. Sayfa ve plaka yüzü beyaz; ikincil yüzey
   "çelik" (#F3F4F6, soğuk açık gri). Grafit (#12161C) başlık, ölçü çubuğu ve
   son plaka; yakut (#9C042E) birincil düğme (BEYAZ yazı, 8,50:1), köşe imi
   (pahın yerine oturan üçgen), odak ve logodaki köşe. Chakra Petch (başlık,
   kod, sayı) + Red Hat Text (gövde). Köşe dili PAH: yuvarlak köşe YOK; plaka
   sağ üstte 14 px (açılış/son plaka 28 px), düğme ve girdi iki karşı köşede
   8 px kesik. Gölge, degrade dolgu, hap YOK.
   Sınıf öneki: sk-   Belirteç öneki: --sk-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).

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

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; Google Fonts'tan indirildi,
       Chakra Petch (statik 500/600/700) + Red Hat Text (değişken 400–700); latin + latin-ext alt kümesi:
       İ Ş Ğ ı ç ö ü dahil) ------------------------------------------------ */
@font-face {
  font-family: "Chakra Petch";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/chakra-petch-500-latin-ext.40c203a8b3e9.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: "Chakra Petch";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/chakra-petch-500-latin.e7f85bd6a6c1.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: "Chakra Petch";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/chakra-petch-600-latin-ext.f26caa358daa.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: "Chakra Petch";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/chakra-petch-600-latin.91ed2001bdf1.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: "Chakra Petch";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/chakra-petch-700-latin-ext.043f9abc3488.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: "Chakra Petch";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/chakra-petch-700-latin.a99260bc4f27.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: "Red Hat Text";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/red-hat-text-latin-ext.fd41cc0978d8.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: "Red Hat Text";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/red-hat-text-latin.e5249e14d10e.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: beyaz plaka, çelik, grafit, yakut (TASARIM-SISTEMI §02 — kontrastlar orada hesaplı) */
  --sk-beyaz: #ffffff;         /* sayfa zemini, plaka yüzü */
  --sk-celik: #f3f4f6;         /* çelik: ikincil bölüm, altbilgi, künye plakası */
  --sk-celik-2: #e9ebee;       /* tablo başı, sekme rayı, pasif düğme */
  --sk-celik-3: #dde1e6;       /* üzerine gelme, basılı yüzey */
  --sk-grafit: #12161c;        /* başlık, plaka kenarı, logo (beyazda 18,15) */
  --sk-metin: #252b33;         /* gövde metni (beyazda 14,27; çelikte 12,96) */
  --sk-gri: #525a64;           /* ikincil metin (beyazda 6,99; çelik-2'de 5,85) */
  --sk-gri-2: #626b76;         /* yer tutucu, dip satır (beyazda 5,41; çelik-2'de 4,53) */
  --sk-cizgi-ince: #e3e6ea;    /* 1 px kıl çizgi (süs) */
  --sk-cizgi: #c6ccd3;         /* plaka kenarı, ayırıcı (süs) */
  --sk-cizgi-sert: #7d8691;    /* girdi kenarı (beyazda 3,69; çelikte 3,35; ≥3:1) */
  --sk-yakut: #9c042e;         /* köşe imi, birincil düğme, odak (beyazda 8,50) */
  --sk-yakut-bas: #7a0323;     /* düğme üzerine gelme (beyaz yazıyla 11,26) */
  --sk-yakut-ust: #ffffff;     /* yakut düğmedeki yazı: BEYAZ */
  --sk-yakut-acik: #fbe7eb;    /* uyarı notu, "Cihazı kapatın" etiketi (yakut yazı 7,18) */
  --sk-yakut-isik: #ff6b86;   /* koyu zeminde (son plaka) köşe imi; grafitte 6,65 */
  --sk-yesil: #1f6b4a;         /* "Kendiniz bakın", başarı (beyazda 6,44) */

  /* imza: pah köşe ve köşe imi */
  --sk-pah: 14px;              /* kart / plaka: sağ üst köşe */
  --sk-pah-orta: 8px;          /* düğme, girdi: sağ üst + sol alt */
  --sk-pah-kucuk: 5px;         /* etiket, kod karosu */
  --sk-pah-kart: polygon(0 0, calc(100% - var(--sk-pah)) 0, 100% var(--sk-pah), 100% 100%, 0 100%);
  --sk-pah-dugme: polygon(0 0, calc(100% - var(--sk-pah-orta)) 0, 100% var(--sk-pah-orta), 100% 100%, var(--sk-pah-orta) 100%, 0 calc(100% - var(--sk-pah-orta)));
  --sk-imi: polygon(0 0, 100% 0, 100% 100%);   /* köşe imi: sağ üst dik üçgen */

  /* yazı aileleri */
  --sk-f-baslik: "Chakra Petch", "Eurostile", "Bahnschrift", ui-sans-serif, system-ui, sans-serif;
  --sk-f-govde: "Red Hat Text", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --sk-f-sayi: "Chakra Petch", ui-sans-serif, system-ui, sans-serif;
  --sk-f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan). Chakra Petch köşeli ve dar omuzlu. */
  --sk-y-dev: clamp(3rem, 2.1rem + 4.2vw, 5.5rem);
  --sk-y-manset: clamp(1.4rem, 8cqi, 3.25rem); /* çizgi genişliğine bağlı: "Teknisyen adresinize gelir." tek satır (≈11,8 em) */
  --sk-y-1: clamp(1.875rem, 1.45rem + 1.8vw, 2.875rem);
  --sk-y-2: clamp(1.375rem, 1.2rem + 0.9vw, 2rem);
  --sk-y-3: clamp(1.125rem, 1.07rem + 0.25vw, 1.25rem);
  --sk-y-giris: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --sk-y-govde: 1.0625rem;     /* 17 px Red Hat Text */
  --sk-y-kucuk: 0.9375rem;     /* 15 px */
  --sk-y-etiket: 0.8125rem;    /* 13 px: plaka etiketi (Chakra Petch 600) */

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

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

  /* biçim: yuvarlak köşe YOK; kesik köşe clip-path ile (plaka boyama kalıbı) */
  --sk-kil-kalinlik: 1px;
  --sk-vurgu-kalinlik: 2px;
  --sk-ust-boy: 64px;
  --sk-hat-boy: 64px;

  /* hareket: kısa, doğrusal (ölçü aleti) */
  --sk-sure: 120ms;
  --sk-egri: cubic-bezier(0.4, 0, 0.2, 1);

  /* ikon maskeleri (renk currentColor ile; ince kalem 1,6 px, KARE uç, sivri birleşim) */
  --sk-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");
  --sk-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");
  --sk-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");
  --sk-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");
  --sk-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");
  --sk-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");
  --sk-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");
  --sk-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 { --sk-kenar: 24px; --sk-oluk: 20px; --sk-bolum: 72px; }
}
@media (min-width: 1080px) {
  :root { --sk-kenar: 40px; --sk-oluk: 24px; --sk-ust-boy: 72px; --sk-bolum: 96px; }
}
/* Koyu tema YOK. Yazdırmada çelik tonları beyaza iner. */
@media print {
  :root {
    --sk-celik: #ffffff; --sk-celik-2: #ffffff; --sk-celik-3: #ffffff;
    --sk-grafit: #000000; --sk-metin: #111111; --sk-gri: #444444; --sk-gri-2: #555555;
    --sk-cizgi-ince: #cccccc; --sk-cizgi: #999999; --sk-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(--sk-ust-boy) + var(--sk-a4));
}
body {
  margin: 0;
  background: var(--sk-beyaz);
  color: var(--sk-metin);
  font-family: var(--sk-f-govde);
  font-size: var(--sk-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: Chakra Petch 600, grafit; köşeli harf, aralık nötr. */
h1, h2, h3, h4 {
  margin: 0;
  color: var(--sk-grafit);
  font-family: var(--sk-f-baslik);
  font-weight: 600;
  letter-spacing: -0.005em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--sk-y-1); line-height: 1.1; letter-spacing: -0.012em; }
h2 { font-size: var(--sk-y-2); line-height: 1.16; }
h3 { font-size: var(--sk-y-3); line-height: 1.3; font-weight: 600; }
h4 { font-size: 1rem; font-family: var(--sk-f-govde); font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--sk-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı: yazı rengi + 1 px sert gri alt çizgi; üzerine gelince çizgi yakut ve 2 px. */
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--sk-cizgi-sert); text-decoration-thickness: 1px; text-underline-offset: 0.24em; }
a:hover { color: inherit; text-decoration-color: var(--sk-yakut); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--sk-grafit); }
code, kbd, samp { font-family: var(--sk-f-mono); font-size: 0.92em; font-weight: 500; }
/* hr: grafit kıl çizgi, sol ucunda yakut köşe imi */
hr { border: 0; height: 8px; margin: var(--sk-a6) 0; background: linear-gradient(var(--sk-cizgi), var(--sk-cizgi)) 0 100% / 100% 1px no-repeat, linear-gradient(225deg, var(--sk-yakut) 50%, transparent 50%) 0 0 / 8px 8px no-repeat; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--sk-yakut); color: var(--sk-yakut-ust); }
/* Odak: 2 px yakut çizgi, 2 px açıklık. Hale yok. */
:focus-visible { outline: 2px solid var(--sk-yakut); outline-offset: 2px; }
.sk-ekran-disi {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.sk-dogrudan-icerik {
  position: absolute; left: var(--sk-a4); top: -100px; z-index: 100;
  background: var(--sk-grafit); color: var(--sk-beyaz); padding: var(--sk-a2) var(--sk-a4);
  font-family: var(--sk-f-baslik); font-weight: 600; text-decoration: none;
}
.sk-dogrudan-icerik:focus { top: var(--sk-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.
   ========================================================================== */
.sk-plaka-kart, .sk-yan-plaka, .sk-ilk-plaka, .sk-form-plakasi, .sk-is-plakasi,
.sk-tip-etiketi, .sk-son-plaka, .sk-ara-plaka, .sk-plaka-notu, .sk-plaka-acilir-liste,
.sk-cizim-cercevesi, .sk-hat-plakasi, .sk-logo-plakasi, .sk-konum-plakasi,
.sk-olcu-satiri, .sk-oneri-listesi, .sk-cerez-plakasi, .sk-kod-acilir-ayrinti[open], .sk-fark-dokumu {
  --p-zemin: var(--sk-beyaz);
  --p-kenar: var(--sk-cizgi);
  --p-pah: var(--sk-pah);
  --p-imi: 10px;
  position: relative;
  isolation: isolate;
}
.sk-plaka-kart::before, .sk-yan-plaka::before, .sk-ilk-plaka::before, .sk-form-plakasi::before,
.sk-is-plakasi::before, .sk-tip-etiketi::before, .sk-son-plaka::before, .sk-ara-plaka::before,
.sk-plaka-notu::before, .sk-plaka-acilir-liste::before, .sk-cizim-cercevesi::before, .sk-hat-plakasi::before,
.sk-logo-plakasi::before, .sk-konum-plakasi::before, .sk-olcu-satiri::before, .sk-oneri-listesi::before,
.sk-cerez-plakasi::before, .sk-kod-acilir-ayrinti[open]::before, .sk-fark-dokumu::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);
  clip-path: polygon(0 0, calc(100% - var(--p-pah)) 0, 100% var(--p-pah), 100% 100%, 0 100%);
  transition: box-shadow var(--sk-sure) var(--sk-egri);
}
/* Köşe imi: pahın yerine oturan yakut dik üçgen (imza). */
.sk-plaka-kart--imli::after, .sk-yan-plaka::after, .sk-ilk-plaka::after, .sk-tip-etiketi::after,
.sk-son-plaka::after, .sk-ara-plaka::after, .sk-cizim-cercevesi::after, .sk-hat-plakasi::after,
.sk-form-plakasi::after, .sk-cerez-plakasi::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--p-imi);
  height: var(--p-imi);
  background: var(--p-imi-renk, var(--sk-yakut));
  clip-path: var(--sk-imi);
  pointer-events: none;
}

/* --- §03 Kap, iki yan, kesit -------------------------------------------- */
.sk-plaka-kabi { max-width: var(--sk-kap); margin-inline: auto; padding-inline: var(--sk-kenar); }
.sk-ana-govde { display: block; min-height: 50vh; }
/* İki yan: ana │ yan plaka (≥1080 px). Yan plaka YAPIŞKAN DEĞİL. */
.sk-plaka-ikili { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sk-a6); align-items: start; }
.sk-plaka-ikili > * { min-width: 0; }
@media (min-width: 1080px) { .sk-plaka-ikili { grid-template-columns: minmax(0, 1fr) var(--sk-yan); gap: var(--sk-a7); } }
.sk-plaka-yigini { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sk-a4); }
.sk-plaka-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 Servisk karşılığıdır (--celik: tam genişlik çelik zemin). */
.sk-plaka-kesiti { margin-top: var(--sk-bolum); }
.sk-plaka-kesiti--celik { padding-block: var(--sk-bolum); background: var(--sk-celik); }
.sk-plaka-kesiti--celik .sk-plaka-kart { --p-zemin: var(--sk-beyaz); }
.sk-plaka-ikili + .sk-plaka-kesiti, .sk-sayfa-plakasi + .sk-plaka-kesiti { margin-top: calc(var(--sk-bolum) * 0.75); }
.sk-sayfa-plakasi + .sk-plaka-kabi { margin-top: var(--sk-a6); }
[id] { scroll-margin-top: calc(var(--sk-ust-boy) + var(--sk-a5)); }

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

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

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

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

/* --- §08 İş plakası (süreç, imza): tek pahlı plakada alanlar ---------------- */
.sk-is-plakasi { 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. */
.sk-is-plakasi { --p-zemin: transparent; background: var(--sk-beyaz); clip-path: var(--sk-pah-kart); }
.sk-is-plakasi::before { z-index: 1; }
@media (min-width: 900px) { .sk-is-plakasi:not(.sk-is-plakasi--dikey) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } }
.sk-is-alani { position: relative; padding: 18px 20px 22px; min-width: 0; }
.sk-is-alani + .sk-is-alani { border-top: 1px solid var(--sk-cizgi); }
@media (min-width: 900px) { .sk-is-plakasi:not(.sk-is-plakasi--dikey) > .sk-is-alani + .sk-is-alani { border-top: 0; border-left: 1px solid var(--sk-cizgi); } }
.sk-is-alani small { display: block; margin-bottom: 10px; font-family: var(--sk-f-baslik); font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--sk-gri); }
.sk-is-alani h3 { margin: 0 0 6px; font-size: 19px; }
.sk-is-alani p { margin: 0; color: var(--sk-gri); font-size: var(--sk-y-kucuk); }
.sk-is-alani--simdi { background: var(--sk-celik); }
.sk-is-alani--simdi small { color: var(--sk-yakut); }
.sk-is-alani--simdi::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: var(--sk-yakut); clip-path: polygon(0 0, 100% 0, 0 100%); }
.sk-is-plakasi--dikey { margin: var(--sk-a5) 0; }
.sk-is-plakasi--dikey .sk-is-alani { padding: 14px 18px 16px; }
.sk-is-plakasi--dikey .sk-is-alani small { margin-bottom: 6px; }
.sk-is-plakasi--dikey .sk-is-alani h3 { font-size: 17px; }
.sk-is-plakasi--dikey .sk-is-alani small + p { color: var(--sk-metin); }

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

/* --- §10 Pahlı etiket (durum), pahlı çip, sık aranan -------------------------- */
.sk-pah-etiket { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%); background: var(--sk-celik-2); color: var(--sk-grafit); font-family: var(--sk-f-baslik); font-size: 13.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.sk-pah-etiket--kendiniz { background: #e2f0e8; color: var(--sk-yesil); }
.sk-pah-etiket--servis { background: var(--sk-celik-2); color: var(--sk-grafit); }
.sk-pah-etiket--durdur { background: var(--sk-yakut); color: var(--sk-yakut-ust); }
.sk-sik-plakalar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sk-pah-cip { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; background: var(--sk-celik); color: var(--sk-grafit); font-size: 14.5px; text-decoration: none; clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%); transition: background-color var(--sk-sure) var(--sk-egri); }
a.sk-pah-cip:hover { background: var(--sk-celik-3); color: var(--sk-grafit); }
a.sk-pah-cip:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--sk-yakut); }
.sk-plaka-kesiti--celik .sk-pah-cip, .sk-plaka-kart--celik .sk-pah-cip { background: var(--sk-beyaz); }
.sk-sik-aranan-satiri { display: grid; gap: 8px; margin-top: var(--sk-a5); }
.sk-sik-aranan-satiri > span { font-family: var(--sk-f-baslik); font-size: 13px; font-weight: 600; color: var(--sk-gri); }

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

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

/* --- §13 Form ------------------------------------------------------------- */
.sk-plaka-formu { display: grid; gap: var(--sk-a5); min-width: 0; }
.sk-form-bolmesi { display: grid; gap: 14px; min-width: 0; }
.sk-form-bolmesi + .sk-form-bolmesi { padding-top: var(--sk-a5); border-top: 1px solid var(--sk-cizgi-ince); }
.sk-bolme-adi { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; }
.sk-bolme-adi::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--sk-yakut); clip-path: var(--sk-imi); }
.sk-bolme-adi b { font-family: var(--sk-f-baslik); font-size: 17px; font-weight: 600; color: var(--sk-grafit); }
.sk-bolme-adi small { color: var(--sk-gri); font-size: 14px; }
.sk-alanlar-yan-yana { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 640px) { .sk-alanlar-yan-yana { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sk-alanlar-yan-yana > .sk-plaka-alani--tam, .sk-alanlar-yan-yana > .sk-onay-satiri { grid-column: 1 / -1; } }
.sk-plaka-alani { display: grid; gap: 6px; min-width: 0; align-content: start; }
.sk-plaka-alani > label, .sk-alan-basligi { font-family: var(--sk-f-baslik); font-size: 14px; font-weight: 600; color: var(--sk-grafit); }
.sk-plaka-alani label small { font-family: var(--sk-f-govde); font-weight: 400; color: var(--sk-gri); }
.sk-plaka-alani input, .sk-plaka-alani select, .sk-plaka-alani textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 14px; border: 0; background: var(--sk-beyaz); color: var(--sk-grafit); font: inherit; font-size: 16px; box-shadow: inset 0 0 0 1.5px var(--sk-cizgi-sert); clip-path: var(--sk-pah-dugme); -webkit-appearance: none; appearance: none; transition: box-shadow var(--sk-sure) var(--sk-egri); }
.sk-plaka-alani textarea { min-height: 116px; padding-block: 14px; resize: vertical; }
.sk-plaka-alani select { padding-right: 44px; background: var(--sk-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"); }
.sk-plaka-alani select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.sk-plaka-alani input::placeholder, .sk-plaka-alani textarea::placeholder { color: var(--sk-gri-2); }
.sk-plaka-alani input:hover, .sk-plaka-alani select:hover, .sk-plaka-alani textarea:hover { box-shadow: inset 0 0 0 1.5px var(--sk-grafit); }
.sk-plaka-alani input:focus-visible, .sk-plaka-alani select:focus-visible, .sk-plaka-alani textarea:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--sk-yakut); }
.sk-plaka-alani input[type="date"], .sk-plaka-alani input[type="time"] { display: block; -webkit-appearance: auto; appearance: auto; color-scheme: light; }
.sk-plaka-alani input[type="date"]::-webkit-calendar-picker-indicator, .sk-plaka-alani input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
.sk-plaka-alani input[type="file"] { padding: 10px 12px; }
.sk-plaka-alani input[type="file"]::file-selector-button { margin-right: var(--sk-a3); min-height: 34px; padding: 0 14px; border: 0; background: var(--sk-grafit); color: var(--sk-beyaz); font: inherit; font-family: var(--sk-f-baslik); font-weight: 600; clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%); cursor: pointer; }
.sk-plaka-alani--hatali input, .sk-plaka-alani--hatali select, .sk-plaka-alani--hatali textarea { background-color: var(--sk-yakut-acik); box-shadow: inset 0 0 0 2px var(--sk-yakut); }
.sk-alan-aciklama { margin: 0; color: var(--sk-gri); font-size: 13.5px; }
.sk-alan-hata-satiri { display: flex; gap: 8px; align-items: center; margin: 0; max-width: none; color: var(--sk-yakut); font-size: 14px; font-weight: 600; }
.sk-alan-hata-satiri::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--sk-yakut); clip-path: var(--sk-imi); }
.sk-onay-satiri { display: flex; gap: 12px; align-items: flex-start; color: var(--sk-metin); font-size: 15px; cursor: pointer; }
.sk-onay-satiri input { flex: none; display: grid; place-content: center; width: 22px; height: 22px; margin: 1px 0 0; border: 0; background: var(--sk-beyaz); box-shadow: inset 0 0 0 1.5px var(--sk-cizgi-sert); -webkit-appearance: none; appearance: none; cursor: pointer; }
.sk-onay-satiri input:checked { background: var(--sk-yakut); box-shadow: none; }
.sk-onay-satiri input:checked::after { content: ""; width: 16px; height: 16px; background: var(--sk-yakut-ust); -webkit-mask: var(--sk-m-onay) center / contain no-repeat; mask: var(--sk-m-onay) center / contain no-repeat; }
.sk-onay-satiri input:focus-visible { outline: 2px solid var(--sk-yakut); outline-offset: 2px; }
.sk-plaka-alani--hatali.sk-onay-satiri input { box-shadow: inset 0 0 0 2px var(--sk-yakut); }
/* Garanti sorusu (26 Eki 2026): iki yuvarlak seçenek yan yana. Girdi kuralları
   (.sk-plaka-alani input) bu grubu kapsamaz; radyo ölçüleri burada sabit. */
.sk-garanti { display: grid; gap: var(--sk-a3); min-width: 0; }
@media (min-width: 640px) { .sk-alanlar-yan-yana > .sk-garanti { grid-column: 1 / -1; } }
.sk-garanti-secim { display: flex; flex-wrap: wrap; gap: 12px 32px; }
.sk-garanti-secim label { display: inline-flex; align-items: center; gap: 10px; color: var(--sk-metin); font-size: 15px; cursor: pointer; }
.sk-garanti-secim input[type="radio"] { flex: none; display: grid; place-content: center; width: 20px; height: 20px; min-width: 20px; min-height: 20px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: var(--sk-beyaz); box-shadow: inset 0 0 0 1.5px var(--sk-cizgi-sert); clip-path: none; -webkit-appearance: none; appearance: none; cursor: pointer; }
.sk-garanti-secim input[type="radio"]:checked { box-shadow: inset 0 0 0 1.5px var(--sk-yakut); }
.sk-garanti-secim input[type="radio"]:checked::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--sk-yakut); }
.sk-garanti-secim input[type="radio"]:focus-visible { outline: 2px solid var(--sk-yakut); outline-offset: 2px; }
.sk-garanti--hatali .sk-garanti-secim input[type="radio"] { box-shadow: inset 0 0 0 2px var(--sk-yakut); }
.sk-form-gonder-satiri .sk-pah-dugme:disabled { background: var(--sk-celik-2); color: var(--sk-gri-2); box-shadow: none; cursor: not-allowed; }
/* Uygun gün: önümüzdeki günler pahlı küçük plakalar (servisk.js). */
.sk-gun-plakalari { display: flex; flex-wrap: wrap; gap: 8px; }
.sk-gun-plakalari button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 14px; border: 0; background: var(--sk-celik); color: var(--sk-gri); font: inherit; font-size: 14px; clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%); cursor: pointer; transition: background-color var(--sk-sure) var(--sk-egri); }
.sk-gun-plakalari button b { font-family: var(--sk-f-sayi); font-size: 16px; font-weight: 700; color: var(--sk-grafit); font-variant-numeric: tabular-nums; }
.sk-gun-plakalari button:hover { background: var(--sk-celik-3); }
.sk-gun-plakalari button[aria-pressed="true"] { background: var(--sk-grafit); color: #c9ced6; }
.sk-gun-plakalari button[aria-pressed="true"] b { color: var(--sk-beyaz); }
.sk-gun-plakalari button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--sk-yakut); }
.sk-form-gonder-satiri { display: grid; gap: var(--sk-a3); }
.sk-form-gonder-satiri p { margin: 0; color: var(--sk-gri); font-size: 14px; }
@media (min-width: 720px) { .sk-form-gonder-satiri .sk-pah-dugme { justify-self: start; min-width: 300px; } }
.sk-ekran-disi-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ı. */
.sk-form-plaka-ikilisi { display: grid; gap: var(--sk-a6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.sk-form-plaka-ikilisi > * { min-width: 0; }
@media (min-width: 1080px) { .sk-form-plaka-ikilisi { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--sk-a7); } }
.sk-form-aciklamasi h2 { margin: 0 0 var(--sk-a3); font-size: var(--sk-y-1); }
.sk-form-aciklamasi .sk-plaka-girisi { margin-top: 0; }
.sk-form-dipnotu { color: var(--sk-gri); font-size: 14px; }
.sk-form-plakasi { --p-kenar: var(--sk-cizgi-sert); padding: var(--sk-a6) var(--sk-a5); }
@media (max-width: 719px) { .sk-form-plakasi { padding: var(--sk-a5) var(--sk-a4); } }

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

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

/* --- §16 Mobil alt plaka (<1080 px) --------------------------------------- */
.sk-alt-plaka { position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; display: flex; gap: 8px; padding: 10px var(--sk-kenar) calc(10px + env(safe-area-inset-bottom)); background: var(--sk-beyaz); border-top: 1px solid var(--sk-cizgi); transition: transform var(--sk-sure) var(--sk-egri); }
.sk-alt-plaka::before { content: ""; position: absolute; left: 0; top: -2px; width: 72px; height: 3px; background: var(--sk-grafit); }
.sk-alt-plaka > .sk-pah-dugme { flex: 1 1 auto; min-width: 0; }
.sk-alt-plaka .sk-pah-dugme { font-size: 15px; padding-inline: 14px; }
.sk-alt-plaka .sk-pah-dugme span { overflow: visible; text-overflow: clip; white-space: normal; line-height: 1.2; }
.sk-alt-plaka .sk-pah-dugme b { white-space: nowrap; }
.sk-alt-plaka--gizli { transform: translateY(calc(100% + 8px)); }
body.sk-alt-plakali { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { .sk-alt-plaka { display: none; } body.sk-alt-plakali { padding-bottom: 0; } }
@media (max-width: 1079px) { body.sk-alt-plakali .sk-plaka-cekmece { padding-bottom: calc(88px + env(safe-area-inset-bottom)); } }
@media (max-width: 359px) {
  .sk-alt-plaka { gap: 6px; padding-inline: 12px; }
  .sk-alt-plaka .sk-pah-dugme { font-size: 14px; padding-inline: 10px; }
  .sk-alt-plaka .sk-pah-dugme svg { display: none; }
}

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

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

/* --- §19 Satır dökümü, harf bölmeleri, sekme çubuğu -------------------------- */
.sk-satir-dokumu { margin: 0; padding: 0; list-style: none; }
.sk-dokum-satiri { display: flex; align-items: center; gap: var(--sk-a3); min-height: 50px; padding: 10px 2px; border-top: 1px solid var(--sk-cizgi-ince); }
.sk-dokum-satiri:first-child { border-top: 0; }
.sk-dokum-satiri > a { flex: 1; min-width: 0; color: var(--sk-grafit); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.sk-dokum-satiri > a:hover { text-decoration: underline; text-decoration-color: var(--sk-yakut); }
.sk-dokum-satiri small { flex: 0 1 auto; min-width: 0; color: var(--sk-gri); font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; }
.sk-dokum-satiri:has(> a)::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--sk-gri-2); -webkit-mask: var(--sk-m-ok) center / contain no-repeat; mask: var(--sk-m-ok) center / contain no-repeat; }
.sk-dokum-satiri:has(> a:hover)::after { background: var(--sk-yakut); }
.sk-dokum-satiri > span { flex: 1; min-width: 0; }
.sk-satir-dokumu:not(.sk-satir-dokumu--sutunlu, .sk-acilis-maddeleri) > .sk-dokum-satiri > span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 10px 2px 0; background: var(--sk-grafit); clip-path: var(--sk-imi); }
.sk-satir-aciklamasi { display: inline-block; width: 100%; margin-top: 2px; color: var(--sk-gri); font-size: 14px; font-weight: 400; }
.sk-satir-dokumu--sutunlu { columns: 1; column-gap: var(--sk-a6); }
.sk-satir-dokumu--sutunlu .sk-dokum-satiri { break-inside: avoid; min-height: 48px; border-top: 0; border-bottom: 1px solid var(--sk-cizgi-ince); }
.sk-satir-dokumu--dortlu { columns: 2; column-gap: var(--sk-a4); }
@media (max-width: 559px) { .sk-satir-dokumu--dortlu small { display: none; } }
@media (min-width: 560px) { .sk-satir-dokumu--sutunlu { columns: 2; } }
@media (min-width: 1080px) {
  .sk-satir-dokumu--sutunlu { columns: 3; }
  .sk-satir-dokumu--dortlu { columns: 4; }
  .sk-ikili-sol .sk-satir-dokumu--sutunlu, .sk-plakalar > .sk-plaka-kart .sk-satir-dokumu--sutunlu { columns: 2; }
}
/* Harf bölmeleri (A–Z dizinleri) + ad süzgeci. */
.sk-ad-suzgeci { max-width: 360px; margin-bottom: var(--sk-a4); }
.sk-harf-bolmeleri { columns: 1; column-gap: var(--sk-a6); }
@media (min-width: 560px) { .sk-harf-bolmeleri { columns: 2; } }
@media (min-width: 1080px) { .sk-harf-bolmeleri { columns: 4; } }
.sk-harf-bolmesi { break-inside: avoid; margin-bottom: var(--sk-a4); }
.sk-harf-bolmesi .sk-imli-etiket { margin: 0; color: var(--sk-grafit); font-size: 15px; }
.sk-harf-bolmesi .sk-dokum-satiri { min-height: 44px; padding-block: 6px; }
.sk-harf-bolmesi .sk-dokum-satiri small { font-size: 13px; text-align: right; }
/* Sekme çubuğu: çelik-2 ray üstünde sekmeler; etkin sekme beyaz + yakut alt çizgi. */
.sk-sekme-cubugu { display: flex; gap: 2px; width: max-content; max-width: 100%; margin: var(--sk-a4) 0; padding: 4px; overflow-x: auto; scrollbar-width: none; background: var(--sk-celik-2); clip-path: var(--sk-pah-dugme); }
.sk-sekme-cubugu::-webkit-scrollbar { display: none; }
.sk-sekme-cubugu a, .sk-sekme-cubugu button { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; border: 0; background: transparent; color: var(--sk-gri); font: inherit; font-family: var(--sk-f-baslik); font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color var(--sk-sure) var(--sk-egri), color var(--sk-sure) var(--sk-egri); }
.sk-sekme-cubugu a:hover, .sk-sekme-cubugu button:hover { color: var(--sk-grafit); background: var(--sk-celik-3); }
.sk-sekme-cubugu [aria-selected="true"], .sk-sekme-cubugu [aria-current="true"] { background: var(--sk-beyaz); color: var(--sk-grafit); font-weight: 600; box-shadow: inset 0 -2px 0 var(--sk-yakut); }
.sk-sekme-cubugu a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--sk-yakut); }
.sk-sekme-cubugu sup { font-family: var(--sk-f-sayi); font-size: 12px; color: var(--sk-gri-2); font-variant-numeric: tabular-nums; vertical-align: baseline; }
.sk-sekme-cubugu[data-az-harfler] { margin-top: 0; }
.sk-sekme-cubugu[data-az-harfler] a { min-width: 44px; justify-content: center; padding: 0 12px; font-weight: 600; }
@media (max-width: 719px) { .sk-sekme-cubugu { padding-right: 36px; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); } }
.sk-hero-tel b { font-variant-numeric: tabular-nums; }
.sk-hero-okuma { margin: var(--sk-a4) 0 0; font-size: 15px; }
.sk-hero-okuma a { color: var(--sk-grafit); font-family: var(--sk-f-baslik); font-weight: 600; text-underline-offset: 3px; }
.sk-sekme-plakasi[hidden] { display: none; }
.sk-sekme-plakasi: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(.sk-betik) .sk-bulucu-kesiti { display: none; }
.sk-belirti-plakasi { display: grid; gap: var(--sk-a5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.sk-belirti-plakasi > * { min-width: 0; }
@media (min-width: 900px) { .sk-belirti-plakasi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.sk-belirti-plakasi > .sk-cizim-cercevesi { max-width: 420px; justify-self: center; width: 100%; }
.sk-belirti-soru-satiri { margin: 0 0 var(--sk-a3); font-family: var(--sk-f-baslik); font-size: var(--sk-y-3); font-weight: 600; color: var(--sk-grafit); }
.sk-belirti-dugme-dizisi { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.sk-belirti-dugme-dizisi button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 14px; border: 0; background: var(--sk-celik); color: var(--sk-metin); font: inherit; font-size: 15px; text-align: left; clip-path: var(--sk-pah-dugme); cursor: pointer; transition: background-color var(--sk-sure) var(--sk-egri), box-shadow var(--sk-sure) var(--sk-egri); }
.sk-belirti-dugme-dizisi button span { flex: none; display: inline-grid; place-items: center; width: 28px; height: 22px; background: var(--sk-grafit); color: var(--sk-beyaz); font-family: var(--sk-f-sayi); font-size: 12px; font-weight: 700; clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 0 100%); }
.sk-belirti-dugme-dizisi button:hover { background: var(--sk-celik-3); color: var(--sk-grafit); }
.sk-belirti-dugme-dizisi button[aria-pressed="true"] { background: var(--sk-beyaz); color: var(--sk-grafit); box-shadow: inset 0 0 0 2px var(--sk-yakut); }
.sk-belirti-dugme-dizisi button[aria-pressed="true"] span { background: var(--sk-yakut); }
.sk-belirti-dugme-dizisi button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--sk-grafit); }
.sk-belirti-durumu { min-height: 3em; margin: var(--sk-a4) 0; color: var(--sk-gri); font-size: 14px; }
.sk-belirti-durumu b { color: var(--sk-grafit); }
/* Neden Servisk: dört plaka + katlanır fark dökümü. */
.sk-neden-plakalari h3 { margin: var(--sk-a3) 0 6px; }
.sk-neden-plakalari p { margin: 0; color: var(--sk-gri); font-size: var(--sk-y-kucuk); }
.sk-pah-ikon { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--sk-celik); color: var(--sk-grafit); clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%); }
.sk-fark-dokumu { padding: 18px 22px; }
.sk-fark-dokumu summary { display: flex; justify-content: space-between; gap: 12px; list-style: none; font-family: var(--sk-f-baslik); font-weight: 600; color: var(--sk-grafit); cursor: pointer; }
.sk-fark-dokumu summary::-webkit-details-marker { display: none; }
.sk-fark-dokumu summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--sk-grafit); -webkit-mask: var(--sk-m-asagi) center / contain no-repeat; mask: var(--sk-m-asagi) center / contain no-repeat; }
.sk-fark-dokumu[open] summary::after { transform: rotate(180deg); background: var(--sk-yakut); }
.sk-fark-dokumu dl { display: grid; margin: var(--sk-a4) 0 0; }
.sk-fark-dokumu dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--sk-cizgi-ince); }
@media (min-width: 720px) { .sk-fark-dokumu dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.sk-fark-dokumu dt { color: var(--sk-gri); text-decoration: line-through; text-decoration-color: var(--sk-cizgi-sert); }
.sk-fark-dokumu dd { margin: 0; color: var(--sk-metin); }
/* İl ve ilçeler (ana sayfa, çelik kesit): başlık + ölçü değerleri, harita, dizin. */
.sk-il-plakasi-basi { display: grid; gap: var(--sk-a5); margin-bottom: var(--sk-a5); }
@media (min-width: 900px) { .sk-il-plakasi-basi { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.sk-il-plakasi-basi h2 { margin: 0 0 8px; }
.sk-il-plakasi-basi p { margin: 0; color: var(--sk-gri); }
.sk-il-olculeri { display: flex; margin: 0; box-shadow: inset 0 0 0 1px var(--sk-cizgi-sert); background: var(--sk-beyaz); }
.sk-il-olculeri div { display: flex; flex-direction: column; padding: 12px 18px; }
.sk-il-olculeri div + div { border-left: 1px solid var(--sk-cizgi); }
.sk-il-olculeri dd { margin: 0; font-family: var(--sk-f-sayi); font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1; color: var(--sk-grafit); font-variant-numeric: tabular-nums; }
.sk-il-olculeri dt { margin-top: 6px; font-family: var(--sk-f-baslik); font-size: 12.5px; font-weight: 600; color: var(--sk-gri); }
.sk-il-dokumu { margin-top: var(--sk-a4); }
.sk-il-dokumu summary { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--sk-f-baslik); font-weight: 600; color: var(--sk-grafit); cursor: pointer; }
/* Resmi hat kesitinden sonra gelen iki yan (küçük alet, marka × cihaz) nefes alsın. */
#resmi-hat + .sk-plaka-kabi { margin-top: var(--sk-bolum); }
.sk-ikili-sol > .sk-plaka-kart > .sk-kart-basi + .sk-alan-aciklama { margin-top: calc(var(--sk-a3) * -1); }
.sk-ikili-sol > .sk-plaka-kart > p { max-width: 68ch; }
.sk-ikili-sol > .sk-plaka-kart > .sk-plakalar--cihaz { margin-top: var(--sk-a2); }
.sk-plaka-kart .sk-sik-aranan-satiri .sk-sik-plakalar { 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 {
  .sk-ust-plaka, .sk-alt-plaka, .sk-plaka-cekmece, .sk-plaka-cekmece-ortusu, .sk-cerez-plakasi, .sk-son-plaka-kesiti, .sk-ara-plaka, .sk-sekme-cubugu { display: none !important; }
  .sk-sekme-plakasi[hidden] { display: block !important; }
  .sk-kod-acilir-ayrinti { display: block; }
  .sk-katlanan-plaka > summary::after { display: none; }
}

/* ==========================================================================
   §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; yakut 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 --------------- */
.sk-il-semasi { margin: var(--sk-a4) 0 var(--sk-a6); border-top: 1px solid var(--sk-cizgi); border-bottom: 1px solid var(--sk-cizgi-ince); }
.sk-il-semasi[hidden] { display: none; }
.sk-il-semasi-basi { display: flex; flex-wrap: wrap; align-items: end; gap: var(--sk-a3) var(--sk-a4); padding: var(--sk-a3) 0; border-bottom: 1px solid var(--sk-cizgi-ince); }
.sk-il-semasi-geri { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; background: var(--sk-beyaz); color: var(--sk-grafit); box-shadow: inset 0 0 0 1.5px var(--sk-grafit); clip-path: var(--sk-pah-dugme); font: 600 15px/1 var(--sk-f-baslik); cursor: pointer; transition: background-color var(--sk-sure) var(--sk-egri), color var(--sk-sure) var(--sk-egri); }
.sk-il-semasi-geri[hidden] { display: none; }
.sk-il-semasi-geri svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; stroke-linejoin: miter; }
.sk-il-semasi-geri:hover { background: var(--sk-grafit); color: var(--sk-beyaz); }
.sk-il-semasi-geri:focus-visible, .sk-il-semasi-il-kutusu:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--sk-yakut); }
.sk-il-semasi-il { display: grid; gap: 6px; flex: 1 1 220px; min-width: 0; max-width: 320px; }
.sk-il-semasi-il label { font-family: var(--sk-f-baslik); font-size: var(--sk-y-etiket); font-weight: 600; color: var(--sk-grafit); }
.sk-il-semasi-il-kutusu { width: 100%; min-height: 44px; padding: 0 44px 0 12px; border: 0; box-shadow: inset 0 0 0 1.5px var(--sk-cizgi-sert); clip-path: var(--sk-pah-dugme); color: var(--sk-metin); font: inherit; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--sk-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"); }
.sk-il-semasi-durum { flex: 1 1 100%; margin: 0; color: var(--sk-gri); font-size: var(--sk-y-kucuk); font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .sk-il-semasi-durum { flex: 1 1 0; padding-bottom: 12px; text-align: right; } }

/* --- §41 Tuval ve ilçe yanı: ince sınırlı iller, yakut yalnız etkin alan --- */
.sk-il-semasi-ic { display: grid; gap: var(--sk-a4); padding-top: var(--sk-a4); }
.sk-il-semasi-tuval { min-width: 0; transition: opacity var(--sk-sure) var(--sk-egri); }
.sk-il-semasi-tuval svg { display: block; width: 100%; height: auto; }
.sk-il-semasi-bolge { fill: var(--sk-celik-2); stroke: var(--sk-beyaz); stroke-width: 0.9; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--sk-sure) var(--sk-egri); }
.sk-plaka-kesiti--celik .sk-il-semasi-bolge { fill: var(--sk-beyaz); stroke: var(--sk-cizgi); }
.sk-il-semasi-bolge:hover, .sk-il-semasi-bolge:focus, .sk-il-semasi-bolge.sk-il-semasi-bolge--vurgu { fill: var(--sk-yakut); outline: none; }
.sk-il-semasi--yukleniyor .sk-il-semasi-tuval { opacity: 0.4; cursor: progress; }
.sk-il-semasi-yan { min-width: 0; border-top: 1px solid var(--sk-cizgi); }
.sk-il-semasi-yan[hidden] { display: none; }
.sk-il-semasi-yan-basi { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--sk-cizgi-ince); font-family: var(--sk-f-baslik); font-size: 1.125rem; font-weight: 600; }
.sk-il-semasi-yan-basi a { color: var(--sk-grafit); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.sk-il-semasi-yan-basi a:hover { text-decoration-color: var(--sk-yakut); }
.sk-il-semasi-ilceler { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--sk-oluk); }
.sk-il-semasi-ilceler li { break-inside: avoid; }
.sk-il-semasi-ilceler a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--sk-cizgi-ince); color: var(--sk-metin); text-decoration: none; }
.sk-il-semasi-ilceler a:hover, .sk-il-semasi-ilceler a:focus-visible { outline: none; color: var(--sk-yakut); border-bottom-color: var(--sk-yakut); }
@media (min-width: 1080px) {
  .sk-il-semasi--il-acik .sk-il-semasi-ic { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .sk-il-semasi--il-acik.sk-il-semasi--dar .sk-il-semasi-ic { grid-template-columns: minmax(0, 1fr) 240px; }
  .sk-il-semasi-ilceler { columns: 1; max-height: 480px; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .sk-il-semasi-bolge, .sk-il-semasi-tuval, .sk-il-semasi-geri { transition: none; } }
@media print { .sk-il-semasi { display: none !important; } }
/* --- Katlama takımı, parça 2 (KARAR §1, 25 Eki 2026): hub ve deep başı --- */
.sk-acilis-hat { width: 100%; }
.sk-acilis-hat .sk-hat-plakasi .sk-olcu-rakami { display: flex; align-items: center; min-height: 44px; }
.sk-acilis-serit { margin-top: var(--sk-a5); }
@media (min-width: 1080px) {
  .sk-acilis-izgara { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-areas: "basi hat" "devam hat" "serit hat"; gap: 0 var(--sk-a8); align-items: start; }
  .sk-acilis-basi { grid-area: basi; }
  .sk-acilis-devam { grid-area: devam; }
  .sk-acilis-serit { grid-area: serit; }
  .sk-acilis-hat { grid-area: hat; align-self: center; justify-self: end; width: min(100%, 420px); margin-top: 0; }
  .sk-sayfa-plakasi--tek .sk-sayfa-plakasi-ic, .sk-sayfa-plakasi--kod .sk-sayfa-plakasi-ic { grid-template-columns: minmax(0, 1fr); }
}
.sk-sayfa-plakasi .sk-plaka-yolu { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; max-width: 100%; white-space: nowrap; }
.sk-sayfa-plakasi .sk-plaka-yolu::-webkit-scrollbar { display: none; }
.sk-sayfa-plakasi .sk-plaka-yolu > li { flex: none; }
.sk-kod-plakasi caption .sk-kod-basi { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-bottom: 12px; color: var(--sk-grafit); }
.sk-kod-basi h2 { margin: 0; font-size: 1.25rem; line-height: 1.2; }
.sk-kod-sayaci { font-family: var(--sk-f-baslik); font-size: 14px; font-weight: 600; color: var(--sk-gri); white-space: nowrap; }
.sk-kod-sayaci b { color: var(--sk-grafit); }
/* Parça 2: tablo telefonda taşmaz (390/320: satır ızgarası tablo genişliğini 496 px'e çıkarıyordu). */
@media (max-width: 719px) { .sk-kod-plakasi { table-layout: fixed; width: 100%; } .sk-kod-plakasi caption { overflow-wrap: anywhere; } }
/* Parça 2: dokunma alanları 44 px; breadcrumb bağlantısı düzeni bozmadan 44 px vurulabilir. */
.sk-sayfa-plakasi .sk-plaka-yolu a { display: inline-block; padding-block: 11px; margin-block: -11px; }
.sk-dokum-satiri > a { display: flex; align-items: center; min-height: 44px; }
/* --- Kimlik (KARAR §2, 25 Eki 2026): hub başında markanın cihaz çizimi (masaüstü: H1'in sağı, numara kartı altında; telefon: giriş metninden sonra); kırıntı sağda solar. --- */
.sk-acilis-cizim { margin: var(--sk-a5) 0 0; width: 100%; max-width: 320px; }
@media (min-width: 1080px) {
  .sk-acilis-izgara { grid-template-areas: "basi cizim" "devam cizim" "serit hat"; }
  .sk-acilis-cizim { grid-area: cizim; align-self: start; justify-self: end; width: min(100%, 420px); max-width: none; margin: 0; }
  .sk-acilis-hat { align-self: start; margin-top: var(--sk-a5); }
}
@media (max-width: 719px) { .sk-sayfa-plakasi .sk-plaka-yolu { padding-right: 36px; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); } }