/* ==========================================================================
   Servis Noktası — stil dosyası (TASARIM-SISTEMI.md, bölüm 02 renk ve 03 şekil)

   Kimlik: beyaz zemin, bulut yüzey (#eef5fa), mürekkep başlık (#13232f),
   akdeniz mavisi (#0b639c) birincil düğme, nokta ve odak. Beyaz üstünde mavi
   düğmenin metin oranı 6,4:1. Yazı: Epilogue (başlık, sayı) + Geist (gövde).
   Köşe: kart 20 px, düğme ve girdi 12 px, etiket 8 px.
   Sınıf öneki: snn-   Belirteç öneki: --snn-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; Google Fonts'tan indirildi,
       Epilogue (değişken 400–900, başlık ve sayı) + Geist (değişken
       400–700, gövde); latin + latin-ext alt kümesi: İ Ş Ğ ı ç ö ü dahil) ---- */
@font-face {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/epilogue-latin-ext.052909657d98.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: "Epilogue";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/epilogue-latin.fa9eb7508cbe.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: "Geist";
    font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/geist-latin-ext.49215a3bccae.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: "Geist";
    font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/geist-latin.f4634c3bc1fa.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: serin mavi-mavi aile (kontrastlar TASARIM-SISTEMI.md §02) */
  --snn-ak: #ffffff;         /* sayfa zemini, kart yüzü */
  --snn-gumus: #eef5fa;         /* ikincil yüzey: bölüm, altbilgi, künye kartı */
  --snn-gumus-ikiz: #e2edf6;       /* tablo başı, sekme rayı, pasif düğme */
  --snn-gumus-ucuncu: #cbdeed;       /* üzerine gelme, basılı yüzey */
  --snn-kursun: #13232f;        /* başlık, logo */
  --snn-yazi: #1f303d;         /* gövde metni */
  --snn-dumanli: #4f6373;           /* ikincil metin */
  --snn-dumanli-ikiz: #4d6171;         /* yer tutucu, dip satır */
  --snn-kiyi-narin: #e1eaf2;    /* 1 px kıl çizgi */
  --snn-kiyi: #bccfdf;         /* kart kenarı, ayırıcı */
  --snn-kiyi-kati: #5a7388;    /* girdi kenarı (>=3:1) */
  --snn-kivilcim: #0b639c;         /* birincil düğme, köşe nokta, odak */
  --snn-kivilcim-uste: #084f7d;     /* düğme üzerine gelme */
  --snn-kivilcim-zirve: #ffffff;     /* vurgu düğmesindeki yazı */
  --snn-kivilcim-serbest: #e3f0fa;    /* not kutusu, seçili satır */
  --snn-kivilcim-aydinlik: #7cc4ef;    /* koyu zeminde nokta */
  --snn-fistik: #1f6b45;         /* başarı, "Kendiniz bakın" */

  /* biçim: yuvarlak kart, yumuşak gölge; köşe imi yerine nokta */
  --snn-kosesi: 20px;             /* kart */
  --snn-kosesi-ortasi: 12px;        /* düğme, girdi */
  --snn-kosesi-mini: 8px;        /* etiket, kod karosu */
  --snn-tus: 14px;                /* plaka köşe kesiti (pah); `--p-pah` varsayılanı */
  --snn-tus-ortasi: 8px;           /* düğme ve girdi köşe kesiti */
  --snn-golgelik: 0 1px 2px rgba(19, 35, 47, 0.06), 0 12px 28px -16px rgba(19, 35, 47, 0.22);
  --snn-golgelik-yumusak: 0 1px 2px rgba(19, 35, 47, 0.05);

  /* yazı aileleri: Epilogue (başlık, sayı) + Geist (gövde) */
  --snn-fk-tabla: "Epilogue", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --snn-fk-omurga: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --snn-fk-adet: "Epilogue", ui-sans-serif, system-ui, sans-serif;
  --snn-fk-tek: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan). Epilogue köşeli ve dar omuzlu. */
  --snn-pk-devasa: clamp(3rem, 2.1rem + 4.2vw, 5.5rem);
  --snn-pk-bilezik: clamp(2.25rem, 1.6rem + 3vw, 4rem);
  --snn-pk-tekli: clamp(1.875rem, 1.45rem + 1.8vw, 2.875rem);
  --snn-pk-ikiz: clamp(1.375rem, 1.2rem + 0.9vw, 2rem);
  --snn-pk-ucuncu: clamp(1.125rem, 1.07rem + 0.25vw, 1.25rem);
  --snn-pk-kapi: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --snn-pk-omurga: 1.0625rem;     /* 17 px Geist */
  --snn-pk-mini: 0.9375rem;     /* 15 px */
  --snn-pk-rozet: 0.8125rem;    /* 13 px: plaka etiketi (Epilogue 600) */

  /* yerleşim */
  --snn-kolon: 12;
  --snn-kanal: 16px;
  --snn-kapsul: 1280px;
  --snn-okunus: 720px;
  --snn-kenar: 340px;             /* yan plaka (≥1080 px), yapışkan değil */

  /* boşluk (8 tabanlı, 4 yarım adım) */
  --snn-kagit1: 4px;
  --snn-kagit2: 8px;
  --snn-kagit3: 12px;
  --snn-kagit4: 16px;
  --snn-kagit5: 24px;
  --snn-kagit6: 32px;
  --snn-kagit7: 48px;
  --snn-kagit8: 64px;
  --snn-kagit9: 96px;
  --snn-sinir: 16px;
  --snn-kisim: 56px;

  /* biçim: yuvarlak köşe YOK; kesik köşe clip-path ile (plaka boyama kalıbı) */
  --snn-dolgu-koyuluk: 1px;
  --snn-kivilcim-koyuluk: 2px;
  --snn-zirve-uzunluk: 64px;
  --snn-cizgi-uzunluk: 64px;

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

  /* ikon maskeleri (renk currentColor ile; ince kalem 1,6 px, KARE uç, sivri birleşim) */
  --snn-mt-uc: 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");
  --snn-mt-sagdan: 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");
  --snn-mt-alta: 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");
  --snn-mt-teyit: 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");
  --snn-mt-bul: 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");
  --snn-mt-fon: 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");
  --snn-mt-veri: 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");
  --snn-uc-piktogram: 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 { --snn-sinir: 24px; --snn-kanal: 20px; --snn-kisim: 72px; }
}
@media (min-width: 1080px) {
  :root { --snn-sinir: 40px; --snn-kanal: 24px; --snn-zirve-uzunluk: 72px; --snn-kisim: 96px; }
}
/* Koyu tema YOK. Yazdırmada çelik tonları beyaza iner. */
@media print {
  :root {
    --snn-gumus: #ffffff; --snn-gumus-ikiz: #ffffff; --snn-gumus-ucuncu: #ffffff;
    --snn-kursun: #000000; --snn-yazi: #111111; --snn-dumanli: #444444; --snn-dumanli-ikiz: #555555;
    --snn-kiyi-narin: #cccccc; --snn-kiyi: #999999; --snn-kiyi-kati: #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(--snn-zirve-uzunluk) + var(--snn-kagit4));
}
body {
  margin: 0;
  background: var(--snn-ak);
  color: var(--snn-yazi);
  font-family: var(--snn-fk-omurga);
  font-size: var(--snn-pk-omurga);
  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: Epilogue 600, mürekkep; köşeli harf, aralık nötr. */
h1, h2, h3, h4 {
  margin: 0;
  color: var(--snn-kursun);
  font-family: var(--snn-fk-tabla);
  font-weight: 600;
  letter-spacing: -0.005em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--snn-pk-tekli); line-height: 1.1; letter-spacing: -0.012em; }
h2 { font-size: var(--snn-pk-ikiz); line-height: 1.16; }
h3 { font-size: var(--snn-pk-ucuncu); line-height: 1.3; font-weight: 600; }
h4 { font-size: 1rem; font-family: var(--snn-fk-omurga); font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--snn-kagit4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı: yazı rengi + 1 px sert gri alt çizgi; üzerine gelince çizgi mavi ve 2 px. */
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--snn-kiyi-kati); text-decoration-thickness: 1px; text-underline-offset: 0.24em; }
a:hover { color: inherit; text-decoration-color: var(--snn-kivilcim); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--snn-kursun); }
code, kbd, samp { font-family: var(--snn-fk-tek); font-size: 0.92em; font-weight: 500; }
/* hr: mürekkep kıl çizgi, sol ucunda mavi köşe imi */
hr { border: 0; height: 8px; margin: var(--snn-kagit6) 0; background: linear-gradient(var(--snn-kiyi), var(--snn-kiyi)) 0 100% / 100% 1px no-repeat, linear-gradient(225deg, var(--snn-kivilcim) 50%, transparent 50%) 0 0 / 8px 8px no-repeat; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--snn-kivilcim); color: var(--snn-kivilcim-zirve); }
/* Odak: 2 px mavi çizgi, 2 px açıklık. Hale yok. */
:focus-visible { outline: 2px solid var(--snn-kivilcim); outline-offset: 2px; }
.snn-gosterge-harici {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.snn-direkt-muhtevasi {
  position: absolute; left: var(--snn-kagit4); top: -100px; z-index: 100;
  background: var(--snn-kursun); color: var(--snn-ak); padding: var(--snn-kagit2) var(--snn-kagit4);
  font-family: var(--snn-fk-tabla); font-weight: 600; text-decoration: none;
}
.snn-direkt-muhtevasi:focus { top: var(--snn-kagit2); }

/* ==========================================================================
   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.
   ========================================================================== */
.snn-pano-lavha, .snn-kenar-pano, .snn-birinci-pano, .snn-kalip-panosu, .snn-emek-panosu,
.snn-tur-rozeti, .snn-sonuncu-pano, .snn-bul-pano, .snn-pano-serh, .snn-pano-acilan-dizgi,
.snn-resmi-kasasi, .snn-cizgi-panosu, .snn-damga-panosu, .snn-yer-panosu,
.snn-olcek-sirasi, .snn-tavsiye-dizgisi, .snn-bisku-panosu, .snn-sembol-acilan-detayi[open], .snn-ayrim-serit {
  --p-zemin: var(--snn-ak);
  --p-kenar: var(--snn-kiyi);
  --p-pah: var(--snn-tus);
  --p-imi: 10px;
  position: relative;
  isolation: isolate;
}
.snn-pano-lavha::before, .snn-kenar-pano::before, .snn-birinci-pano::before, .snn-kalip-panosu::before,
.snn-emek-panosu::before, .snn-tur-rozeti::before, .snn-sonuncu-pano::before, .snn-bul-pano::before,
.snn-pano-serh::before, .snn-pano-acilan-dizgi::before, .snn-resmi-kasasi::before, .snn-cizgi-panosu::before,
.snn-damga-panosu::before, .snn-yer-panosu::before, .snn-olcek-sirasi::before, .snn-tavsiye-dizgisi::before,
.snn-bisku-panosu::before, .snn-sembol-acilan-detayi[open]::before, .snn-ayrim-serit::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.6px), var(--p-kenar) calc(50% - 0.6px) calc(50% + 0.6px), transparent calc(50% + 0.6px)) top right / var(--p-pah) var(--p-pah) no-repeat,
    var(--p-zemin);
  box-shadow: inset 0 0 0 1px var(--p-kenar);
  border-radius: var(--snn-kosesi-mini);
  transition: box-shadow var(--snn-zaman) var(--snn-kavisli);
}
/* Köşe imi: pahın yerine oturan mavi dik üçgen (imza). */
.snn-pano-lavha--kantarli::after, .snn-kenar-pano::after, .snn-birinci-pano::after, .snn-tur-rozeti::after,
.snn-sonuncu-pano::after, .snn-bul-pano::after, .snn-resmi-kasasi::after, .snn-cizgi-panosu::after,
.snn-kalip-panosu::after, .snn-bisku-panosu::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--p-imi);
  height: var(--p-imi);
  background: var(--p-imi-renk, var(--snn-kivilcim));
  border-radius: 50%;
  pointer-events: none;
}

/* --- §03 Kap, iki yan, kesit -------------------------------------------- */
.snn-pano-kabuk { max-width: var(--snn-kapsul); margin-inline: auto; padding-inline: var(--snn-sinir); }
.snn-esas-omurga { display: block; min-height: 50vh; }
/* İki yan: ana │ yan plaka (≥1080 px). Yan plaka YAPIŞKAN DEĞİL. */
.snn-pano-cift { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--snn-kagit6); align-items: start; }
.snn-pano-cift > * { min-width: 0; }
@media (min-width: 1080px) { .snn-pano-cift { grid-template-columns: minmax(0, 1fr) var(--snn-kenar); gap: var(--snn-kagit7); } }
.snn-pano-obasi { display: grid; gap: var(--snn-kagit4); }
.snn-pano-obasi > * { min-width: 0; }
/* Kesit: sayfanın bir bölümü. Beyaz ↔ çelik dönüşümü servisfer'in koyu bant
   dönüşümünün Servis Noktası karşılığıdır (--celik: tam genişlik çelik zemin). */
.snn-pano-dilim { margin-top: var(--snn-kisim); }
.snn-pano-dilim--gumus { padding-block: var(--snn-kisim); background: var(--snn-gumus); }
.snn-pano-dilim--gumus .snn-pano-lavha { --p-zemin: var(--snn-ak); }
.snn-pano-cift + .snn-pano-dilim, .snn-yaprak-panosu + .snn-pano-dilim { margin-top: calc(var(--snn-kisim) * 0.75); }
.snn-yaprak-panosu + .snn-pano-kabuk { margin-top: var(--snn-kagit6); }
[id] { scroll-margin-top: calc(var(--snn-zirve-uzunluk) + var(--snn-kagit5)); }

/* --- §04 Rubrik, manşet, giriş, bölüm başı -------------------------------- */
.snn-kantarli-rozet { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--snn-fk-tabla); font-size: var(--snn-pk-rozet); font-weight: 600; line-height: 1.25; letter-spacing: 0.02em; color: var(--snn-dumanli); }
.snn-kantarli-rozet::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--snn-kivilcim); border-radius: 50%; }
.snn-pano-bilezik { margin: 0; font-family: var(--snn-fk-tabla); font-size: var(--snn-pk-bilezik); font-weight: 600; line-height: 1.04; letter-spacing: -0.02em; color: var(--snn-kursun); text-wrap: balance; overflow-wrap: anywhere; }
.snn-pano-kapisi { margin: 16px 0 0; max-width: 58ch; font-size: var(--snn-pk-kapi); line-height: 1.55; color: var(--snn-yazi); }
/* Bölüm başı: üstte 1 px çizgi, solda 64×3 mürekkep ölçü çubuğu + ucunda mavi üçgen. */
.snn-pano-unvani { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 6px var(--snn-kagit4); margin-bottom: var(--snn-kagit5); padding-top: 18px; border-top: 1px solid var(--snn-kiyi); }
.snn-pano-unvani::before { content: ""; position: absolute; left: 0; top: -2px; width: 64px; height: 3px; background: var(--snn-kursun); }
.snn-pano-unvani::after { content: ""; position: absolute; left: 64px; top: -2px; width: 10px; height: 10px; background: var(--snn-kivilcim); border-radius: var(--snn-kosesi-mini); }
.snn-pano-unvani > div { min-width: 0; }
.snn-pano-unvani h2 { margin: 0; overflow-wrap: anywhere; }
.snn-pano-unvani p { margin: 6px 0 0; color: var(--snn-dumanli); font-size: var(--snn-pk-mini); }
.snn-pano-dilim--gumus .snn-pano-unvani { border-top-color: var(--snn-kiyi-kati); }
/* Düz metin sütunu. */
.snn-pano-yazisi { max-width: 68ch; }
.snn-pano-yazisi > :last-child { margin-bottom: 0; }
.snn-pano-yazisi h3 { margin: var(--snn-kagit5) 0 8px; }
.snn-pano-yazisi ul, .snn-pano-yazisi ol { padding-left: 1.25rem; margin: 0 0 var(--snn-kagit4); }
.snn-pano-yazisi li { margin-bottom: 6px; }
.snn-pano-yazisi li::marker { color: var(--snn-kivilcim); }
.snn-olcek-haneli { font-family: var(--snn-fk-adet); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -0.01em; color: var(--snn-kursun); }
.snn-rakamsal-hane { font-variant-numeric: tabular-nums; }
.snn-zirve-boslugu.snn-zirve-boslugu { margin-top: var(--snn-kagit4); }
.snn-sapma-adedi { display: block; font-family: var(--snn-fk-adet); font-size: var(--snn-pk-devasa); font-weight: 700; line-height: 1; color: var(--snn-kursun); }

/* --- §05 Üst plaka (başlık), menü, arama, öneriler, çekmece --------------- */
.snn-zirve-pano { position: sticky; top: 0; z-index: 40; background: var(--snn-ak); border-bottom: 1px solid var(--snn-kiyi); }
.snn-zirve-pano::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 120px; height: 3px; background: var(--snn-kursun); }
.snn-zirve-pano-icte { display: flex; align-items: center; gap: var(--snn-kagit3); max-width: var(--snn-kapsul); height: var(--snn-zirve-uzunluk); margin-inline: auto; padding-inline: var(--snn-sinir); }
.snn-zirve-pano-damga { flex: none; display: block; line-height: 0; }
.snn-zirve-pano-damga img { height: 28px; width: auto; }
@media (min-width: 1080px) { .snn-zirve-pano-damga img { height: 30px; } }
.snn-zirve-pano-gezi { display: none; }
.snn-zirve-pano-gezgin { display: flex; list-style: none; margin: 0; padding: 0; }
.snn-zirve-pano-gezgin > li { position: relative; }
.snn-zirve-pano-gezgin > li > a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 10px; font-family: var(--snn-fk-tabla); font-size: 15px; font-weight: 500; color: var(--snn-kursun); text-decoration: none; white-space: nowrap; transition: color var(--snn-zaman) var(--snn-kavisli); }
.snn-zirve-pano-gezgin > li > a:hover { color: var(--snn-kivilcim); }
.snn-zirve-pano-gezgin > li > a[aria-current] { color: var(--snn-kivilcim); box-shadow: inset 0 -2px 0 var(--snn-kivilcim); }
.snn-pano-acilan > a::after { content: ""; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--snn-mt-alta) center / contain no-repeat; mask: var(--snn-mt-alta) center / contain no-repeat; }
/* Açılır liste: sağ üstü pahlı beyaz plaka; üzerine gelince ya da klavye odağında açılır. */
.snn-pano-acilan-dizgi { position: absolute; top: 100%; left: 0; z-index: 45; display: none; min-width: 248px; margin: 0; padding: 8px 0; list-style: none; }
.snn-pano-acilan:hover > .snn-pano-acilan-dizgi, .snn-pano-acilan:focus-within > .snn-pano-acilan-dizgi { display: block; }
.snn-pano-acilan-dizgi--yayvan { width: 500px; columns: 2; column-gap: 0; }
.snn-pano-acilan-dizgi li { break-inside: avoid; }
.snn-pano-acilan-dizgi a { display: flex; align-items: center; min-height: 38px; padding: 0 16px; color: var(--snn-yazi); font-size: 15px; text-decoration: none; }
.snn-pano-acilan-dizgi a:hover { background: var(--snn-gumus); color: var(--snn-kursun); }
.snn-pano-acilan-dizgi-ucu { display: flex; align-items: center; gap: 8px; padding: 10px 16px 4px; font-family: var(--snn-fk-tabla); font-size: 12.5px; font-weight: 600; letter-spacing: 0.03em; color: var(--snn-dumanli); }
.snn-pano-acilan-dizgi-ucu::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--snn-kivilcim); border-radius: 50%; }
.snn-pano-acilan-dizgi .snn-pano-acilan-dizgi-ucu a { min-height: 0; padding: 0; color: var(--snn-dumanli); font-size: inherit; }
.snn-pano-acilan-dizgi .snn-pano-acilan-dizgi-ucu a:hover { background: none; color: var(--snn-kivilcim); }
.snn-zirve-pano-komut { display: flex; align-items: center; gap: var(--snn-kagit2); margin-left: auto; }
.snn-zirve-pano-fon { display: none; align-items: center; gap: 10px; min-height: 48px; padding: 4px 18px 4px 12px; border: 1.5px solid var(--snn-kivilcim); border-radius: 999px; font-family: var(--snn-fk-tabla); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--snn-kursun); text-decoration: none; white-space: nowrap; line-height: 1.15; }
.snn-zirve-pano-fon-cagri { display: flex; flex-direction: column; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--snn-kivilcim); }
.snn-zirve-pano-fon-no { font-size: 16px; }
.snn-zirve-pano-fon svg { width: 18px; height: 18px; color: var(--snn-kivilcim); }
.snn-zirve-pano-fon:hover { color: var(--snn-kivilcim); }
.snn-zirve-pano-komut .snn-zirve-pano-istek, .snn-zirve-pano-komut .snn-zirve-pano-cizgi { display: none; }
@media (min-width: 720px) { .snn-zirve-pano-komut .snn-zirve-pano-istek, .snn-zirve-pano-komut .snn-zirve-pano-cizgi { display: inline-flex; } }
@media (min-width: 1240px) {
  .snn-zirve-pano-gezi { display: block; margin-left: var(--snn-kagit3); }
  .snn-zirve-pano-komut .snn-zirve-pano-gezgin-gos { display: none; }
}
@media (min-width: 1240px) { .snn-zirve-pano-fon { display: inline-flex; } }
@media (max-width: 359px) { .snn-zirve-pano-damga img { height: 24px; } .snn-zirve-pano-komut { gap: 4px; } }
/* Büyütecin açtığı arama satırı (başlığın altında, her genişlikte). */
.snn-sorgu-sirasi { padding-block: 0 var(--snn-kagit3); }
/* Pahlı arama kutusu: girdi + mürekkep pahlı gönder karosu. --buyuk 404 ve kod dizininde. */
.snn-sorgu-kutucugu { position: relative; display: flex; align-items: center; width: 100%; min-height: 48px; background: var(--snn-ak); box-shadow: inset 0 0 0 1.5px var(--snn-kiyi-kati); border-radius: var(--snn-kosesi-ortasi); transition: box-shadow var(--snn-zaman) var(--snn-kavisli); }
.snn-sorgu-kutucugu:focus-within { box-shadow: inset 0 0 0 2px var(--snn-kivilcim); }
.snn-sorgu-kutucugu input { flex: 1; min-width: 0; height: 46px; padding: 0 8px 0 16px; border: 0; background: transparent; color: var(--snn-kursun); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; }
.snn-sorgu-kutucugu input::placeholder { color: var(--snn-dumanli-ikiz); }
.snn-sorgu-kutucugu input:focus-visible { outline: none; }
.snn-sorgu-kutucugu input::-webkit-search-cancel-button { display: none; }
.snn-sorgu-kutucugu button { flex: none; display: grid; place-items: center; width: 40px; height: 40px; margin-right: 4px; border: 0; background: var(--snn-kursun); color: var(--snn-ak); border-radius: var(--snn-kosesi-mini); cursor: pointer; transition: background-color var(--snn-zaman) var(--snn-kavisli); }
.snn-sorgu-kutucugu button:hover { background: var(--snn-kivilcim); }
.snn-sorgu-kutucugu button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snn-ak), inset 0 0 0 4px var(--snn-kivilcim); }
.snn-sorgu-kutucugu button svg { width: 18px; height: 18px; }
.snn-sorgu-kutucugu--iri { min-height: 60px; }
.snn-sorgu-kutucugu--iri input { height: 58px; padding-left: 20px; font-size: 18px; }
.snn-sorgu-kutucugu--iri button { width: 50px; height: 50px; margin-right: 5px; background: var(--snn-kivilcim); }
.snn-sorgu-kutucugu--iri button:hover { background: var(--snn-kivilcim-uste); }
.snn-sorgu-kutucugu--iri button svg { width: 22px; height: 22px; }
form[data-bul] { position: relative; }
/* Öneri listesi (servisnoktasinet.js "Bul kutuları"): kutunun altında pahlı beyaz plaka. */
.snn-tavsiye-dizgisi { 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(--snn-kiyi-kati); }
.snn-tavsiye-dizgisi--yuksekte { top: auto; bottom: calc(100% + 6px); }
.snn-tavsiye-dizgisi a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 11px 12px; color: var(--snn-kursun); text-decoration: none; }
.snn-tavsiye-dizgisi a[aria-selected="true"], .snn-tavsiye-dizgisi a:hover { background: var(--snn-gumus); }
.snn-tavsiye-cinsi { color: var(--snn-dumanli); font-size: 13px; text-align: right; }
.snn-tavsiye-sirasi--sembol .snn-tavsiye-isim { font-family: var(--snn-fk-adet); font-weight: 700; font-variant-numeric: tabular-nums; }
.snn-tavsiye-bulunmaz { padding: 10px 12px; color: var(--snn-dumanli); font-size: var(--snn-pk-mini); }
/* Çekmece (#dizin, "Menü"): sağdan gelen beyaz plaka, mobilde tam ekran. */
body.snn-omurga-kilitlenmis { overflow: hidden; }
.snn-pano-gozlu-kapagi { position: fixed; inset: 0; z-index: 70; background: rgba(19, 35, 47, 0.46); }
.snn-pano-gozlu { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(420px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--snn-kagit4) var(--snn-kagit5) var(--snn-kagit7); background: var(--snn-ak); box-shadow: inset 1px 0 0 var(--snn-kiyi); }
.snn-pano-gozlu-ucu { position: relative; display: flex; justify-content: space-between; align-items: center; gap: var(--snn-kagit3); margin: 0 0 var(--snn-kagit5); padding-bottom: var(--snn-kagit4); border-bottom: 1px solid var(--snn-kiyi); }
.snn-pano-gozlu-ucu::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 72px; height: 3px; background: var(--snn-kursun); }
.snn-pano-gozlu-ucu img { height: 26px; width: auto; }
.snn-pano-gozlu-komutlari { display: grid; gap: var(--snn-kagit2); }
.snn-pano-gozlu-takimi { margin-top: var(--snn-kagit5); }
.snn-pano-gozlu-takimi h2 { margin: 0 0 4px; font-size: 1.0625rem; }
.snn-pano-gozlu-takimi h2 a { text-decoration: none; }
.snn-pano-gozlu-takimi h2 a[aria-current] { color: var(--snn-kivilcim); }
.snn-pano-gozlu-takimi .snn-pano-acilan-dizgi-ucu { padding: 12px 0 2px; }
.snn-pano-gozlu-tabani { margin: var(--snn-kagit5) 0 0; padding-top: var(--snn-kagit4); border-top: 1px solid var(--snn-kiyi-narin); color: var(--snn-dumanli); font-size: 15px; max-width: none; }
.snn-lisan-serit { font-size: var(--snn-pk-mini); }
.snn-lisan-serit 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(--snn-kursun); border-radius: var(--snn-kosesi-ortasi); font-family: var(--snn-fk-tabla); font-weight: 600; color: var(--snn-kursun); cursor: pointer; }
.snn-lisan-serit summary::-webkit-details-marker { display: none; }
.snn-lisan-serit ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--snn-kagit4); margin: var(--snn-kagit2) 0 0; }
.snn-lisan-serit a { display: inline-block; padding: 10px 0; color: var(--snn-dumanli); text-decoration: none; }
.snn-lisan-serit a:hover, .snn-lisan-serit a[aria-current="true"] { color: var(--snn-kursun); }

/* --- §06 Pahlı düğmeler, ok bağlantı -------------------------------------- */
.snn-tus-dokunak { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border: 0; background: var(--snn-ak); color: var(--snn-kursun); border-radius: var(--snn-kosesi-ortasi); font-family: var(--snn-fk-tabla); 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(--snn-zaman) var(--snn-kavisli), color var(--snn-zaman) var(--snn-kavisli); }
.snn-tus-dokunak svg { width: 18px; height: 18px; flex: none; }
.snn-tus-dokunak b { font-weight: 600; font-variant-numeric: tabular-nums; }
.snn-tus-dokunak span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.snn-tus-dokunak--mavi { background: var(--snn-kivilcim); color: var(--snn-kivilcim-zirve); }
.snn-tus-dokunak--mavi:hover { background: var(--snn-kivilcim-uste); color: var(--snn-kivilcim-zirve); }
/* Çizgili: 1,5 px mürekkep kenar (iç gölge) + kesikte çapraz çizgi. */
.snn-tus-dokunak--bantli { color: var(--snn-kursun); box-shadow: inset 0 0 0 1.5px var(--snn-kursun);
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.75px), var(--snn-kursun) calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) top right / var(--snn-tus-ortasi) var(--snn-tus-ortasi) no-repeat,
    linear-gradient(to top right, transparent calc(50% - 0.75px), var(--snn-kursun) calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) bottom left / var(--snn-tus-ortasi) var(--snn-tus-ortasi) no-repeat,
    var(--snn-ak); }
.snn-tus-dokunak--bantli:hover { background: var(--snn-kursun); color: var(--snn-ak); }
/* Koyu: son plakanın mürekkep zemininde beyaz çizgili. */
.snn-tus-dokunak--kara { color: var(--snn-ak); box-shadow: inset 0 0 0 1.5px #c3d3e2;
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.75px), #c3d3e2 calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) top right / var(--snn-tus-ortasi) var(--snn-tus-ortasi) no-repeat,
    linear-gradient(to top right, transparent calc(50% - 0.75px), #c3d3e2 calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) bottom left / var(--snn-tus-ortasi) var(--snn-tus-ortasi) no-repeat,
    transparent; }
.snn-tus-dokunak--kara:hover { background: var(--snn-ak); color: var(--snn-kursun); }
.snn-tus-dokunak--duz { background: transparent; color: var(--snn-kursun); }
.snn-tus-dokunak--duz:hover { background: var(--snn-gumus); }
.snn-tus-dokunak--mini { min-height: 44px; padding: 0 18px; font-size: 15px; }
.snn-tus-dokunak--yayvan { width: 100%; }
.snn-tus-dokunak--amblem { width: 44px; padding: 0; flex: none; }
.snn-tus-dokunak[aria-disabled="true"] { background: var(--snn-gumus-ikiz); color: var(--snn-dumanli-ikiz); box-shadow: none; cursor: not-allowed; }
.snn-tus-dokunak[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.snn-tus-dokunak:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--snn-kursun), inset 0 0 0 5px var(--snn-ak); }
.snn-tus-dokunak--mavi:focus-visible { box-shadow: inset 0 0 0 3px var(--snn-kursun), inset 0 0 0 5px var(--snn-ak); }
.snn-tus-komutlari { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.snn-tus-komutlari--tik { display: grid; gap: var(--snn-kagit2); margin-top: var(--snn-kagit5); }
/* Ok bağlantı: Epilogue yazı + pahlı mürekkep karo içinde beyaz ok. */
.snn-tus-uc { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-family: var(--snn-fk-tabla); font-weight: 600; color: var(--snn-kursun); text-decoration: none; transition: color var(--snn-zaman) var(--snn-kavisli); }
.snn-tus-uc::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--snn-kursun) var(--snn-uc-piktogram) center / 14px 14px no-repeat; border-radius: var(--snn-kosesi-ortasi); transition: background-color var(--snn-zaman) var(--snn-kavisli); }
.snn-tus-uc:hover { color: var(--snn-kivilcim); }
.snn-tus-uc:hover::after { background-color: var(--snn-kivilcim); }

/* --- §07 Plaka (kart), cihaz plakası, yan plaka --------------------------- */
.snn-pano-lavha { padding: 22px; min-width: 0; }
.snn-pano-lavha--gumus { --p-zemin: var(--snn-gumus); }
.snn-pano-lavha > :last-child { margin-bottom: 0; }
.snn-pano-lavha h3 { margin: 0 0 8px; }
a.snn-pano-lavha { display: block; color: inherit; text-decoration: none; }
a.snn-pano-lavha:hover { --p-kenar: var(--snn-kursun); }
a.snn-pano-lavha p { color: var(--snn-dumanli); font-size: var(--snn-pk-mini); }
@media (max-width: 719px) { .snn-pano-lavha { padding: 18px 16px; } }
.snn-lavha-ucu { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px var(--snn-kagit4); margin-bottom: var(--snn-kagit4); }
.snn-lavha-ucu h2, .snn-lavha-ucu h3 { margin: 0; }
.snn-lavha-ucu h2 { font-size: clamp(1.25rem, 1.12rem + 0.6vw, 1.625rem); }
.snn-lavha-ucu p { margin: 6px 0 0; color: var(--snn-dumanli); font-size: var(--snn-pk-mini); }
.snn-lavha-ucu small { color: var(--snn-dumanli); font-size: 14px; }
.snn-lavha-ucu h3 a { text-decoration: none; }
.snn-lavha-ucu h3 a:hover { text-decoration: underline; text-decoration-color: var(--snn-kivilcim); }
.snn-panoseti { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.snn-panoseti > * { min-width: 0; }
@media (min-width: 720px) { .snn-panoseti { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .snn-panoseti--ucuncu { grid-template-columns: repeat(3, minmax(0, 1fr)); } .snn-panoseti--dorduncu { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.snn-panoseti > .snn-pano-lavha > .snn-kantarli-rozet { margin-bottom: 8px; }
.snn-panoseti > .snn-pano-lavha > p { margin: 0; color: var(--snn-dumanli); font-size: var(--snn-pk-mini); }
.snn-panoseti > .snn-pano-lavha > h3 + p { margin-top: 0; }
/* Cihaz plakası: izometrik çizim + ad satırı (ad + pahlı ok). */
.snn-pano-aygit { padding: 10px 10px 14px; }
a.snn-pano-aygit { display: grid; }
.snn-pano-aygit .snn-resmi-kasasi { padding: 0; }
.snn-pano-aygit .snn-resmi-kasasi::before, .snn-pano-aygit .snn-resmi-kasasi::after { display: none; }
.snn-pano-aygit img { width: 100%; height: auto; }
.snn-pano-aygit-bagli { display: block; color: inherit; text-decoration: none; }
.snn-pano-aygit-dip { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; padding: 12px 4px 0; border-top: 1px solid var(--snn-kiyi-narin); }
.snn-pano-aygit-dip h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.snn-pano-aygit-dip p { margin: 2px 0 0; color: var(--snn-dumanli); font-size: 14px; }
.snn-pano-aygit-dip::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--snn-kursun) var(--snn-uc-piktogram) center / 14px 14px no-repeat; border-radius: var(--snn-kosesi-ortasi); transition: background-color var(--snn-zaman) var(--snn-kavisli); }
.snn-pano-aygit:hover .snn-pano-aygit-dip::after, .snn-pano-aygit-bagli:hover .snn-pano-aygit-dip::after { background-color: var(--snn-kivilcim); }
.snn-pano-aygit:hover, li.snn-pano-aygit:focus-within { --p-kenar: var(--snn-kursun); }
.snn-aygit-dizi-nr { margin-right: 8px; font-family: var(--snn-fk-adet); font-size: 13px; font-weight: 700; color: var(--snn-kivilcim); font-variant-numeric: tabular-nums; }
.snn-pano-aygit--benekli { display: grid; grid-template-rows: auto 1fr auto; }
.snn-pano-aygit-komut { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 10px; padding: 10px 4px 0; border-top: 1px solid var(--snn-kiyi-narin); font-size: 14px; }
.snn-pano-aygit-komut a { color: var(--snn-dumanli); text-decoration: none; }
.snn-pano-aygit-komut a:hover { color: var(--snn-kursun); text-decoration: underline; text-decoration-color: var(--snn-kivilcim); }
.snn-pano-aygit-komut .snn-pano-aygit-istek { display: inline-flex; align-items: center; gap: 4px; font-family: var(--snn-fk-tabla); font-weight: 600; color: var(--snn-kursun); }
.snn-pano-aygit-komut .snn-pano-aygit-istek:hover { color: var(--snn-kivilcim); }
@media (max-width: 719px) {
  .snn-panoseti--aygit { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .snn-panoseti--aygit .snn-pano-aygit { padding: 6px 6px 10px; }
  .snn-panoseti--aygit .snn-pano-aygit-dip { padding: 8px 2px 0; }
  .snn-panoseti--aygit .snn-pano-aygit-dip::after { display: none; }
  .snn-panoseti--aygit .snn-pano-aygit-dip h3 { font-size: 15px; }
  .snn-panoseti--aygit .snn-pano-aygit-dip p { font-size: 13px; }
  .snn-panoseti--aygit .snn-pano-aygit-komut { padding: 8px 2px 0; font-size: 13px; }
}
/* Yan plaka: çelik, sağ üstü pahlı, köşe imli; yapışkan DEĞİL. */
.snn-kenar-pano { --p-zemin: var(--snn-gumus); --p-kenar: var(--snn-gumus); padding: 24px; min-width: 0; }
.snn-kenar-pano-tabla { margin: 0 0 12px; font-size: 19px; }
.snn-kenar-pano dl { margin: 0; }
.snn-kenar-pano dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; border-top: 1px solid var(--snn-kiyi); }
.snn-kenar-pano dt { font-family: var(--snn-fk-tabla); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--snn-dumanli); }
.snn-kenar-pano dd { margin: 0; font-family: var(--snn-fk-tabla); font-weight: 600; color: var(--snn-kursun); text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.snn-kenar-pano .snn-tanimi-panosu > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.snn-kenar-pano .snn-tanimi-panosu dd { font-family: var(--snn-fk-omurga); font-weight: 400; text-align: left; color: var(--snn-yazi); }
.snn-kenar-pano > .snn-tus-dokunak { margin-top: var(--snn-kagit4); }
.snn-kenar-pano-serh { margin: var(--snn-kagit4) 0 0; color: var(--snn-dumanli); font-size: 14px; }

/* --- §08 İş plakası (süreç, imza): tek pahlı plakada alanlar ---------------- */
.snn-emek-panosu { 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. */
.snn-emek-panosu { --p-zemin: transparent; background: var(--snn-ak); border-radius: var(--snn-kosesi); }
.snn-emek-panosu::before { z-index: 1; }
@media (min-width: 900px) { .snn-emek-panosu:not(.snn-emek-panosu--tik) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } }
.snn-emek-sahasi { position: relative; padding: 18px 20px 22px; min-width: 0; }
.snn-emek-sahasi + .snn-emek-sahasi { border-top: 1px solid var(--snn-kiyi); }
@media (min-width: 900px) { .snn-emek-panosu:not(.snn-emek-panosu--tik) > .snn-emek-sahasi + .snn-emek-sahasi { border-top: 0; border-left: 1px solid var(--snn-kiyi); } }
.snn-emek-sahasi small { display: block; margin-bottom: 10px; font-family: var(--snn-fk-tabla); font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--snn-dumanli); }
.snn-emek-sahasi h3 { margin: 0 0 6px; font-size: 19px; }
.snn-emek-sahasi p { margin: 0; color: var(--snn-dumanli); font-size: var(--snn-pk-mini); }
.snn-emek-sahasi--hemen { background: var(--snn-gumus); }
.snn-emek-sahasi--hemen small { color: var(--snn-kivilcim); }
.snn-emek-sahasi--hemen::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: var(--snn-kivilcim); border-radius: var(--snn-kosesi-mini); }
.snn-emek-panosu--tik { margin: var(--snn-kagit5) 0; }
.snn-emek-panosu--tik .snn-emek-sahasi { padding: 14px 18px 16px; }
.snn-emek-panosu--tik .snn-emek-sahasi small { margin-bottom: 6px; }
.snn-emek-panosu--tik .snn-emek-sahasi h3 { font-size: 17px; }
.snn-emek-panosu--tik .snn-emek-sahasi small + p { color: var(--snn-yazi); }

/* --- §09 Sayfa yolu ------------------------------------------------------- */
.snn-pano-guzergah { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 14px; padding: 0; list-style: none; font-family: var(--snn-fk-tabla); font-size: 14px; color: var(--snn-dumanli); }
.snn-pano-guzergah li + li::before { content: "/"; margin-right: 10px; color: var(--snn-kivilcim); }
.snn-pano-guzergah a { color: var(--snn-dumanli); text-decoration: none; }
.snn-pano-guzergah a:hover { color: var(--snn-kursun); text-decoration: underline; text-decoration-color: var(--snn-kivilcim); }
.snn-pano-guzergah [aria-current] { color: var(--snn-kursun); }

/* --- §10 Pahlı etiket (durum), pahlı çip, sık aranan -------------------------- */
.snn-tus-rozet { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border-radius: var(--snn-kosesi-mini); background: var(--snn-gumus-ikiz); color: var(--snn-kursun); font-family: var(--snn-fk-tabla); font-size: 13.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.snn-tus-rozet--kendinden { background: #e2f0e8; color: var(--snn-fistik); }
.snn-tus-rozet--onarim { background: var(--snn-gumus-ikiz); color: var(--snn-kursun); }
.snn-tus-rozet--durak { background: var(--snn-kivilcim); color: var(--snn-kivilcim-zirve); }
.snn-yogun-panoseti { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.snn-tus-mikro { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; background: var(--snn-gumus); color: var(--snn-kursun); font-size: 14.5px; text-decoration: none; border-radius: var(--snn-kosesi-mini); transition: background-color var(--snn-zaman) var(--snn-kavisli); }
a.snn-tus-mikro:hover { background: var(--snn-gumus-ucuncu); color: var(--snn-kursun); }
a.snn-tus-mikro:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snn-kivilcim); }
.snn-pano-dilim--gumus .snn-tus-mikro, .snn-pano-lavha--gumus .snn-tus-mikro { background: var(--snn-ak); }
.snn-yogun-sorulan-sirasi { display: grid; gap: 8px; margin-top: var(--snn-kagit5); }
.snn-yogun-sorulan-sirasi > span { font-family: var(--snn-fk-tabla); font-size: 13px; font-weight: 600; color: var(--snn-dumanli); }

/* --- §11 Kod plakası ------------------------------------------------------ */
.snn-sembol-panosu { width: 100%; border-collapse: collapse; font-size: 15px; box-shadow: inset 0 0 0 1px var(--snn-kiyi); }
.snn-sembol-panosu caption { padding: 0 0 10px; text-align: left; font-family: var(--snn-fk-tabla); font-size: 13.5px; font-weight: 600; color: var(--snn-dumanli); }
.snn-sembol-panosu th, .snn-sembol-panosu td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--snn-kiyi-narin); overflow-wrap: anywhere; }
.snn-sembol-panosu thead th { background: var(--snn-kursun); color: var(--snn-ak); font-family: var(--snn-fk-tabla); font-size: 13px; font-weight: 600; letter-spacing: 0.03em; vertical-align: middle; }
.snn-sembol-panosu tbody tr:last-child > * { border-bottom: 0; }
.snn-sembol-panosu td b { display: block; font-weight: 600; color: var(--snn-kursun); }
.snn-sembol-panosu td b + span { display: block; color: var(--snn-dumanli); font-size: 14px; }
.snn-sembol-panosu tr:target > td { background: var(--snn-gumus); }
.snn-sembol-panosu tr[hidden] { display: none; }
.snn-sembol-gozesi { display: inline-block; min-width: 58px; padding: 4px 10px; background: var(--snn-gumus); color: var(--snn-kursun); font-family: var(--snn-fk-adet); font-size: 18px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; border-radius: var(--snn-kosesi-mini); transition: background-color var(--snn-zaman) var(--snn-kavisli), color var(--snn-zaman) var(--snn-kavisli); }
a.snn-sembol-gozesi:hover { background: var(--snn-kursun); color: var(--snn-ak); }
a.snn-sembol-gozesi:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snn-kivilcim); }
@media (max-width: 719px) {
  .snn-sembol-panosu thead { display: none; }
  .snn-sembol-panosu tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--snn-kiyi-narin); }
  .snn-sembol-panosu tbody tr:last-child { border-bottom: 0; }
  .snn-sembol-panosu td { padding: 2px 0; border: 0; }
  .snn-sembol-panosu td:first-child { grid-row: span 2; }
}
/* Tam kod tablosu (marka × cihaz) ve markanın tabloları. */
.snn-sembol-panosu--butun td:first-child { width: 1%; white-space: nowrap; }
.snn-sembol-panosu--butun td p { margin: 0 0 6px; max-width: 64ch; }
.snn-sembol-panosu--butun td strong { font-weight: 700; color: var(--snn-kursun); }
.snn-sembol-goruntulu { color: var(--snn-dumanli); }
.snn-sembol-acilan-detayi { margin-top: 8px; }
.snn-sembol-acilan-detayi > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--snn-kursun); border-radius: var(--snn-kosesi-ortasi); font-family: var(--snn-fk-tabla); font-size: 14px; font-weight: 600; color: var(--snn-kursun); cursor: pointer; }
.snn-sembol-acilan-detayi > summary::-webkit-details-marker { display: none; }
.snn-sembol-acilan-detayi > summary::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--snn-mt-alta) center / contain no-repeat; mask: var(--snn-mt-alta) center / contain no-repeat; }
.snn-sembol-acilan-detayi > summary:hover { background: var(--snn-kursun); color: var(--snn-ak); }
.snn-sembol-acilan-detayi[open] { --p-zemin: var(--snn-gumus); --p-kenar: var(--snn-gumus); margin-top: 10px; padding: 12px 16px 8px; }
.snn-sembol-acilan-detayi[open] > summary { min-height: 34px; padding: 0; box-shadow: none; clip-path: none; background: none; color: var(--snn-kursun); }
.snn-sembol-acilan-detayi[open] > summary::after { transform: rotate(180deg); }
.snn-sembol-acilan-detayi h3 { margin: var(--snn-kagit3) 0 0; font-size: 15px; }
.snn-sembol-acilan-detayi .snn-desen-sirasi { min-height: 40px; padding-block: 6px; font-size: 15px; }
.snn-sembol-suzgu-panosu { max-width: 520px; }
.snn-sembol-suzgu-panosu .snn-saha-anlatim { min-height: 1.5em; margin-top: 8px; }
.snn-sembol-panosu--ibre td:first-child a { text-decoration: none; }
.snn-sembol-panosu--ibre td:first-child a:hover b { text-decoration: underline; text-decoration-color: var(--snn-kivilcim); }
.snn-sembol-panosu--ibre .snn-yogun-panoseti { gap: 6px; }
.snn-sembol-panosu--ibre td:last-child, .snn-sembol-panosu--ibre th:last-child { text-align: right; color: var(--snn-dumanli); }
@media (max-width: 719px) {
  .snn-sembol-panosu--ibre tr { grid-template-columns: minmax(0, 1fr) auto; }
  .snn-sembol-panosu--ibre td:first-child { grid-row: auto; }
  .snn-sembol-panosu--ibre td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 6px; }
  .snn-sembol-panosu--butun td:last-child { grid-column: 2; padding-top: 6px; }
}
/* Tip tablosu: veri tablosu (renkler, basın, ekipler, resmi hatlar, işin sırası). */
.snn-tur-cetveli { width: 100%; border-collapse: collapse; font-size: var(--snn-pk-mini); box-shadow: inset 0 0 0 1px var(--snn-kiyi); }
.snn-tur-cetveli th, .snn-tur-cetveli td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--snn-kiyi-narin); overflow-wrap: anywhere; }
.snn-tur-cetveli thead th { background: var(--snn-gumus-ikiz); color: var(--snn-kursun); font-family: var(--snn-fk-tabla); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; vertical-align: bottom; }
.snn-tur-cetveli tbody th { font-family: var(--snn-fk-tabla); font-weight: 600; color: var(--snn-kursun); border-right: 1px solid var(--snn-kiyi-narin); }
.snn-tur-cetveli tbody tr:last-child > * { border-bottom: 0; }
@media (max-width: 719px) {
  .snn-tur-cetveli--sikis thead { display: none; }
  .snn-tur-cetveli--sikis tr { display: grid; gap: 4px; padding: 12px 14px; border-bottom: 1px solid var(--snn-kiyi-narin); }
  .snn-tur-cetveli--sikis tbody tr:last-child { border-bottom: 0; }
  .snn-tur-cetveli--sikis td, .snn-tur-cetveli--sikis tbody th { padding: 0; border: 0; }
}
/* Tanım plakası: alan adı (küçük Epilogue) │ değer; 1 px çizgilerle bölünmüş satırlar. */
.snn-tanimi-panosu { margin: 0; font-size: var(--snn-pk-mini); }
.snn-tanimi-panosu > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--snn-kiyi-narin); }
.snn-tanimi-panosu > div:first-child { padding-top: 0; border-top: 0; }
.snn-tanimi-panosu dt { font-family: var(--snn-fk-tabla); font-size: 13.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--snn-dumanli); }
.snn-tanimi-panosu dd { margin: 0; color: var(--snn-yazi); overflow-wrap: anywhere; }
@media (max-width: 559px) { .snn-tanimi-panosu > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* --- §12 Soru plakası (SSS), katlanan plaka --------------------------------- */
.snn-merak-panosu { box-shadow: inset 0 0 0 1px var(--snn-kiyi); }
.snn-merak-pano-sirasi + .snn-merak-pano-sirasi { border-top: 1px solid var(--snn-kiyi); }
.snn-merak-pano-sirasi summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 18px; list-style: none; font-family: var(--snn-fk-tabla); font-size: 17px; font-weight: 600; color: var(--snn-kursun); cursor: pointer; }
.snn-merak-pano-sirasi summary::-webkit-details-marker { display: none; }
.snn-merak-pano-sirasi summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--snn-kursun); -webkit-mask: var(--snn-mt-alta) center / contain no-repeat; mask: var(--snn-mt-alta) center / contain no-repeat; }
.snn-merak-pano-sirasi summary:hover { background: var(--snn-gumus); }
.snn-merak-pano-sirasi[open] { background: var(--snn-gumus); }
.snn-merak-pano-sirasi[open] summary::after { transform: rotate(180deg); background: var(--snn-kivilcim); }
.snn-merak-pano-sirasi > div { padding: 0 18px 16px; color: var(--snn-yazi); }
.snn-merak-pano-sirasi > div p { margin: 0 0 10px; }
.snn-merak-pano-sirasi > div p:last-child { margin-bottom: 0; }
@media (min-width: 1080px) {
  .snn-merak-panosu--ikinci { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; box-shadow: none; }
  .snn-merak-panosu--ikinci .snn-merak-pano-sirasi { box-shadow: inset 0 0 0 1px var(--snn-kiyi); }
  .snn-merak-panosu--ikinci .snn-merak-pano-sirasi + .snn-merak-pano-sirasi { border-top: 0; }
}
.snn-katli-pano { border-top: 1px solid var(--snn-kiyi-narin); }
.snn-katli-pano > summary { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; list-style: none; cursor: pointer; }
.snn-katli-pano > summary::-webkit-details-marker { display: none; }
.snn-katli-pano > summary h3 { flex: 1; min-width: 0; margin: 0; font-size: 17px; }
.snn-katli-pano > summary small { font-family: var(--snn-fk-adet); font-size: 14px; font-weight: 600; color: var(--snn-dumanli-ikiz); font-variant-numeric: tabular-nums; }
.snn-katli-pano > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--snn-kursun); -webkit-mask: var(--snn-mt-alta) center / contain no-repeat; mask: var(--snn-mt-alta) center / contain no-repeat; }
.snn-katli-pano[open] > summary::after { transform: rotate(180deg); background: var(--snn-kivilcim); }
.snn-katli-pano > summary:hover h3 { text-decoration: underline; text-decoration-color: var(--snn-kivilcim); }
.snn-katli-pano > p { margin: 0 0 8px; color: var(--snn-dumanli); }
.snn-katli-pano > .snn-sira-serit { margin-bottom: var(--snn-kagit3); }
.snn-pano-lavha > .snn-katli-pano:first-of-type { margin-top: var(--snn-kagit3); }

/* --- §13 Form ------------------------------------------------------------- */
.snn-pano-kalibi { display: grid; gap: var(--snn-kagit5); min-width: 0; }
.snn-kalip-gozu { display: grid; gap: 14px; min-width: 0; }
.snn-kalip-gozu + .snn-kalip-gozu { padding-top: var(--snn-kagit5); border-top: 1px solid var(--snn-kiyi-narin); }
.snn-ayirac-isim { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; }
.snn-ayirac-isim::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--snn-kivilcim); border-radius: 50%; }
.snn-ayirac-isim b { font-family: var(--snn-fk-tabla); font-size: 17px; font-weight: 600; color: var(--snn-kursun); }
.snn-ayirac-isim small { color: var(--snn-dumanli); font-size: 14px; }
.snn-sahalar-kenar-bitisik { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 640px) { .snn-sahalar-kenar-bitisik { grid-template-columns: repeat(2, minmax(0, 1fr)); } .snn-sahalar-kenar-bitisik > .snn-pano-sahasi--butun, .snn-sahalar-kenar-bitisik > .snn-teyit-sirasi { grid-column: 1 / -1; } }
.snn-pano-sahasi { display: grid; gap: 6px; min-width: 0; align-content: start; }
.snn-pano-sahasi > label, .snn-saha-unvani { font-family: var(--snn-fk-tabla); font-size: 14px; font-weight: 600; color: var(--snn-kursun); }
.snn-pano-sahasi label small { font-family: var(--snn-fk-omurga); font-weight: 400; color: var(--snn-dumanli); }
.snn-pano-sahasi input, .snn-pano-sahasi select, .snn-pano-sahasi textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 14px; border: 0; background: var(--snn-ak); color: var(--snn-kursun); font: inherit; font-size: 16px; box-shadow: inset 0 0 0 1.5px var(--snn-kiyi-kati); border-radius: var(--snn-kosesi-ortasi); -webkit-appearance: none; appearance: none; transition: box-shadow var(--snn-zaman) var(--snn-kavisli); }
.snn-pano-sahasi textarea { min-height: 116px; padding-block: 14px; resize: vertical; }
.snn-pano-sahasi select { padding-right: 44px; background: var(--snn-ak) 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"); }
.snn-pano-sahasi select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.snn-pano-sahasi input::placeholder, .snn-pano-sahasi textarea::placeholder { color: var(--snn-dumanli-ikiz); }
.snn-pano-sahasi input:hover, .snn-pano-sahasi select:hover, .snn-pano-sahasi textarea:hover { box-shadow: inset 0 0 0 1.5px var(--snn-kursun); }
.snn-pano-sahasi input:focus-visible, .snn-pano-sahasi select:focus-visible, .snn-pano-sahasi textarea:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snn-kivilcim); }
.snn-pano-sahasi input[type="date"], .snn-pano-sahasi input[type="time"] { display: block; -webkit-appearance: auto; appearance: auto; color-scheme: light; }
.snn-pano-sahasi input[type="date"]::-webkit-calendar-picker-indicator, .snn-pano-sahasi input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
.snn-pano-sahasi input[type="file"] { padding: 10px 12px; }
.snn-pano-sahasi input[type="file"]::file-selector-button { margin-right: var(--snn-kagit3); min-height: 34px; padding: 0 14px; border: 0; background: var(--snn-kursun); color: var(--snn-ak); font: inherit; font-family: var(--snn-fk-tabla); font-weight: 600; border-radius: var(--snn-kosesi-mini); cursor: pointer; }
.snn-pano-sahasi--kusurlu input, .snn-pano-sahasi--kusurlu select, .snn-pano-sahasi--kusurlu textarea { background-color: var(--snn-kivilcim-serbest); box-shadow: inset 0 0 0 2px var(--snn-kivilcim); }
.snn-saha-anlatim { margin: 0; color: var(--snn-dumanli); font-size: 13.5px; }
.snn-saha-sapma-sirasi { display: flex; gap: 8px; align-items: center; margin: 0; max-width: none; color: var(--snn-kivilcim); font-size: 14px; font-weight: 600; }
.snn-saha-sapma-sirasi::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--snn-kivilcim); border-radius: 50%; }
.snn-teyit-sirasi { display: flex; gap: 12px; align-items: flex-start; color: var(--snn-yazi); font-size: 15px; cursor: pointer; }
.snn-teyit-sirasi input { flex: none; display: grid; place-content: center; width: 22px; height: 22px; margin: 1px 0 0; border: 0; background: var(--snn-ak); box-shadow: inset 0 0 0 1.5px var(--snn-kiyi-kati); -webkit-appearance: none; appearance: none; cursor: pointer; }
.snn-teyit-sirasi input:checked { background: var(--snn-kivilcim); box-shadow: none; }
.snn-teyit-sirasi input:checked::after { content: ""; width: 16px; height: 16px; background: var(--snn-kivilcim-zirve); -webkit-mask: var(--snn-mt-teyit) center / contain no-repeat; mask: var(--snn-mt-teyit) center / contain no-repeat; }
.snn-teyit-sirasi input:focus-visible { outline: 2px solid var(--snn-kivilcim); outline-offset: 2px; }
.snn-pano-sahasi--kusurlu.snn-teyit-sirasi input { box-shadow: inset 0 0 0 2px var(--snn-kivilcim); }
/* Uygun gün: önümüzdeki günler pahlı küçük plakalar (servisnoktasinet.js). */
.snn-gunu-panolari { display: flex; flex-wrap: wrap; gap: 8px; }
.snn-gunu-panolari button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 14px; border: 0; background: var(--snn-gumus); color: var(--snn-dumanli); font: inherit; font-size: 14px; border-radius: var(--snn-kosesi-mini); cursor: pointer; transition: background-color var(--snn-zaman) var(--snn-kavisli); }
.snn-gunu-panolari button b { font-family: var(--snn-fk-adet); font-size: 16px; font-weight: 700; color: var(--snn-kursun); font-variant-numeric: tabular-nums; }
.snn-gunu-panolari button:hover { background: var(--snn-gumus-ucuncu); }
.snn-gunu-panolari button[aria-pressed="true"] { background: var(--snn-kursun); color: #c3d3e2; }
.snn-gunu-panolari button[aria-pressed="true"] b { color: var(--snn-ak); }
.snn-gunu-panolari button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snn-kivilcim); }
.snn-kalip-yolla-sirasi { display: grid; gap: var(--snn-kagit3); }
.snn-kalip-yolla-sirasi p { margin: 0; color: var(--snn-dumanli); font-size: 14px; }
@media (min-width: 720px) { .snn-kalip-yolla-sirasi .snn-tus-dokunak { justify-self: start; min-width: 300px; } }
.snn-gosterge-harici-saha { 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ı. */
.snn-kalip-pano-cifti { display: grid; gap: var(--snn-kagit6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.snn-kalip-pano-cifti > * { min-width: 0; }
@media (min-width: 1080px) { .snn-kalip-pano-cifti { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--snn-kagit7); } }
.snn-kalip-anlatimi h2 { margin: 0 0 var(--snn-kagit3); font-size: var(--snn-pk-tekli); }
.snn-kalip-anlatimi .snn-pano-kapisi { margin-top: 0; }
.snn-kalip-altnot { color: var(--snn-dumanli); font-size: 14px; }
.snn-kalip-panosu { --p-kenar: var(--snn-kiyi-kati); padding: var(--snn-kagit6) var(--snn-kagit5); }
@media (max-width: 719px) { .snn-kalip-panosu { padding: var(--snn-kagit5) var(--snn-kagit4); } }

/* --- §14 Plaka notu, uyarı ------------------------------------------------ */
.snn-pano-serh { --p-zemin: var(--snn-gumus); --p-kenar: var(--snn-gumus); margin: 0 0 var(--snn-kagit4); padding: 14px 18px 14px 21px; max-width: none; color: var(--snn-yazi); font-size: var(--snn-pk-mini); }
.snn-pano-serh::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--snn-kursun); }
.snn-pano-serh b { display: block; margin-bottom: 2px; font-family: var(--snn-fk-tabla); font-weight: 600; color: var(--snn-kursun); }
.snn-pano-serh p { margin: 0; }
.snn-pano-serh:last-child { margin-bottom: 0; }
.snn-pano-serh--uyari { --p-zemin: var(--snn-kivilcim-serbest); --p-kenar: var(--snn-kivilcim-serbest); }
.snn-pano-serh--uyari::after { background: var(--snn-kivilcim); }
.snn-pano-serh--uyari b { color: var(--snn-kivilcim); }
.snn-pano-serh--bitti::after { background: var(--snn-fistik); }
.snn-pano-serh--bitti b { color: var(--snn-fistik); }

/* --- §15 Açılış plakası, izometrik çizim, parça tablosu ---------------------- */
.snn-yaprak-panosu { padding-top: var(--snn-kagit6); }
.snn-yaprak-panosu-icte { display: grid; gap: var(--snn-kagit6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.snn-yaprak-panosu-icte > * { min-width: 0; }
.snn-yaprak-panosu-icte h1 { margin: 0; overflow-wrap: anywhere; }
@media (min-width: 1080px) { .snn-yaprak-panosu-icte { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--snn-kagit8); } }
.snn-yaprak-panosu-resim { display: grid; gap: var(--snn-kagit3); align-content: center; }
.snn-yaprak-panosu-resim:empty { display: none; }
@media (min-width: 1080px) { .snn-yaprak-panosu-icte:has(> .snn-yaprak-panosu-resim:empty) { grid-template-columns: minmax(0, 1fr); } }
.snn-yaprak-panosu-omurga > h1 { margin: 0; overflow-wrap: anywhere; }
.snn-yaprak-panosu .snn-ayrac-seridi { margin-top: var(--snn-kagit6); }
.snn-yaprak-panosu .snn-tus-komutlari { margin-top: var(--snn-kagit5); }
/* Çizim plakası: sağ üstü 28 px pahlı beyaz plaka, pahta 20 px köşe imi. */
.snn-resmi-kasasi { --p-pah: 28px; --p-imi: 20px; display: block; padding: 14px; }
.snn-resmi-kasasi img { width: 100%; height: auto; }
.snn-resmi-kasasi picture { display: block; }
.snn-yaprak-panosu-resim > .snn-resmi-kasasi { width: 100%; max-width: 440px; justify-self: center; }
@media (max-width: 1079px) { .snn-yaprak-panosu-resim > .snn-resmi-kasasi { max-width: 320px; justify-self: start; } }
/* Ana sayfa açılışı. */
.snn-baslangic-dilim { padding-top: var(--snn-kagit6); }
@media (min-width: 1080px) { .snn-baslangic-dilim { padding-top: var(--snn-kagit8); } }
.snn-baslangic-panosu { display: grid; gap: var(--snn-kagit6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.snn-baslangic-panosu > * { min-width: 0; }
@media (min-width: 1080px) { .snn-baslangic-panosu { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--snn-kagit8); } }
.snn-baslangic-yazisi .snn-tus-komutlari { margin-top: var(--snn-kagit5); }
/* İlke plakası: tip etiketi gibi üç alan. */
.snn-prensip-panosu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--snn-kagit5) 0 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--snn-kiyi); }
.snn-prensip-panosu li { padding: 12px 14px; color: var(--snn-kursun); font-size: 14.5px; font-weight: 600; line-height: 1.35; }
.snn-prensip-panosu li + li { border-left: 1px solid var(--snn-kiyi); }
.snn-prensip-panosu small { display: block; margin-bottom: 4px; font-family: var(--snn-fk-tabla); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--snn-kivilcim); }
@media (max-width: 419px) { .snn-prensip-panosu li { padding: 10px; font-size: 13.5px; } }
.snn-birinci-pano { --p-pah: 28px; --p-imi: 20px; margin: 0; padding: 18px; }
.snn-birinci-pano figcaption { margin-top: 12px; }
.snn-tus-benekli { position: relative; }
.snn-tus-benekli picture { display: block; }
.snn-tus-benekli img { display: block; width: 100%; height: auto; }
.snn-nr-tabakasi { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.snn-tus-nr { transition: opacity var(--snn-zaman) var(--snn-kavisli); }
.snn-nr-zemince { fill: var(--snn-kursun); }
.snn-nr-bayragi { fill: var(--snn-kivilcim); }
.snn-tus-nr text { fill: #ffffff; font-family: var(--snn-fk-tabla); font-size: 3.3px; font-weight: 700; text-anchor: middle; dominant-baseline: middle; }
.snn-tus-nr--secildi .snn-nr-zemince { fill: var(--snn-kivilcim); }
.snn-tus-nr--secildi .snn-nr-bayragi { fill: var(--snn-kursun); }
.snn-nr-tabakasi:has(.snn-tus-nr--secildi) .snn-tus-nr:not(.snn-tus-nr--secildi) { opacity: 0.3; }
.snn-pano-aygit--benekli .snn-tus-nr { opacity: 0; }
.snn-pano-aygit--benekli:hover .snn-tus-nr, .snn-pano-aygit--benekli:focus-within .snn-tus-nr { opacity: 1; }
@media (hover: none) { .snn-pano-aygit--benekli .snn-tus-nr { opacity: 1; } }
.snn-yedek-cetveli-ucu { display: block; margin-bottom: 8px; font-family: var(--snn-fk-tabla); font-size: 13px; font-weight: 600; color: var(--snn-dumanli); }
.snn-yedek-cetveli { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--snn-kiyi); font-size: 14px; }
@media (min-width: 420px) { .snn-yedek-cetveli { grid-template-columns: repeat(2, minmax(0, 1fr)); } .snn-yedek-cetveli li:nth-child(odd) { border-right: 1px solid var(--snn-kiyi-narin); } }
.snn-yedek-cetveli li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border-bottom: 1px solid var(--snn-kiyi-narin); color: var(--snn-yazi); }
.snn-yedek-cetveli b { flex: none; display: inline-grid; place-items: center; width: 26px; height: 20px; background: var(--snn-kursun); color: var(--snn-ak); font-family: var(--snn-fk-tabla); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; border-radius: var(--snn-kosesi-mini); }

/* --- §16 Mobil alt plaka (<1080 px) --------------------------------------- */
.snn-dip-pano { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: 10px var(--snn-sinir) calc(10px + env(safe-area-inset-bottom)); background: var(--snn-ak); border-top: 1px solid var(--snn-kiyi); transition: transform var(--snn-zaman) var(--snn-kavisli); }
.snn-dip-pano::before { content: ""; position: absolute; left: 0; top: -2px; width: 72px; height: 3px; background: var(--snn-kursun); }
.snn-dip-pano > .snn-tus-dokunak { flex: 1; min-width: 0; }
.snn-dip-pano > .snn-dip-pano-fon { flex: 0 0 auto; padding-inline: 18px; }
.snn-dip-pano--sakli { transform: translateY(calc(100% + 8px)); }
body.snn-dip-panoli { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { .snn-dip-pano { display: none; } body.snn-dip-panoli { padding-bottom: 0; } }

/* --- §17 Çelik altbilgi, tip etiketi, dip satır, son plaka ----------------- */
.snn-gumus-taban { position: relative; margin-top: var(--snn-kisim); padding: var(--snn-kagit7) 0 0; background: var(--snn-gumus); border-top: 1px solid var(--snn-kiyi); }
.snn-gumus-taban::before { content: ""; position: absolute; left: 0; top: -2px; width: 120px; height: 3px; background: var(--snn-kursun); }
.snn-sonuncu-pano-dilim + .snn-gumus-taban { margin-top: var(--snn-kisim); }
.snn-gumus-taban-agi { display: grid; gap: var(--snn-kagit6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .snn-gumus-taban-agi { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .snn-gumus-taban-agi { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); } }
.snn-taban-kimligi > a img { height: 28px; width: auto; margin-bottom: var(--snn-kagit4); }
.snn-taban-kimligi > p { max-width: 42ch; color: var(--snn-yazi); font-size: var(--snn-pk-mini); }
.snn-taban-irtibat { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 15px; }
.snn-taban-irtibat a { color: var(--snn-kursun); text-decoration-color: var(--snn-kiyi-kati); }
.snn-taban-irtibat .snn-rakamsal-hane { font-family: var(--snn-fk-tabla); font-size: 19px; font-weight: 600; text-decoration: none; }
.snn-taban-rehber { min-width: 0; }
.snn-taban-rehber > nav + nav { margin-top: var(--snn-kagit5); }
.snn-taban-rehber h2 { margin: 0 0 8px; font-size: 15px; letter-spacing: 0; }
.snn-taban-rehber ul { margin: 0; padding: 0; list-style: none; }
.snn-taban-rehber a, .snn-taban-rehber button { display: inline-flex; align-items: center; min-height: 32px; padding: 2px 0; border: 0; background: none; color: var(--snn-yazi); font: inherit; font-size: 15px; text-align: left; text-decoration: none; cursor: pointer; }
.snn-taban-rehber a:hover, .snn-taban-rehber button:hover { color: var(--snn-kivilcim); }
.snn-taban-mini { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--snn-kagit6); padding-top: var(--snn-kagit4); border-top: 1px solid var(--snn-kiyi); }
.snn-taban-mini > a { margin-right: 4px; font-family: var(--snn-fk-tabla); font-weight: 600; color: var(--snn-kursun); text-decoration: none; }
.snn-taban-mini ul { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font-size: 14.5px; }
.snn-taban-mini ul a { color: var(--snn-dumanli); text-decoration: none; }
.snn-taban-mini ul a:hover { color: var(--snn-kursun); }
/* Tip etiketi: kurum bilgisi plakası (cihaz arkasındaki üretici etiketi gibi). */
.snn-tur-rozeti { --p-kenar: var(--snn-kiyi-kati); display: flex; flex-wrap: wrap; margin: var(--snn-kagit6) 0 0; padding: 1px; font-size: 13.5px; }
.snn-tur-rozeti > div { flex: 1 1 200px; min-width: 0; padding: 12px 16px; box-shadow: -1px 0 0 var(--snn-kiyi-narin), 0 -1px 0 var(--snn-kiyi-narin); }
.snn-tur-rozeti dt { margin-bottom: 4px; font-family: var(--snn-fk-tabla); font-size: 11.5px; font-weight: 600; letter-spacing: 0.05em; color: var(--snn-dumanli); }
.snn-tur-rozeti dd { margin: 0; color: var(--snn-yazi); overflow-wrap: anywhere; }
.snn-tur-rozeti-bildiri { flex-basis: 100% !important; }
.snn-taban-bildiri { color: var(--snn-dumanli); }
.snn-gumus-altlik { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: var(--snn-kagit4) 0 var(--snn-kagit5); font-size: 13.5px; color: var(--snn-dumanli); }
.snn-gumus-altlik p { margin: 0; }
.snn-gumus-altlik a { color: var(--snn-dumanli); }
.snn-gumus-altlik nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.snn-sayici-sirasi b { font-family: var(--snn-fk-adet); font-weight: 700; color: var(--snn-kursun); font-variant-numeric: tabular-nums; }
/* Son plaka: sayfanın TEK koyu yüzeyi — mürekkep, 28 px pah, pahta açık mavi köşe imi. */
.snn-sonuncu-pano { --p-zemin: var(--snn-kursun); --p-kenar: var(--snn-kursun); --p-pah: 28px; --p-imi: 20px; --p-imi-renk: var(--snn-kivilcim-aydinlik); display: grid; gap: var(--snn-kagit5); align-items: center; padding: 30px 24px; color: #c3d3e2; }
@media (min-width: 900px) { .snn-sonuncu-pano { grid-template-columns: minmax(0, 1fr) auto; padding: 36px 48px; } }
.snn-sonuncu-pano h2 { margin: 0 0 8px; color: var(--snn-ak); }
.snn-sonuncu-pano p { margin: 0; color: #c3d3e2; }
.snn-sonuncu-pano .snn-kantarli-rozet { margin-bottom: 10px; color: #c3d3e2; }
.snn-sonuncu-pano .snn-kantarli-rozet::before { background: var(--snn-kivilcim-aydinlik); }
.snn-sonuncu-pano .snn-tus-dokunak--mavi:focus-visible, .snn-sonuncu-pano .snn-tus-dokunak--kara:focus-visible { box-shadow: inset 0 0 0 3px var(--snn-ak), inset 0 0 0 5px var(--snn-kursun); }
/* Ara plaka (sayfa ortası tek satır çağrı): çelik, köşe imli. */
.snn-bul-pano { --p-zemin: var(--snn-gumus); --p-kenar: var(--snn-gumus); display: grid; gap: var(--snn-kagit4); align-items: center; padding: 22px; }
@media (min-width: 900px) { .snn-bul-pano { grid-template-columns: minmax(0, 1fr) auto; padding: 26px 32px; } }
.snn-bul-pano p { margin: 0; color: var(--snn-dumanli); }
.snn-bul-pano b { display: block; font-family: var(--snn-fk-tabla); font-size: var(--snn-pk-ucuncu); color: var(--snn-kursun); }
/* Çerez plakası: alt plakanın üstünde yüzen beyaz plaka. */
.snn-bisku-panosu { --p-kenar: var(--snn-kiyi-kati); position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 90; max-width: 760px; margin-inline: auto; padding: 14px var(--snn-kagit4); }
.snn-bisku-panosu p { margin: 0 0 10px; max-width: none; color: var(--snn-yazi); font-size: 14px; line-height: 1.5; }
.snn-bisku-panosu .snn-tus-komutlari { gap: 8px; }
.snn-bisku-panosu .snn-tus-komutlari > .snn-tus-dokunak { flex: 1 1 auto; padding: 0 14px; justify-content: center; }
/* Mobil alt plakanın (.snn-dip-pano, 71 px) üstünde dur; altına inip çizgisini örtmesin. */
@media (max-width: 1079px) { .snn-bisku-panosu { bottom: calc(80px + env(safe-area-inset-bottom)); } }
/* Masaüstünde plaka sağ alt köşeye oturur; sayfanın ortasındaki içeriği örtmez. */
@media (min-width: 1080px) { .snn-bisku-panosu { left: auto; right: 32px; bottom: 28px; width: 420px; max-width: 420px; margin-inline: 0; } }
/* Telefonda çerez şeridi ekranın yaklaşık altıda biri: kısa yazı, iki düğme yan yana. */
@media (max-width: 719px) {
  .snn-bisku-panosu { padding: 10px 12px; }
  .snn-bisku-panosu p { margin: 0 0 8px; font-size: 13px; line-height: 1.4; }
  .snn-bisku-panosu .snn-tus-komutlari { flex-wrap: nowrap; gap: 6px; }
  .snn-bisku-panosu .snn-tus-komutlari > .snn-tus-dokunak { min-height: 44px; padding: 0 8px; font-size: 14px; }
}

/* --- §18 Sayfa ekleri: ölçü satırı, hat plakası, açılış maddeleri, logo ---- */
.snn-olcek-sirasi { --p-zemin: var(--snn-gumus); --p-kenar: var(--snn-gumus); display: flex; flex-wrap: wrap; margin: 0; padding: 1px; }
.snn-olcek-sirasi > div { flex: 1 1 120px; display: flex; flex-direction: column-reverse; gap: 6px; padding: 18px 20px; }
.snn-olcek-sirasi > div + div { box-shadow: -1px 0 0 var(--snn-kiyi); }
.snn-olcek-sirasi dd { margin: 0; font-size: var(--snn-pk-devasa); }
.snn-olcek-sirasi dt { font-family: var(--snn-fk-tabla); font-size: var(--snn-pk-rozet); font-weight: 600; color: var(--snn-dumanli); }
.snn-cizgi-panosu { --p-zemin: var(--snn-gumus); --p-kenar: var(--snn-gumus); display: grid; gap: 6px; padding: 22px; }
.snn-cizgi-panosu .snn-kantarli-rozet { margin: 0; }
.snn-cizgi-panosu .snn-olcek-haneli { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); text-decoration: none; overflow-wrap: anywhere; }
.snn-cizgi-panosu .snn-olcek-haneli:hover { color: var(--snn-kivilcim); }
.snn-cizgi-panosu p { margin: 0; color: var(--snn-dumanli); font-size: 14px; }
.snn-baslangic-kalemleri .snn-desen-sirasi { min-height: 40px; padding-block: 6px; font-size: 15px; color: var(--snn-yazi); }
.snn-baslangic-kalemleri .snn-desen-sirasi::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--snn-kivilcim); border-radius: 50%; }
.snn-damga-panosu { display: grid; place-items: center; min-height: 140px; margin-bottom: var(--snn-kagit4); padding: var(--snn-kagit5); }
.snn-damga-panosu--kara { --p-zemin: var(--snn-kursun); --p-kenar: var(--snn-kursun); }
.snn-damga-panosu img { max-height: 56px; width: auto; }
/* İletişim: tıkla-yükle harita plakası (iletisim-harita.js --acik ekler). */
.snn-yer-panosu { --p-zemin: var(--snn-gumus); --p-kenar: var(--snn-gumus); display: grid; place-items: center; aspect-ratio: 4 / 3; padding: var(--snn-kagit5); text-align: center; overflow: hidden; }
.snn-yer-panosu .snn-tus-komutlari { justify-content: center; }
.snn-yer-panosu iframe { width: 100%; height: 100%; border: 0; }
.snn-yer-panosu--serbest { padding: 0; }
.snn-yer-panosu--serbest > div { display: none; }
@media (min-width: 720px) { .snn-yer-panosu { aspect-ratio: 16 / 9; } }
.snn-yer-panosu-konumu { color: var(--snn-yazi); }
/* Yorum plakası (yalnız onaylı kayıttan). */
.snn-gorus-panosu { margin: 0; }
.snn-gorus-panosu blockquote { margin: 0 0 var(--snn-kagit3); }
.snn-gorus-panosu figcaption { color: var(--snn-dumanli); font-size: 14px; }
/* Mahalle adları: düz metin dizisi, "·" ayraçlı. */
.snn-ismi-serit { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; color: var(--snn-yazi); font-size: var(--snn-pk-mini); line-height: 1.9; }
.snn-ismi-serit li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--snn-dumanli-ikiz); }

/* --- §19 Satır dökümü, harf bölmeleri, sekme çubuğu -------------------------- */
.snn-sira-serit { margin: 0; padding: 0; list-style: none; }
.snn-desen-sirasi { display: flex; align-items: center; gap: var(--snn-kagit3); min-height: 50px; padding: 10px 2px; border-top: 1px solid var(--snn-kiyi-narin); }
.snn-desen-sirasi:first-child { border-top: 0; }
.snn-desen-sirasi > a { flex: 1; min-width: 0; color: var(--snn-kursun); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.snn-desen-sirasi > a:hover { text-decoration: underline; text-decoration-color: var(--snn-kivilcim); }
.snn-desen-sirasi small { flex: 0 1 auto; min-width: 0; color: var(--snn-dumanli); font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; }
.snn-desen-sirasi:has(> a)::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--snn-dumanli-ikiz); -webkit-mask: var(--snn-mt-uc) center / contain no-repeat; mask: var(--snn-mt-uc) center / contain no-repeat; }
.snn-desen-sirasi:has(> a:hover)::after { background: var(--snn-kivilcim); }
.snn-desen-sirasi > span { flex: 1; min-width: 0; }
.snn-sira-serit:not(.snn-sira-serit--kolonlu, .snn-baslangic-kalemleri) > .snn-desen-sirasi > span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 10px 2px 0; background: var(--snn-kursun); border-radius: 50%; }
.snn-sira-anlatimi { display: inline-block; width: 100%; margin-top: 2px; color: var(--snn-dumanli); font-size: 14px; font-weight: 400; }
.snn-sira-serit--kolonlu { columns: 1; column-gap: var(--snn-kagit6); }
.snn-sira-serit--kolonlu .snn-desen-sirasi { break-inside: avoid; min-height: 48px; border-top: 0; border-bottom: 1px solid var(--snn-kiyi-narin); }
.snn-sira-serit--dortu { columns: 2; column-gap: var(--snn-kagit4); }
@media (max-width: 559px) { .snn-sira-serit--dortu small { display: none; } }
@media (min-width: 560px) { .snn-sira-serit--kolonlu { columns: 2; } }
@media (min-width: 1080px) {
  .snn-sira-serit--kolonlu { columns: 3; }
  .snn-sira-serit--dortu { columns: 4; }
  .snn-cift-soldan .snn-sira-serit--kolonlu, .snn-panoseti > .snn-pano-lavha .snn-sira-serit--kolonlu { columns: 2; }
}
/* Harf bölmeleri (A–Z dizinleri) + ad süzgeci. */
.snn-ismi-eleksi { max-width: 360px; margin-bottom: var(--snn-kagit4); }
.snn-huruf-kisimlari { columns: 1; column-gap: var(--snn-kagit6); }
@media (min-width: 560px) { .snn-huruf-kisimlari { columns: 2; } }
@media (min-width: 1080px) { .snn-huruf-kisimlari { columns: 4; } }
.snn-huruf-gozu { break-inside: avoid; margin-bottom: var(--snn-kagit4); }
.snn-huruf-gozu .snn-kantarli-rozet { margin: 0; color: var(--snn-kursun); font-size: 15px; }
.snn-huruf-gozu .snn-desen-sirasi { min-height: 44px; padding-block: 6px; }
.snn-huruf-gozu .snn-desen-sirasi small { font-size: 13px; text-align: right; }
/* Sekme çubuğu: çelik-2 ray üstünde sekmeler; etkin sekme beyaz + mavi alt çizgi. */
.snn-ayrac-seridi { display: flex; gap: 2px; width: max-content; max-width: 100%; margin: var(--snn-kagit4) 0; padding: 4px; overflow-x: auto; scrollbar-width: none; background: var(--snn-gumus-ikiz); border-radius: var(--snn-kosesi-ortasi); }
.snn-ayrac-seridi::-webkit-scrollbar { display: none; }
.snn-ayrac-seridi a, .snn-ayrac-seridi button { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px; border: 0; background: transparent; color: var(--snn-dumanli); font: inherit; font-family: var(--snn-fk-tabla); font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color var(--snn-zaman) var(--snn-kavisli), color var(--snn-zaman) var(--snn-kavisli); }
.snn-ayrac-seridi a:hover, .snn-ayrac-seridi button:hover { color: var(--snn-kursun); background: var(--snn-gumus-ucuncu); }
.snn-ayrac-seridi [aria-selected="true"], .snn-ayrac-seridi [aria-current="true"] { background: var(--snn-ak); color: var(--snn-kursun); font-weight: 600; box-shadow: inset 0 -2px 0 var(--snn-kivilcim); }
.snn-ayrac-seridi a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snn-kivilcim); }
.snn-ayrac-seridi sup { font-family: var(--snn-fk-adet); font-size: 12px; color: var(--snn-dumanli-ikiz); font-variant-numeric: tabular-nums; vertical-align: baseline; }
.snn-ayrac-seridi[data-az-harfler] { margin-top: 0; }
.snn-ayrac-seridi[data-az-harfler] a { min-width: 44px; justify-content: center; padding: 0 12px; font-weight: 600; }
.snn-ayrac-panosu[hidden] { display: none; }
.snn-ayrac-panosu: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(.snn-isleyis) .snn-ariyici-dilim { display: none; }
.snn-bulgu-panosu { display: grid; gap: var(--snn-kagit5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.snn-bulgu-panosu > * { min-width: 0; }
@media (min-width: 900px) { .snn-bulgu-panosu { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.snn-bulgu-panosu > .snn-resmi-kasasi { max-width: 420px; justify-self: center; width: 100%; }
.snn-bulgu-merak-sirasi { margin: 0 0 var(--snn-kagit3); font-family: var(--snn-fk-tabla); font-size: var(--snn-pk-ucuncu); font-weight: 600; color: var(--snn-kursun); }
.snn-bulgu-dokunak-siralama { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.snn-bulgu-dokunak-siralama button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 14px; border: 0; background: var(--snn-gumus); color: var(--snn-yazi); font: inherit; font-size: 15px; text-align: left; border-radius: var(--snn-kosesi-ortasi); cursor: pointer; transition: background-color var(--snn-zaman) var(--snn-kavisli), box-shadow var(--snn-zaman) var(--snn-kavisli); }
.snn-bulgu-dokunak-siralama button span { flex: none; display: inline-grid; place-items: center; width: 28px; height: 22px; background: var(--snn-kursun); color: var(--snn-ak); font-family: var(--snn-fk-adet); font-size: 12px; font-weight: 700; border-radius: var(--snn-kosesi-mini); }
.snn-bulgu-dokunak-siralama button:hover { background: var(--snn-gumus-ucuncu); color: var(--snn-kursun); }
.snn-bulgu-dokunak-siralama button[aria-pressed="true"] { background: var(--snn-ak); color: var(--snn-kursun); box-shadow: inset 0 0 0 2px var(--snn-kivilcim); }
.snn-bulgu-dokunak-siralama button[aria-pressed="true"] span { background: var(--snn-kivilcim); }
.snn-bulgu-dokunak-siralama button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snn-kursun); }
.snn-bulgu-hali { min-height: 3em; margin: var(--snn-kagit4) 0; color: var(--snn-dumanli); font-size: 14px; }
.snn-bulgu-hali b { color: var(--snn-kursun); }
/* Neden Servis Noktası: dört plaka + katlanır fark dökümü. */
.snn-sebep-panolari h3 { margin: var(--snn-kagit3) 0 6px; }
.snn-sebep-panolari p { margin: 0; color: var(--snn-dumanli); font-size: var(--snn-pk-mini); }
.snn-tus-piktogram { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--snn-gumus); color: var(--snn-kursun); border-radius: var(--snn-kosesi-mini); }
.snn-ayrim-serit { padding: 18px 22px; }
.snn-ayrim-serit summary { display: flex; justify-content: space-between; gap: 12px; list-style: none; font-family: var(--snn-fk-tabla); font-weight: 600; color: var(--snn-kursun); cursor: pointer; }
.snn-ayrim-serit summary::-webkit-details-marker { display: none; }
.snn-ayrim-serit summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--snn-kursun); -webkit-mask: var(--snn-mt-alta) center / contain no-repeat; mask: var(--snn-mt-alta) center / contain no-repeat; }
.snn-ayrim-serit[open] summary::after { transform: rotate(180deg); background: var(--snn-kivilcim); }
.snn-ayrim-serit dl { display: grid; margin: var(--snn-kagit4) 0 0; }
.snn-ayrim-serit dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--snn-kiyi-narin); }
@media (min-width: 720px) { .snn-ayrim-serit dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.snn-ayrim-serit dt { color: var(--snn-dumanli); text-decoration: line-through; text-decoration-color: var(--snn-kiyi-kati); }
.snn-ayrim-serit dd { margin: 0; color: var(--snn-yazi); }
/* İl ve ilçeler (ana sayfa, çelik kesit): başlık + ölçü değerleri, harita, dizin. */
.snn-vilayet-panosu-ucu { display: grid; gap: var(--snn-kagit5); margin-bottom: var(--snn-kagit5); }
@media (min-width: 900px) { .snn-vilayet-panosu-ucu { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.snn-vilayet-panosu-ucu h2 { margin: 0 0 8px; }
.snn-vilayet-panosu-ucu p { margin: 0; color: var(--snn-dumanli); }
.snn-vilayet-boyutlari { display: flex; margin: 0; box-shadow: inset 0 0 0 1px var(--snn-kiyi-kati); background: var(--snn-ak); }
.snn-vilayet-boyutlari div { display: flex; flex-direction: column; padding: 12px 18px; }
.snn-vilayet-boyutlari div + div { border-left: 1px solid var(--snn-kiyi); }
.snn-vilayet-boyutlari dd { margin: 0; font-family: var(--snn-fk-adet); font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1; color: var(--snn-kursun); font-variant-numeric: tabular-nums; }
.snn-vilayet-boyutlari dt { margin-top: 6px; font-family: var(--snn-fk-tabla); font-size: 12.5px; font-weight: 600; color: var(--snn-dumanli); }
.snn-vilayet-serit { margin-top: var(--snn-kagit4); }
.snn-vilayet-serit summary { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--snn-fk-tabla); font-weight: 600; color: var(--snn-kursun); cursor: pointer; }
/* Resmi hat kesitinden sonra gelen iki yan (küçük alet, marka × cihaz) nefes alsın. */
#resmi-hat + .snn-pano-kabuk { margin-top: var(--snn-kisim); }
.snn-cift-soldan > .snn-pano-lavha > .snn-lavha-ucu + .snn-saha-anlatim { margin-top: calc(var(--snn-kagit3) * -1); }
.snn-cift-soldan > .snn-pano-lavha > p { max-width: 68ch; }
.snn-cift-soldan > .snn-pano-lavha > .snn-panoseti--aygit { margin-top: var(--snn-kagit2); }
.snn-pano-lavha .snn-yogun-sorulan-sirasi .snn-yogun-panoseti { 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 {
  .snn-zirve-pano, .snn-dip-pano, .snn-pano-gozlu, .snn-pano-gozlu-kapagi, .snn-bisku-panosu, .snn-sonuncu-pano-dilim, .snn-bul-pano, .snn-ayrac-seridi { display: none !important; }
  .snn-ayrac-panosu[hidden] { display: block !important; }
  .snn-sembol-acilan-detayi { display: block; }
  .snn-katli-pano > 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; mavi 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 --------------- */
.snn-vilayet-cizgesi { margin: var(--snn-kagit4) 0 var(--snn-kagit6); border-top: 1px solid var(--snn-kiyi); border-bottom: 1px solid var(--snn-kiyi-narin); }
.snn-vilayet-cizgesi[hidden] { display: none; }
.snn-vilayet-cizgesi-ucu { display: flex; flex-wrap: wrap; align-items: end; gap: var(--snn-kagit3) var(--snn-kagit4); padding: var(--snn-kagit3) 0; border-bottom: 1px solid var(--snn-kiyi-narin); }
.snn-vilayet-cizgesi-geriye { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; background: var(--snn-ak); color: var(--snn-kursun); box-shadow: inset 0 0 0 1.5px var(--snn-kursun); border-radius: var(--snn-kosesi-ortasi); font: 600 15px/1 var(--snn-fk-tabla); cursor: pointer; transition: background-color var(--snn-zaman) var(--snn-kavisli), color var(--snn-zaman) var(--snn-kavisli); }
.snn-vilayet-cizgesi-geriye[hidden] { display: none; }
.snn-vilayet-cizgesi-geriye svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; stroke-linejoin: miter; }
.snn-vilayet-cizgesi-geriye:hover { background: var(--snn-kursun); color: var(--snn-ak); }
.snn-vilayet-cizgesi-geriye:focus-visible, .snn-vilayet-cizgesi-vilayet-kutucugu:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snn-kivilcim); }
.snn-vilayet-cizgesi-vilayet { display: grid; gap: 6px; flex: 1 1 220px; min-width: 0; max-width: 320px; }
.snn-vilayet-cizgesi-vilayet label { font-family: var(--snn-fk-tabla); font-size: var(--snn-pk-rozet); font-weight: 600; color: var(--snn-kursun); }
.snn-vilayet-cizgesi-vilayet-kutucugu { width: 100%; min-height: 44px; padding: 0 44px 0 12px; border: 0; box-shadow: inset 0 0 0 1.5px var(--snn-kiyi-kati); border-radius: var(--snn-kosesi-ortasi); color: var(--snn-yazi); font: inherit; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--snn-ak) 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"); }
.snn-vilayet-cizgesi-kosul { flex: 1 1 100%; margin: 0; color: var(--snn-dumanli); font-size: var(--snn-pk-mini); font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .snn-vilayet-cizgesi-kosul { flex: 1 1 0; padding-bottom: 12px; text-align: right; } }

/* --- §41 Tuval ve ilçe yanı: ince sınırlı iller, mavi yalnız etkin alan --- */
.snn-vilayet-cizgesi-icte { display: grid; gap: var(--snn-kagit4); padding-top: var(--snn-kagit4); }
.snn-vilayet-cizgesi-kanvas { min-width: 0; transition: opacity var(--snn-zaman) var(--snn-kavisli); }
.snn-vilayet-cizgesi-kanvas svg { display: block; width: 100%; height: auto; }
.snn-vilayet-cizgesi-mahal { fill: var(--snn-gumus-ikiz); stroke: var(--snn-ak); stroke-width: 0.9; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--snn-zaman) var(--snn-kavisli); }
.snn-pano-dilim--gumus .snn-vilayet-cizgesi-mahal { fill: var(--snn-ak); stroke: var(--snn-kiyi); }
.snn-vilayet-cizgesi-mahal:hover, .snn-vilayet-cizgesi-mahal:focus, .snn-vilayet-cizgesi-mahal.snn-vilayet-cizgesi-mahal--kivilcim { fill: var(--snn-kivilcim); outline: none; }
.snn-vilayet-cizgesi--bekle .snn-vilayet-cizgesi-kanvas { opacity: 0.4; cursor: progress; }
.snn-vilayet-cizgesi-kenar { min-width: 0; border-top: 1px solid var(--snn-kiyi); }
.snn-vilayet-cizgesi-kenar[hidden] { display: none; }
.snn-vilayet-cizgesi-kenar-ucu { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--snn-kiyi-narin); font-family: var(--snn-fk-tabla); font-size: 1.125rem; font-weight: 600; }
.snn-vilayet-cizgesi-kenar-ucu a { color: var(--snn-kursun); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.snn-vilayet-cizgesi-kenar-ucu a:hover { text-decoration-color: var(--snn-kivilcim); }
.snn-vilayet-cizgesi-ilceleri { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--snn-kanal); }
.snn-vilayet-cizgesi-ilceleri li { break-inside: avoid; }
.snn-vilayet-cizgesi-ilceleri a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--snn-kiyi-narin); color: var(--snn-yazi); text-decoration: none; }
.snn-vilayet-cizgesi-ilceleri a:hover, .snn-vilayet-cizgesi-ilceleri a:focus-visible { outline: none; color: var(--snn-kivilcim); border-bottom-color: var(--snn-kivilcim); }
@media (min-width: 1080px) {
  .snn-vilayet-cizgesi--vilayet-serbest .snn-vilayet-cizgesi-icte { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .snn-vilayet-cizgesi--vilayet-serbest.snn-vilayet-cizgesi--sikis .snn-vilayet-cizgesi-icte { grid-template-columns: minmax(0, 1fr) 240px; }
  .snn-vilayet-cizgesi-ilceleri { columns: 1; max-height: 480px; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .snn-vilayet-cizgesi-mahal, .snn-vilayet-cizgesi-kanvas, .snn-vilayet-cizgesi-geriye { transition: none; } }
@media print { .snn-vilayet-cizgesi { display: none !important; } }

/* ===== Ana sayfa iskeleti (snn-ana-): yalnız body.snn-ana içinde; iç sayfalara uzanmaz ===== */
.snn-ana-kabuk { width: min(100%, 1200px); margin-inline: auto; padding-inline: var(--snn-sinir, 20px); box-sizing: border-box; }
.snn-ana-bolum { padding: var(--snn-kagit7) 0; }
.snn-ana-baslik { margin: 0 0 var(--snn-kagit6); text-align: center; font: 700 clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem)/1.15 var(--snn-fk-tabla); color: var(--snn-kursun); }
.snn-ana-tum { display: flex; justify-content: center; margin: var(--snn-kagit5) 0 0; text-align: center; }
.snn-ana-tum a { color: var(--snn-kivilcim); font-weight: 600; text-decoration: none; }
.snn-ana-tum a:hover { text-decoration: underline; }

/* açılış */
.snn-ana-kahraman { background: var(--snn-gumus); padding: var(--snn-kagit6) 0 var(--snn-kagit7); overflow: hidden; }
.snn-ana-kahraman-izgara { display: grid; gap: var(--snn-kagit6); align-items: center; text-align: center; }
.snn-ana-kahraman-metin { display: grid; gap: var(--snn-kagit4); justify-items: center; }
.snn-ana-rozet { margin: 0; font: 600 0.875rem/1.4 var(--snn-fk-omurga); color: var(--snn-dumanli); }
.snn-ana-kahraman h1 { margin: 0; font: 700 clamp(2rem, 1.2rem + 3.2vw, 3.25rem)/1.08 var(--snn-fk-tabla); color: var(--snn-kursun); letter-spacing: -0.01em; }
.snn-ana-vurgu { color: var(--snn-kivilcim); }
.snn-ana-altyazi { margin: 0; max-width: 34em; font-size: 1.125rem; line-height: 1.55; color: var(--snn-yazi); }
.snn-ana-eylemler { display: flex; flex-wrap: wrap; gap: var(--snn-kagit3); justify-content: center; }
.snn-ana-tel, .snn-ana-ikincil { display: inline-flex; align-items: center; gap: 10px; min-height: 56px; padding: 0 26px; border-radius: 999px; font: 700 1.125rem var(--snn-fk-omurga); text-decoration: none; box-sizing: border-box; }
.snn-ana-tel { background: var(--snn-kivilcim); color: var(--snn-kivilcim-zirve); }
.snn-ana-tel:hover { background: var(--snn-kivilcim-uste); }
.snn-ana-ikincil { background: #fff; color: var(--snn-kursun); border: 1.5px solid var(--snn-kiyi-kati); font-weight: 600; font-size: 1rem; }
.snn-ana-sik { display: grid; gap: var(--snn-kagit2); justify-items: center; }
.snn-ana-sik > span { font: 600 0.8125rem var(--snn-fk-omurga); color: var(--snn-dumanli); }
.snn-ana-sik ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--snn-kagit2); justify-content: center; }
.snn-ana-sik a { display: inline-block; padding: 7px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--snn-kiyi); color: var(--snn-kursun); font-size: 0.9375rem; text-decoration: none; }
.snn-ana-sik a:hover { border-color: var(--snn-kivilcim); }
.snn-ana-harita { margin: 0; width: min(100%, 560px); justify-self: center; }
.snn-ana-harita svg { display: block; width: 100%; height: auto; overflow: visible; }
.snn-ana-harita-kiyi { fill: none; stroke: var(--snn-kursun); stroke-width: 6; stroke-linejoin: round; }
.snn-ana-harita-il { fill: #fff; stroke: var(--snn-kiyi); stroke-width: 1.4; stroke-linejoin: round; }
.snn-ana-harita-yol path { stroke: var(--snn-kivilcim); stroke-width: 2; stroke-dasharray: 6 7; opacity: 0.75; }
.snn-ana-harita-nokta circle { fill: var(--snn-kivilcim); stroke: #fff; stroke-width: 2.5; }
.snn-ana-harita-merkez circle:first-child { fill: #fff; stroke: var(--snn-kivilcim); stroke-width: 4; }
.snn-ana-harita-merkez circle:last-child { fill: var(--snn-kivilcim); }
.snn-ana-harita-cihazlar { list-style: none; margin: var(--snn-kagit3) 0 0; padding: 0; display: flex; justify-content: space-between; align-items: flex-end; gap: 2px; }
.snn-ana-harita-cihazlar img { display: block; width: 100%; height: auto; max-width: 96px; }
@media (min-width: 900px) {
  .snn-ana-kahraman-izgara { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); text-align: left; }
  .snn-ana-kahraman-metin { justify-items: start; }
  .snn-ana-eylemler { justify-content: flex-start; }
  .snn-ana-sik { justify-items: start; }
  .snn-ana-sik ul { justify-content: flex-start; }
}

/* sekiz hizmet kartı */
.snn-ana-kart-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--snn-kagit3); }
.snn-ana-kart { display: flex; flex-direction: column; align-items: center; gap: var(--snn-kagit3); height: 100%; box-sizing: border-box; padding: var(--snn-kagit5) var(--snn-kagit3); background: #fff; border: 1px solid var(--snn-kiyi); border-radius: var(--snn-kosesi); color: var(--snn-kursun); text-align: center; text-decoration: none; transition: border-color 0.15s, box-shadow 0.15s; }
.snn-ana-kart:hover { border-color: var(--snn-kivilcim); box-shadow: var(--snn-golgelik-yumusak); }
.snn-ana-kart-gorsel { display: block; width: 84px; height: 84px; }
.snn-ana-kart-gorsel img { display: block; width: 100%; height: 100%; object-fit: contain; }
.snn-ana-kart-ad { font: 600 0.9375rem/1.3 var(--snn-fk-omurga); }
@media (min-width: 900px) { .snn-ana-kart-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--snn-kagit4); } }

/* markalar ve iller panelleri */
.snn-ana-panel { padding: var(--snn-kagit5) var(--snn-kagit4); background: var(--snn-gumus); border: 1px solid var(--snn-kiyi-narin); border-radius: 24px; }
@media (min-width: 720px) { .snn-ana-panel { padding: var(--snn-kagit7) var(--snn-kagit6); } }
.snn-ana-chip-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--snn-kagit2); }
.snn-ana-chip-izgara a { display: block; box-sizing: border-box; height: 100%; padding: 11px 12px; background: #fff; border: 1px solid var(--snn-kiyi-narin); border-radius: var(--snn-kosesi-ortasi); color: var(--snn-kursun); font: 500 0.9375rem/1.3 var(--snn-fk-omurga); text-align: center; text-decoration: none; }
.snn-ana-chip-izgara a:hover { border-color: var(--snn-kivilcim); color: var(--snn-kivilcim); }
.snn-ana-chip-izgara b { color: var(--snn-kivilcim); font-variant-numeric: tabular-nums; margin-right: 2px; }
@media (min-width: 720px) { .snn-ana-chip-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .snn-ana-chip-izgara { grid-template-columns: repeat(7, minmax(0, 1fr)); } }

/* altı kural kartı */
.snn-ana-ozellik-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--snn-kagit3); }
.snn-ana-ozellik-izgara li { box-sizing: border-box; padding: var(--snn-kagit5); background: #fff; border: 1px solid var(--snn-kiyi-narin); border-radius: var(--snn-kosesi); }
.snn-ana-ozellik-simge { display: inline-grid; place-items: center; width: 44px; height: 44px; margin-bottom: var(--snn-kagit3); border-radius: var(--snn-kosesi-ortasi); background: var(--snn-kivilcim-serbest); color: var(--snn-kivilcim); }
.snn-ana-ozellik-izgara h3 { margin: 0 0 var(--snn-kagit2); font: 700 1.0625rem/1.3 var(--snn-fk-tabla); color: var(--snn-kursun); }
.snn-ana-ozellik-izgara p { margin: 0; font-size: 0.9375rem; line-height: 1.55; color: var(--snn-dumanli); }
@media (min-width: 720px) { .snn-ana-ozellik-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .snn-ana-ozellik-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* aksan çağrı şeridi */
.snn-ana-cagri { background: var(--snn-kivilcim); color: #fff; padding: var(--snn-kagit6) 0; }
.snn-ana-cagri-izgara { display: grid; gap: var(--snn-kagit4); align-items: center; text-align: center; }
.snn-ana-cagri h2 { margin: 0 0 var(--snn-kagit2); font: 700 1.375rem/1.25 var(--snn-fk-tabla); color: #fff; }
.snn-ana-cagri p { margin: 0; color: var(--snn-kivilcim-serbest); }
.snn-ana-tel-koyu { display: inline-flex; align-items: center; justify-self: center; gap: 10px; min-height: 56px; padding: 0 28px; box-sizing: border-box; border-radius: 999px; background: var(--snn-kursun); color: #fff; font: 700 1.25rem var(--snn-fk-omurga); text-decoration: none; }
@media (min-width: 900px) { .snn-ana-cagri-izgara { grid-template-columns: minmax(0, 1fr) auto; text-align: left; } .snn-ana-tel-koyu { justify-self: end; } }

/* neden tablosu */
.snn-ana-tablo-kap { overflow-x: auto; background: #fff; border: 1px solid var(--snn-kiyi); border-radius: var(--snn-kosesi); }
.snn-ana-tablo { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
.snn-ana-tablo th, .snn-ana-tablo td { padding: var(--snn-kagit3) var(--snn-kagit4); text-align: left; vertical-align: top; border-top: 1px solid var(--snn-kiyi-narin); }
.snn-ana-tablo thead th { background: var(--snn-gumus); color: var(--snn-dumanli); font-weight: 600; border-top: 0; }
.snn-ana-tablo thead th + th { background: var(--snn-kivilcim); color: #fff; }
.snn-ana-tablo td { color: var(--snn-dumanli); }
.snn-ana-tablo td + td { color: var(--snn-kursun); font-weight: 600; }
.snn-ana-not { margin: var(--snn-kagit3) 0 0; max-width: 80ch; font-size: 0.875rem; line-height: 1.55; color: var(--snn-dumanli); }

/* form kartı en sonda; formun iç düzeni yalnız burada değişir */
.snn-ana-form { background: var(--snn-gumus); padding: var(--snn-kagit7) 0; }
.snn-ana-form .snn-kalip-pano-cifti { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--snn-kagit4); max-width: 880px; margin-inline: auto; }
.snn-ana-form .snn-kalip-anlatimi { display: contents; }
.snn-ana-form .snn-kalip-anlatimi > :not(.snn-emek-panosu) { text-align: center; }
.snn-ana-form .snn-kalip-anlatimi > .snn-kantarli-rozet { order: 0; justify-self: center; }
.snn-ana-form .snn-kalip-anlatimi > h2 { order: 1; margin: 0; text-align: center; font: 700 clamp(1.5rem, 1.1rem + 1.6vw, 2.125rem)/1.15 var(--snn-fk-tabla); color: var(--snn-kursun); }
.snn-ana-form .snn-kalip-anlatimi > .snn-pano-kapisi { order: 2; margin: 0; color: var(--snn-dumanli); }
.snn-ana-form .snn-kalip-panosu { order: 3; background: #fff; border: 1px solid var(--snn-kiyi); border-top: 4px solid var(--snn-kivilcim); box-shadow: var(--snn-golgelik); }
.snn-ana-form .snn-emek-panosu { order: 4; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--snn-kagit3); counter-reset: ana-adim; }
.snn-ana-form .snn-emek-sahasi { counter-increment: ana-adim; position: relative; padding: 0 0 0 44px; border: 0; background: none; }
.snn-ana-form .snn-emek-sahasi::before { content: counter(ana-adim); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--snn-kivilcim); color: #fff; font: 700 0.9375rem var(--snn-fk-omurga); }
.snn-ana-form .snn-emek-sahasi > small { display: none; }
.snn-ana-form .snn-emek-sahasi h3 { margin: 0 0 2px; font: 600 1rem/1.3 var(--snn-fk-omurga); color: var(--snn-kursun); }
.snn-ana-form .snn-emek-sahasi p { margin: 0; font-size: 0.875rem; color: var(--snn-dumanli); }
@media (min-width: 900px) { .snn-ana-form .snn-emek-panosu { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--snn-kagit4); } }
.snn-ana-tum svg, .snn-ana-tel svg, .snn-ana-ikincil svg, .snn-ana-tel-koyu svg { display: inline-block; flex: none; vertical-align: middle; }
.snn-ana-tum a { display: inline-flex; align-items: center; gap: 6px; }
.snn-ana-form .snn-kalip-anlatimi > .snn-kantarli-rozet { display: none; }

/* ===== Altbilgi (snn-ft-): koyu mürekkep zemin; her sayfada aynı ===== */
footer.snn-gumus-taban { margin-top: var(--snn-kagit7); padding: var(--snn-kagit6) 0 var(--snn-kagit5); background: var(--snn-kursun); border-top: 0; color: #d5e2ec; }
footer.snn-gumus-taban::before { display: none; }
footer.snn-gumus-taban a { color: #e6f0f7; text-decoration: none; }
footer.snn-gumus-taban a:hover { color: var(--snn-kivilcim-aydinlik); text-decoration: underline; }
.snn-ft-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--snn-kagit4); padding-bottom: var(--snn-kagit6); border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.snn-ft-kimlik { display: grid; gap: var(--snn-kagit3); }
.snn-ft-kimlik img { display: block; width: 134px; height: auto; }
.snn-ft-kimlik p { margin: 0; max-width: 42ch; font-size: 0.9375rem; color: #b9cad8; }
.snn-ft-dugme { display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; border-radius: 999px; background: var(--snn-kivilcim); color: #fff; font: 700 0.9375rem var(--snn-fk-omurga); text-decoration: none; }
.snn-ft-dugme:hover { background: var(--snn-kivilcim-uste); color: #fff; text-decoration: none; }
.snn-ft-sutunlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--snn-kagit6) var(--snn-kagit4); padding: var(--snn-kagit6) 0; }
.snn-ft-sutun h2 { margin: 0 0 var(--snn-kagit3); font: 700 0.75rem/1.3 var(--snn-fk-omurga); letter-spacing: 0.08em; text-transform: uppercase; color: #fff; }
.snn-ft-sutun ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.snn-ft-sutun li a, .snn-ft-sutun li button { font-size: 0.9375rem; line-height: 1.4; }
.snn-ft-sutun button { margin: 0; padding: 0; border: 0; background: none; color: #e6f0f7; font: inherit; text-align: left; cursor: pointer; }
.snn-ft-mini { display: grid; gap: 8px; padding: var(--snn-kagit4) 0; border-top: 1px solid rgba(255, 255, 255, 0.14); }
.snn-ft-mini > a { font-weight: 600; font-size: 0.9375rem; }
.snn-ft-mini ul { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0; padding: 0; list-style: none; }
.snn-ft-mini ul a { color: #b9cad8; font-size: 0.875rem; }
.snn-ft-kayitlar { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--snn-kagit3) var(--snn-kagit5); margin: 0; padding: var(--snn-kagit5) 0; border-top: 1px solid rgba(255, 255, 255, 0.14); }
.snn-ft-kayitlar > div { min-width: 0; }
.snn-ft-kayitlar dt { margin: 0 0 4px; font: 600 0.75rem/1.3 var(--snn-fk-omurga); letter-spacing: 0.06em; text-transform: uppercase; color: #8fb0c6; }
.snn-ft-kayitlar dd { margin: 0; font-size: 0.875rem; line-height: 1.5; color: #e6f0f7; overflow-wrap: anywhere; }
.snn-ft-yasal { margin: 0; padding-top: var(--snn-kagit4); border-top: 1px solid rgba(255, 255, 255, 0.14); font-size: 0.8125rem; line-height: 1.6; color: #b9cad8; max-width: 120ch; }
.snn-ft-alt { display: grid; gap: 10px; margin-top: var(--snn-kagit4); padding-top: var(--snn-kagit4); border-top: 1px solid rgba(255, 255, 255, 0.14); font-size: 0.8125rem; color: #9fb6c7; }
.snn-ft-alt p { margin: 0; }
.snn-ft-alt nav a { color: #cfe0ee; }
footer.snn-gumus-taban .snn-sayici-sirasi b { color: #fff; }
@media (min-width: 720px) { .snn-ft-sutunlar { grid-template-columns: repeat(3, minmax(0, 1fr)); } .snn-ft-kayitlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .snn-ft-sutunlar { grid-template-columns: repeat(5, minmax(0, 1fr)); } .snn-ft-kayitlar { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ===== İç sayfa açılışı ve beyaz paneller (snn-ic-): parcalar/ic_kahraman.html; body.snn-ic içinde ===== */
.snn-ic-kahraman { background: var(--snn-gumus); padding: var(--snn-kagit6) 0 var(--snn-kagit5); border-bottom: 1px solid var(--snn-kiyi-narin); }
.snn-ic-kabuk { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--snn-kagit3); justify-items: start; max-width: var(--snn-kapsul); margin-inline: auto; padding-inline: var(--snn-sinir); box-sizing: border-box; min-width: 0; }
.snn-ic-kabuk > * { min-width: 0; }
.snn-ic-kabuk .snn-pano-guzergah { margin: 0; }
.snn-ic-rozet { margin: 0; font: 600 0.875rem/1.4 var(--snn-fk-omurga); color: var(--snn-dumanli); }
.snn-ic-kahraman h1 { margin: 0; font: 700 clamp(1.75rem, 1.2rem + 2.4vw, 2.75rem)/1.12 var(--snn-fk-tabla); color: var(--snn-kursun); letter-spacing: -0.01em; overflow-wrap: anywhere; }
.snn-ic-giris { margin: 0; max-width: 48em; font-size: 1.0625rem; line-height: 1.55; color: var(--snn-yazi); }
.snn-ic-tel { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 22px; border-radius: 999px; background: var(--snn-kivilcim); color: var(--snn-kivilcim-zirve); font: 700 1.0625rem var(--snn-fk-omurga); text-decoration: none; box-sizing: border-box; }
.snn-ic-tel:hover { background: var(--snn-kivilcim-uste); color: var(--snn-kivilcim-zirve); text-decoration: none; }
.snn-ic-tel svg { display: inline-block; flex: none; vertical-align: middle; }
.snn-ic-ek { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--snn-kagit3); max-width: var(--snn-kapsul); margin: var(--snn-kagit5) auto 0; padding-inline: var(--snn-sinir); box-sizing: border-box; }
body.snn-ic .snn-esas-omurga { background: var(--snn-gumus); padding-bottom: var(--snn-kagit6); }
body.snn-ic .snn-pano-dilim { margin-top: 0; padding: var(--snn-kagit5) var(--snn-sinir, 20px) 0; }
body.snn-ic .snn-pano-dilim > .snn-pano-kabuk { box-sizing: border-box; padding: var(--snn-kagit5) var(--snn-kagit4); background: #fff; border: 1px solid var(--snn-kiyi-narin); border-radius: 24px; }
@media (min-width: 720px) { body.snn-ic .snn-pano-dilim > .snn-pano-kabuk { padding: var(--snn-kagit7) var(--snn-kagit6); } }
body.snn-ic .snn-pano-unvani, body.snn-ic .snn-lavha-ucu { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 8px; margin-bottom: var(--snn-kagit5); padding-top: 0; border-top: 0; text-align: center; }
body.snn-ic .snn-pano-unvani::before, body.snn-ic .snn-pano-unvani::after, body.snn-ic .snn-lavha-ucu::before, body.snn-ic .snn-lavha-ucu::after { display: none; }
body.snn-ic .snn-pano-unvani h2, body.snn-ic .snn-lavha-ucu h2 { font: 700 clamp(1.5rem, 1.1rem + 1.6vw, 2.125rem)/1.15 var(--snn-fk-tabla); color: var(--snn-kursun); }
body.snn-ic .snn-pano-unvani p, body.snn-ic .snn-lavha-ucu p { max-width: 60ch; margin: 0; }
body.snn-ic .snn-pano-unvani .snn-tus-uc { justify-self: center; }
body.snn-ic .snn-pano-kapisi { max-width: 60ch; }
.snn-ic-ek > * { min-width: 0; }
.snn-ic-ek .snn-pano-lavha { background: #fff; border: 1px solid var(--snn-kiyi-narin); border-radius: 24px; padding: var(--snn-kagit5) var(--snn-kagit4); }
.snn-ic-ek .snn-sira-serit { margin: 0; padding: 0; }
body.snn-ic .snn-pano-unvani > *, body.snn-ic .snn-lavha-ucu > * { min-width: 0; max-width: 100%; }
.snn-ic-ek > .snn-pano-serh, .snn-ic-ek > .snn-kenar-pano { margin: 0; box-sizing: border-box; padding: var(--snn-kagit5) var(--snn-kagit4); background: #fff; border: 1px solid var(--snn-kiyi-narin); border-radius: 24px; }
.snn-ic-ek > .snn-kenar-pano { max-width: 560px; }
.snn-ic-ek > .snn-pano-serh::before, .snn-ic-ek > .snn-pano-serh::after { content: none; display: none; }