/* ==========================================================================
   ServisNoktası — stil dosyası (TASARIM-SISTEMI.md, "Sıcak kiremit", v2, 21 Ekim 2026)

   Kimlik: sıcak kiremit. Zemin kâğıt (#FFFAF5), ikincil yüzey kum (#FBF0E6), mürekkep
   espresso (#2B1A10: başlık, logo, menü). Tek işaret rengi kiremit (#B4461B; beyaz
   yazıyla 5,48:1): düğme, odak, köşe imi. Yazı: Familjen Grotesk (başlık, rakam) +
   Albert Sans (gövde). Köşe YUVARLAK: kart 16 px, düğme ve girdi 10 px, etiket 6 px.
   Gölge yok; ayrım 1 px kıl çizgiyle.
   Sınıf öneki: snc-   Belirteç öneki: --snc-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).
   Bölümler dosyada bu sırayla: yazı dosyaları, belirteçler, taban, kart kalıbı,
   kesitler, rubrik, üst çubuk, düğme, form, bölge, marka, arıza kodu, talep, altbilgi.
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; Google Fonts'tan indirildi,
       Familjen Grotesk + Albert Sans (değişken 400–700); latin + latin-ext alt kümesi:
       İ Ş Ğ ı ç ö ü dahil) ------------------------------------------------ */
@font-face {
  font-family: "Familjen Grotesk";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/familjen-grotesk-latin-ext.771c970c8636.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Familjen Grotesk";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/familjen-grotesk-latin.76b3b67e252f.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Albert Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/albert-sans-latin-ext.201c5240f51e.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Albert Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/albert-sans-latin.5195b304a866.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: kâğıt kart, kum, espresso, kiremit (TASARIM-SISTEMI §02 — kontrastlar orada hesaplı) */
  --snc-ak: #fffaf5;         /* sayfa zemini, plaka yüzü */
  --snc-kum: #fbf0e6;         /* kum: ikincil bölüm, altbilgi, künye plakası */
  --snc-kum-2: #f4e6d8;       /* tablo başı, sekme rayı, pasif düğme */
  --snc-kum-3: #ead8c6;       /* üzerine gelme, basılı yüzey */
  --snc-kahve: #2b1a10;        /* başlık, plaka kenarı, logo (beyazda 18,15) */
  --snc-yazi: #3b2a20;         /* gövde metni (beyazda 14,27; kumte 12,96) */
  --snc-dumanli: #6e5245;           /* ikincil metin (beyazda 6,99; kum-2'de 5,85) */
  --snc-dumanli-2: #7a6255;         /* yer tutucu, dip satır (beyazda 5,41; kum-2'de 4,53) */
  --snc-hatti-narin: #eedfd1;    /* 1 px kıl çizgi (süs) */
  --snc-hatti: #d9c6b4;         /* plaka kenarı, ayırıcı (süs) */
  --snc-hatti-katı: #8c7062;    /* girdi kenarı (beyazda 3,69; kumte 3,35; ≥3:1) */
  --snc-kiremit: #b4461b;         /* köşe imi, birincil düğme, odak (beyazda 8,50) */
  --snc-kiremit-bas: #8f3412;     /* düğme üzerine gelme (beyaz yazıyla 11,26) */
  --snc-kiremit-tepe: #ffffff;     /* kiremit düğmedeki yazı: BEYAZ */
  --snc-kiremit-acik: #fbe6d6;    /* uyarı notu, "Cihazı kapatın" etiketi (kiremit yazı 7,18) */
  --snc-kiremit-isik: #ff9a6b;   /* koyu zeminde (son plaka) köşe imi; espressote 6,65 */
  --snc-yesil: #3f6b2e;         /* "Kendiniz bakın", başarı (beyazda 6,44) */

  /* imza: köşe köşe ve köşe imi */
  --snc-kavis: 16px;              /* kart / plaka: sağ üst köşe */
  --snc-kavis-orta: 10px;          /* düğme, girdi: sağ üst + sol alt */
  --snc-kavis-mini: 6px;         /* etiket, kod karosu */

  /* yazı aileleri */
  --snc-f-unvan: "Familjen Grotesk", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;
  --snc-f-omurga: "Albert Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --snc-f-rakam: "Familjen Grotesk", ui-sans-serif, system-ui, sans-serif;
  --snc-f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan). Familjen Grotesk köşeli ve dar omuzlu. */
  --snc-y-dev: clamp(3rem, 2.1rem + 4.2vw, 5.5rem);
  --snc-y-manset: clamp(2.25rem, 1.6rem + 3vw, 4rem);
  --snc-y-1: clamp(1.875rem, 1.45rem + 1.8vw, 2.875rem);
  --snc-y-2: clamp(1.375rem, 1.2rem + 0.9vw, 2rem);
  --snc-y-3: clamp(1.125rem, 1.07rem + 0.25vw, 1.25rem);
  --snc-y-giris: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --snc-y-omurga: 1.0625rem;     /* 17 px Albert Sans */
  --snc-y-mini: 0.9375rem;     /* 15 px */
  --snc-y-rozet: 0.8125rem;    /* 13 px: plaka etiketi (Familjen Grotesk 600) */

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

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

  /* biçim: köşeler yuvarlak (border-radius); pah ve clip-path yok */
  --snc-kil-kalinlik: 1px;
  --snc-vurgu-kalinlik: 2px;
  --snc-tepe-boy: 64px;
  --snc-sicak-boy: 64px;

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

  /* ikon maskeleri (renk currentColor ile; ince kalem 1,6 px, KARE uç, sivri birleşim) */
  --snc-m-oku: 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");
  --snc-m-sag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 12h16'/%3E%3Cpath d='M14 7l5 5-5 5'/%3E%3C/svg%3E");
  --snc-m-altta: 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");
  --snc-m-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");
  --snc-m-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");
  --snc-m-hatt: 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");
  --snc-m-bilgi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8.5 3h7L21 8.5v7L15.5 21h-7L3 15.5v-7z'/%3E%3Cpath d='M12 10.5v6'/%3E%3Cpath d='M12 7.5v.5'/%3E%3C/svg%3E");
  --snc-oku-simge: 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 { --snc-kenar: 24px; --snc-oluk: 20px; --snc-bolum: 72px; }
}
@media (min-width: 1080px) {
  :root { --snc-kenar: 40px; --snc-oluk: 24px; --snc-tepe-boy: 72px; --snc-bolum: 96px; }
}
/* Koyu tema YOK. Yazdırmada kum tonları beyaza iner. */
@media print {
  :root {
    --snc-kum: #ffffff; --snc-kum-2: #ffffff; --snc-kum-3: #ffffff;
    --snc-kahve: #000000; --snc-yazi: #111111; --snc-dumanli: #444444; --snc-dumanli-2: #555555;
    --snc-hatti-narin: #cccccc; --snc-hatti: #999999; --snc-hatti-katı: #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(--snc-tepe-boy) + var(--snc-a4));
}
body {
  margin: 0;
  background: var(--snc-ak);
  color: var(--snc-yazi);
  font-family: var(--snc-f-omurga);
  font-size: var(--snc-y-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: Familjen Grotesk 600, espresso; köşeli harf, aralık nötr. */
h1, h2, h3, h4 {
  margin: 0;
  color: var(--snc-kahve);
  font-family: var(--snc-f-unvan);
  font-weight: 600;
  letter-spacing: -0.005em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--snc-y-1); line-height: 1.1; letter-spacing: -0.012em; }
h2 { font-size: var(--snc-y-2); line-height: 1.16; }
h3 { font-size: var(--snc-y-3); line-height: 1.3; font-weight: 600; }
h4 { font-size: 1rem; font-family: var(--snc-f-omurga); font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--snc-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı: yazı rengi + 1 px sert gri alt çizgi; üzerine gelince çizgi kiremit ve 2 px. */
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--snc-hatti-katı); text-decoration-thickness: 1px; text-underline-offset: 0.24em; }
a:hover { color: inherit; text-decoration-color: var(--snc-kiremit); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--snc-kahve); }
code, kbd, samp { font-family: var(--snc-f-mono); font-size: 0.92em; font-weight: 500; }
/* hr: espresso kıl çizgi, sol ucunda kiremit köşe imi */
hr { border: 0; height: 8px; margin: var(--snc-a6) 0; background: linear-gradient(var(--snc-hatti), var(--snc-hatti)) 0 100% / 100% 1px no-repeat, linear-gradient(225deg, var(--snc-kiremit) 50%, transparent 50%) 0 0 / 8px 8px no-repeat; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--snc-kiremit); color: var(--snc-kiremit-tepe); }
/* Odak: 2 px kiremit çizgi, 2 px açıklık. Hale yok. */
:focus-visible { outline: 2px solid var(--snc-kiremit); outline-offset: 2px; }
.snc-goruntu-disarisi {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.snc-direkt-oz {
  position: absolute; left: var(--snc-a4); top: -100px; z-index: 100;
  background: var(--snc-kahve); color: var(--snc-ak); padding: var(--snc-a2) var(--snc-a4);
  font-family: var(--snc-f-unvan); font-weight: 600; text-decoration: none;
}
.snc-direkt-oz:focus { top: var(--snc-a2); }

/* ==========================================================================
   BİLEŞENLER (TASARIM-SISTEMI §06).
   KART KALIBI: kart öğenin kendi köşesini yuvarlatır (border-radius). Zemin, 1 px kenar ve
   köşe imi ::before / ::after ile çizilir. Ayar: --p-zemin, --p-kenar, --p-pah (köşe
   yarıçapı), --p-imi (köşe imi boyu). Pah ve clip-path yok.
   ========================================================================== */
.snc-kiremit-levha, .snc-kenar-kiremit, .snc-ilk-kiremit, .snc-kayit-kiremitsi, .snc-ise-kiremitsi,
.snc-model-rozeti, .snc-son-kiremit, .snc-bul-kiremit, .snc-kiremit-serhi, .snc-kiremit-katlanir-tablo,
.snc-cizim-kenarligi, .snc-sicak-kiremitsi, .snc-marka-kiremitsi, .snc-yer-kiremitsi,
.snc-olcum-serisi, .snc-oneri-tablosu, .snc-tanecik-kiremitsi, .snc-isaret-katlanir-ayrinti[open], .snc-ayrim-dizgisi {
  --p-zemin: var(--snc-ak);
  --p-kenar: var(--snc-hatti);
  --p-pah: var(--snc-kavis);
  --p-imi: 10px;
  position: relative;
  isolation: isolate;
}
.snc-kiremit-levha::before, .snc-kenar-kiremit::before, .snc-ilk-kiremit::before, .snc-kayit-kiremitsi::before,
.snc-ise-kiremitsi::before, .snc-model-rozeti::before, .snc-son-kiremit::before, .snc-bul-kiremit::before,
.snc-kiremit-serhi::before, .snc-kiremit-katlanir-tablo::before, .snc-cizim-kenarligi::before, .snc-sicak-kiremitsi::before,
.snc-marka-kiremitsi::before, .snc-yer-kiremitsi::before, .snc-olcum-serisi::before, .snc-oneri-tablosu::before,
.snc-tanecik-kiremitsi::before, .snc-isaret-katlanir-ayrinti[open]::before, .snc-ayrim-dizgisi::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    var(--p-zemin);
  box-shadow: inset 0 0 0 1px var(--p-kenar);
  border-radius: var(--p-pah);
  transition: box-shadow var(--snc-zaman) var(--snc-kivrik);
}
/* Köşe imi: sağ üst köşedeki kiremit nokta (imza). */
.snc-kiremit-levha--damgali::after, .snc-kenar-kiremit::after, .snc-ilk-kiremit::after, .snc-model-rozeti::after,
.snc-son-kiremit::after, .snc-bul-kiremit::after, .snc-cizim-kenarligi::after, .snc-sicak-kiremitsi::after,
.snc-kayit-kiremitsi::after, .snc-tanecik-kiremitsi::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--p-imi);
  height: var(--p-imi);
  background: var(--p-imi-renk, var(--snc-kiremit));
  border-radius: 50%;
  pointer-events: none;
}

/* --- Kap, iki yan, kesit -------------------------------------------- */
.snc-kiremit-kasa { max-width: var(--snc-kap); margin-inline: auto; padding-inline: var(--snc-kenar); }
.snc-ust2-omurga { display: block; min-height: 50vh; }
/* İki yan: ana │ yan plaka (≥1080 px). Yan plaka YAPIŞKAN DEĞİL. */
.snc-kiremit-cift { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--snc-a6); align-items: start; }
.snc-kiremit-cift > * { min-width: 0; }
@media (min-width: 1080px) { .snc-kiremit-cift { grid-template-columns: minmax(0, 1fr) var(--snc-yan); gap: var(--snc-a7); } }
.snc-kiremit-destesi { display: grid; gap: var(--snc-a4); }
.snc-kiremit-destesi > * { min-width: 0; }
/* Kesit: sayfanın bir bölümü. Kâğıt ↔ kum geçişi tam genişlik kum zeminle yapılır (--snc-kum). */
.snc-kiremit-dilimi { margin-top: var(--snc-bolum); }
.snc-kiremit-dilimi--kum { padding-block: var(--snc-bolum); background: var(--snc-kum); }
.snc-kiremit-dilimi--kum .snc-kiremit-levha { --p-zemin: var(--snc-ak); }
.snc-kiremit-cift + .snc-kiremit-dilimi, .snc-yaprak-kiremitsi + .snc-kiremit-dilimi { margin-top: calc(var(--snc-bolum) * 0.75); }
.snc-yaprak-kiremitsi + .snc-kiremit-kasa { margin-top: var(--snc-a6); }
[id] { scroll-margin-top: calc(var(--snc-tepe-boy) + var(--snc-a5)); }

/* --- Rubrik, manşet, giriş, bölüm başı -------------------------------- */
.snc-damgali-rozet { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--snc-f-unvan); font-size: var(--snc-y-rozet); font-weight: 600; line-height: 1.25; letter-spacing: 0.02em; color: var(--snc-dumanli); }
.snc-damgali-rozet::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--snc-kiremit); border-radius: 50%; }
.snc-kiremit-manset { margin: 0; font-family: var(--snc-f-unvan); font-size: var(--snc-y-manset); font-weight: 600; line-height: 1.04; letter-spacing: -0.02em; color: var(--snc-kahve); text-wrap: balance; overflow-wrap: anywhere; }
.snc-kiremit-alimi { margin: 16px 0 0; max-width: 58ch; font-size: var(--snc-y-giris); line-height: 1.55; color: var(--snc-yazi); }
/* Bölüm başı: üstte 1 px çizgi, solda 64×3 espresso ölçü çubuğu + ucunda kiremit üçgen. */
.snc-kiremit-unvani { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 6px var(--snc-a4); margin-bottom: var(--snc-a5); padding-top: 18px; border-top: 1px solid var(--snc-hatti); }
.snc-kiremit-unvani::before { content: ""; position: absolute; left: 0; top: -2px; width: 64px; height: 3px; background: var(--snc-kahve); }
.snc-kiremit-unvani::after { content: ""; position: absolute; left: 64px; top: -2px; width: 10px; height: 10px; background: var(--snc-kiremit); border-radius: 50%; }
.snc-kiremit-unvani > div { min-width: 0; }
.snc-kiremit-unvani h2 { margin: 0; overflow-wrap: anywhere; }
.snc-kiremit-unvani p { margin: 6px 0 0; color: var(--snc-dumanli); font-size: var(--snc-y-mini); }
.snc-kiremit-dilimi--kum .snc-kiremit-unvani { border-top-color: var(--snc-hatti-katı); }
/* Düz metin sütunu. */
.snc-kiremit-yazisi { max-width: 68ch; }
.snc-kiremit-yazisi > :last-child { margin-bottom: 0; }
.snc-kiremit-yazisi h3 { margin: var(--snc-a5) 0 8px; }
.snc-kiremit-yazisi ul, .snc-kiremit-yazisi ol { padding-left: 1.25rem; margin: 0 0 var(--snc-a4); }
.snc-kiremit-yazisi li { margin-bottom: 6px; }
.snc-kiremit-yazisi li::marker { color: var(--snc-kiremit); }
.snc-olcum-hanesi { font-family: var(--snc-f-rakam); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -0.01em; color: var(--snc-kahve); }
.snc-tabular-hane { font-variant-numeric: tabular-nums; }
.snc-tepe-bosluk.snc-tepe-bosluk { margin-top: var(--snc-a4); }
.snc-arizali-sayisi { display: block; font-family: var(--snc-f-rakam); font-size: var(--snc-y-dev); font-weight: 700; line-height: 1; color: var(--snc-kahve); }

/* --- Üst plaka (başlık), menü, arama, öneriler, çekmece --------------- */
.snc-tepe-kiremit { position: sticky; top: 0; z-index: 40; background: var(--snc-ak); border-bottom: 1px solid var(--snc-hatti); }
.snc-tepe-kiremit::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 120px; height: 3px; background: var(--snc-kahve); }
.snc-tepe-kiremit-ic { display: flex; align-items: center; gap: var(--snc-a3); max-width: var(--snc-kap); height: var(--snc-tepe-boy); margin-inline: auto; padding-inline: var(--snc-kenar); }
.snc-tepe-kiremit-marka { flex: none; display: block; line-height: 0; }
.snc-tepe-kiremit-marka img { height: 28px; width: auto; }
@media (min-width: 1080px) { .snc-tepe-kiremit-marka img { height: 30px; } }
.snc-tepe-kiremit-nav { display: none; }
.snc-tepe-kiremit-liste { display: flex; list-style: none; margin: 0; padding: 0; }
.snc-tepe-kiremit-liste > li { position: relative; }
.snc-tepe-kiremit-liste > li > a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 10px; font-family: var(--snc-f-unvan); font-size: 15px; font-weight: 500; color: var(--snc-kahve); text-decoration: none; white-space: nowrap; transition: color var(--snc-zaman) var(--snc-kivrik); }
.snc-tepe-kiremit-liste > li > a:hover { color: var(--snc-kiremit); }
.snc-tepe-kiremit-liste > li > a[aria-current] { color: var(--snc-kiremit); box-shadow: inset 0 -2px 0 var(--snc-kiremit); }
.snc-kiremit-katlanir > a::after { content: ""; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--snc-m-altta) center / contain no-repeat; mask: var(--snc-m-altta) center / contain no-repeat; }
/* Açılır liste: sağ üstü yuvarlak köşeli kâğıt kart; üzerine gelince ya da klavye odağında açılır. */
.snc-kiremit-katlanir-tablo { position: absolute; top: 100%; left: 0; z-index: 45; display: none; min-width: 248px; margin: 0; padding: 8px 0; list-style: none; }
.snc-kiremit-katlanir:hover > .snc-kiremit-katlanir-tablo, .snc-kiremit-katlanir:focus-within > .snc-kiremit-katlanir-tablo { display: block; }
.snc-kiremit-katlanir-tablo--enli { width: 500px; columns: 2; column-gap: 0; }
.snc-kiremit-katlanir-tablo li { break-inside: avoid; }
.snc-kiremit-katlanir-tablo a { display: flex; align-items: center; min-height: 38px; padding: 0 16px; color: var(--snc-yazi); font-size: 15px; text-decoration: none; }
.snc-kiremit-katlanir-tablo a:hover { background: var(--snc-kum); color: var(--snc-kahve); }
.snc-kiremit-katlanir-tablo-ucu { display: flex; align-items: center; gap: 8px; padding: 10px 16px 4px; font-family: var(--snc-f-unvan); font-size: 12.5px; font-weight: 600; letter-spacing: 0.03em; color: var(--snc-dumanli); }
.snc-kiremit-katlanir-tablo-ucu::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--snc-kiremit); border-radius: 50%; }
.snc-kiremit-katlanir-tablo .snc-kiremit-katlanir-tablo-ucu a { min-height: 0; padding: 0; color: var(--snc-dumanli); font-size: inherit; }
.snc-kiremit-katlanir-tablo .snc-kiremit-katlanir-tablo-ucu a:hover { background: none; color: var(--snc-kiremit); }
.snc-tepe-kiremit-islem { display: flex; align-items: center; gap: var(--snc-a2); margin-left: auto; }
.snc-tepe-kiremit-islem .snc-kavis-tus { white-space: nowrap; }
.snc-tepe-kiremit-hatt { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 6px; font-family: var(--snc-f-unvan); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--snc-kahve); text-decoration: none; white-space: nowrap; }
.snc-tepe-kiremit-hatt svg { width: 18px; height: 18px; color: var(--snc-kiremit); }
.snc-tepe-kiremit-hatt:hover { color: var(--snc-kiremit); }
.snc-tepe-kiremit-islem .snc-tepe-kiremit-talep, .snc-tepe-kiremit-islem .snc-tepe-kiremit-sicak { display: none; }
@media (min-width: 720px) { .snc-tepe-kiremit-islem .snc-tepe-kiremit-talep, .snc-tepe-kiremit-islem .snc-tepe-kiremit-sicak { display: inline-flex; } }
@media (min-width: 1240px) {
  .snc-tepe-kiremit-nav { display: block; margin-left: var(--snc-a3); }
  .snc-tepe-kiremit-islem .snc-tepe-kiremit-liste-ac { display: none; }
}
@media (min-width: 1560px) { .snc-tepe-kiremit-hatt { display: inline-flex; } }
/* Dar telefonda (<420 px) marka sözcüğü küçülür, Menü düğmesi yalnız simge olur (yazı ekran okuyucuda kalır). */
@media (max-width: 419px) {
  .snc-tepe-kiremit-islem { gap: 4px; }
  .snc-tepe-kiremit-marka img { height: 22px; }
  .snc-tepe-kiremit-islem .snc-tepe-kiremit-liste-ac { width: 44px; padding: 0; }
  .snc-tepe-kiremit-islem .snc-tepe-kiremit-liste-ac-yazi { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media (max-width: 359px) { .snc-tepe-kiremit-marka img { height: 19px; } }
/* Büyütecin açtığı arama satırı (başlığın altında, her genişlikte). */
.snc-sorgu-serisi { padding-block: 0 var(--snc-a3); }
/* Yuvarlak köşeli arama kutusu: girdi + espresso yuvarlak köşeli gönder karosu. --buyuk 404 ve kod dizininde. */
.snc-sorgu-kutucugu { position: relative; display: flex; align-items: center; width: 100%; min-height: 48px; background: var(--snc-ak); box-shadow: inset 0 0 0 1.5px var(--snc-hatti-katı); border-radius: var(--snc-kavis-orta); transition: box-shadow var(--snc-zaman) var(--snc-kivrik); }
.snc-sorgu-kutucugu:focus-within { box-shadow: inset 0 0 0 2px var(--snc-kiremit); }
.snc-sorgu-kutucugu input { flex: 1; min-width: 0; height: 46px; padding: 0 8px 0 16px; border: 0; background: transparent; color: var(--snc-kahve); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; }
.snc-sorgu-kutucugu input::placeholder { color: var(--snc-dumanli-2); }
.snc-sorgu-kutucugu input:focus-visible { outline: none; }
.snc-sorgu-kutucugu input::-webkit-search-cancel-button { display: none; }
.snc-sorgu-kutucugu button { flex: none; display: grid; place-items: center; width: 40px; height: 40px; margin-right: 4px; border: 0; background: var(--snc-kahve); color: var(--snc-ak); border-radius: 6px; cursor: pointer; transition: background-color var(--snc-zaman) var(--snc-kivrik); }
.snc-sorgu-kutucugu button:hover { background: var(--snc-kiremit); }
.snc-sorgu-kutucugu button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snc-ak), inset 0 0 0 4px var(--snc-kiremit); }
.snc-sorgu-kutucugu button svg { width: 18px; height: 18px; }
.snc-sorgu-kutucugu--iri { min-height: 60px; }
.snc-sorgu-kutucugu--iri input { height: 58px; padding-left: 20px; font-size: 18px; }
.snc-sorgu-kutucugu--iri button { width: 50px; height: 50px; margin-right: 5px; background: var(--snc-kiremit); }
.snc-sorgu-kutucugu--iri button:hover { background: var(--snc-kiremit-bas); }
.snc-sorgu-kutucugu--iri button svg { width: 22px; height: 22px; }
form[data-bul] { position: relative; }
/* Öneri listesi (snc.js "Bul kutuları"): kutunun altında yuvarlak köşeli kâğıt kart. */
.snc-oneri-tablosu { 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(--snc-hatti-katı); }
.snc-oneri-tablosu--ustte { top: auto; bottom: calc(100% + 6px); }
.snc-oneri-tablosu a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 11px 12px; color: var(--snc-kahve); text-decoration: none; }
.snc-oneri-tablosu a[aria-selected="true"], .snc-oneri-tablosu a:hover { background: var(--snc-kum); }
.snc-oneri-cinsi { color: var(--snc-dumanli); font-size: 13px; text-align: right; }
.snc-oneri-serisi--isaret .snc-oneri-adi { font-family: var(--snc-f-rakam); font-weight: 700; font-variant-numeric: tabular-nums; }
.snc-oneri-yok { padding: 10px 12px; color: var(--snc-dumanli); font-size: var(--snc-y-mini); }
/* Çekmece (#dizin, "Menü"): sağdan gelen kâğıt kart, mobilde tam ekran. */
body.snc-omurga-kapali { overflow: hidden; }
.snc-kiremit-cekmece-ortusu { position: fixed; inset: 0; z-index: 70; background: rgba(18, 22, 28, 0.46); }
.snc-kiremit-cekmece { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(420px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--snc-a4) var(--snc-a5) var(--snc-a7); background: var(--snc-ak); box-shadow: inset 1px 0 0 var(--snc-hatti); }
.snc-kiremit-cekmece-ucu { position: relative; display: flex; justify-content: space-between; align-items: center; gap: var(--snc-a3); margin: 0 0 var(--snc-a5); padding-bottom: var(--snc-a4); border-bottom: 1px solid var(--snc-hatti); }
.snc-kiremit-cekmece-ucu::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 72px; height: 3px; background: var(--snc-kahve); }
.snc-kiremit-cekmece-ucu img { height: 26px; width: auto; }
.snc-kiremit-cekmece-islemleri { display: grid; gap: var(--snc-a2); }
.snc-kiremit-cekmece-grubu { margin-top: var(--snc-a5); }
.snc-kiremit-cekmece-grubu h2 { margin: 0 0 4px; font-size: 1.0625rem; }
.snc-kiremit-cekmece-grubu h2 a { text-decoration: none; }
.snc-kiremit-cekmece-grubu h2 a[aria-current] { color: var(--snc-kiremit); }
.snc-kiremit-cekmece-grubu .snc-kiremit-katlanir-tablo-ucu { padding: 12px 0 2px; }
.snc-kiremit-cekmece-tabani { margin: var(--snc-a5) 0 0; padding-top: var(--snc-a4); border-top: 1px solid var(--snc-hatti-narin); color: var(--snc-dumanli); font-size: 15px; max-width: none; }
.snc-dil-dizgisi { font-size: var(--snc-y-mini); }
.snc-dil-dizgisi 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(--snc-kahve); border-radius: var(--snc-kavis-orta); font-family: var(--snc-f-unvan); font-weight: 600; color: var(--snc-kahve); cursor: pointer; }
.snc-dil-dizgisi summary::-webkit-details-marker { display: none; }
.snc-dil-dizgisi ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--snc-a4); margin: var(--snc-a2) 0 0; }
.snc-dil-dizgisi a { display: inline-block; padding: 10px 0; color: var(--snc-dumanli); text-decoration: none; }
.snc-dil-dizgisi a:hover, .snc-dil-dizgisi a[aria-current="true"] { color: var(--snc-kahve); }

/* --- Yuvarlak köşeli düğmeler, ok bağlantı -------------------------------------- */
.snc-kavis-tus { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border: 0; background: var(--snc-ak); color: var(--snc-kahve); border-radius: var(--snc-kavis-orta); font-family: var(--snc-f-unvan); 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(--snc-zaman) var(--snc-kivrik), color var(--snc-zaman) var(--snc-kivrik); }
.snc-kavis-tus svg { width: 18px; height: 18px; flex: none; }
.snc-kavis-tus b { font-weight: 600; font-variant-numeric: tabular-nums; }
.snc-kavis-tus span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.snc-kavis-tus--kiremit { background: var(--snc-kiremit); color: var(--snc-kiremit-tepe); }
.snc-kavis-tus--kiremit:hover { background: var(--snc-kiremit-bas); color: var(--snc-kiremit-tepe); }
/* Çizgili: 1,5 px espresso kenar (iç gölge). Kesikte çapraz çizgi yok (köşe yuvarlak). */
.snc-kavis-tus--hattili { color: var(--snc-kahve); box-shadow: inset 0 0 0 1.5px var(--snc-kahve);
  background:
    var(--snc-ak); }
.snc-kavis-tus--hattili:hover { background: var(--snc-kahve); color: var(--snc-ak); }
/* Koyu: son plakanın espresso zemininde beyaz çizgili. */
.snc-kavis-tus--tok { color: var(--snc-ak); box-shadow: inset 0 0 0 1.5px #e9d9cb;
  background:
    transparent; }
.snc-kavis-tus--tok:hover { background: var(--snc-ak); color: var(--snc-kahve); }
.snc-kavis-tus--sade { background: transparent; color: var(--snc-kahve); }
.snc-kavis-tus--sade:hover { background: var(--snc-kum); }
.snc-kavis-tus--mini { min-height: 44px; padding: 0 18px; font-size: 15px; }
.snc-kavis-tus--enli { width: 100%; }
.snc-kavis-tus--simge { width: 44px; padding: 0; flex: none; }
.snc-kavis-tus[aria-disabled="true"] { background: var(--snc-kum-2); color: var(--snc-dumanli-2); box-shadow: none; cursor: not-allowed; }
.snc-kavis-tus[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.snc-kavis-tus:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--snc-kahve), inset 0 0 0 5px var(--snc-ak); }
.snc-kavis-tus--kiremit:focus-visible { box-shadow: inset 0 0 0 3px var(--snc-kahve), inset 0 0 0 5px var(--snc-ak); }
.snc-kavis-islemleri { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.snc-kavis-islemleri--dik { display: grid; gap: var(--snc-a2); margin-top: var(--snc-a5); }
/* Ok bağlantı: Chakra yazı + yuvarlak köşeli espresso karo içinde beyaz ok. */
.snc-kavis-oku { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-family: var(--snc-f-unvan); font-weight: 600; color: var(--snc-kahve); text-decoration: none; transition: color var(--snc-zaman) var(--snc-kivrik); }
.snc-kavis-oku::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--snc-kahve) var(--snc-oku-simge) center / 14px 14px no-repeat; border-radius: var(--snc-kavis-orta); transition: background-color var(--snc-zaman) var(--snc-kivrik); }
.snc-kavis-oku:hover { color: var(--snc-kiremit); }
.snc-kavis-oku:hover::after { background-color: var(--snc-kiremit); }

/* --- Plaka (kart), cihaz plakası, yan plaka --------------------------- */
.snc-kiremit-levha { padding: 22px; min-width: 0; }
.snc-kiremit-levha--kum { --p-zemin: var(--snc-kum); }
.snc-kiremit-levha > :last-child { margin-bottom: 0; }
.snc-kiremit-levha h3 { margin: 0 0 8px; }
a.snc-kiremit-levha { display: block; color: inherit; text-decoration: none; }
a.snc-kiremit-levha:hover { --p-kenar: var(--snc-kahve); }
a.snc-kiremit-levha p { color: var(--snc-dumanli); font-size: var(--snc-y-mini); }
@media (max-width: 719px) { .snc-kiremit-levha { padding: 18px 16px; } }
.snc-levha-ucu { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px var(--snc-a4); margin-bottom: var(--snc-a4); }
.snc-levha-ucu h2, .snc-levha-ucu h3 { margin: 0; }
.snc-levha-ucu h2 { font-size: clamp(1.25rem, 1.12rem + 0.6vw, 1.625rem); }
.snc-levha-ucu p { margin: 6px 0 0; color: var(--snc-dumanli); font-size: var(--snc-y-mini); }
.snc-levha-ucu small { color: var(--snc-dumanli); font-size: 14px; }
.snc-levha-ucu h3 a { text-decoration: none; }
.snc-levha-ucu h3 a:hover { text-decoration: underline; text-decoration-color: var(--snc-kiremit); }
.snc-kiremitler { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.snc-kiremitler > * { min-width: 0; }
@media (min-width: 720px) { .snc-kiremitler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .snc-kiremitler--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .snc-kiremitler--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.snc-kiremitler > .snc-kiremit-levha > .snc-damgali-rozet { margin-bottom: 8px; }
.snc-kiremitler > .snc-kiremit-levha > p { margin: 0; color: var(--snc-dumanli); font-size: var(--snc-y-mini); }
.snc-kiremitler > .snc-kiremit-levha > h3 + p { margin-top: 0; }
/* Cihaz plakası: izometrik çizim + ad satırı (ad + yuvarlak köşeli ok). */
.snc-kiremit-aygit { padding: 10px 10px 14px; }
a.snc-kiremit-aygit { display: grid; }
.snc-kiremit-aygit .snc-cizim-kenarligi { padding: 0; }
.snc-kiremit-aygit .snc-cizim-kenarligi::before, .snc-kiremit-aygit .snc-cizim-kenarligi::after { display: none; }
.snc-kiremit-aygit img { width: 100%; height: auto; }
.snc-kiremit-aygit-bagli { display: block; color: inherit; text-decoration: none; }
.snc-kiremit-aygit-alta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; padding: 12px 4px 0; border-top: 1px solid var(--snc-hatti-narin); }
.snc-kiremit-aygit-alta h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.snc-kiremit-aygit-alta p { margin: 2px 0 0; color: var(--snc-dumanli); font-size: 14px; }
.snc-kiremit-aygit-alta::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--snc-kahve) var(--snc-oku-simge) center / 14px 14px no-repeat; border-radius: var(--snc-kavis-orta); transition: background-color var(--snc-zaman) var(--snc-kivrik); }
.snc-kiremit-aygit:hover .snc-kiremit-aygit-alta::after, .snc-kiremit-aygit-bagli:hover .snc-kiremit-aygit-alta::after { background-color: var(--snc-kiremit); }
.snc-kiremit-aygit:hover, li.snc-kiremit-aygit:focus-within { --p-kenar: var(--snc-kahve); }
.snc-aygit-sira-sira { margin-right: 8px; font-family: var(--snc-f-rakam); font-size: 13px; font-weight: 700; color: var(--snc-kiremit); font-variant-numeric: tabular-nums; }
.snc-kiremit-aygit--puanli { display: grid; grid-template-rows: auto 1fr auto; }
.snc-kiremit-aygit-islem { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 10px; padding: 10px 4px 0; border-top: 1px solid var(--snc-hatti-narin); font-size: 14px; }
.snc-kiremit-aygit-islem a { color: var(--snc-dumanli); text-decoration: none; }
.snc-kiremit-aygit-islem a:hover { color: var(--snc-kahve); text-decoration: underline; text-decoration-color: var(--snc-kiremit); }
.snc-kiremit-aygit-islem .snc-kiremit-aygit-talep { display: inline-flex; align-items: center; gap: 4px; font-family: var(--snc-f-unvan); font-weight: 600; color: var(--snc-kahve); }
.snc-kiremit-aygit-islem .snc-kiremit-aygit-talep:hover { color: var(--snc-kiremit); }
@media (max-width: 719px) {
  .snc-kiremitler--aygit { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .snc-kiremitler--aygit .snc-kiremit-aygit { padding: 6px 6px 10px; }
  .snc-kiremitler--aygit .snc-kiremit-aygit-alta { padding: 8px 2px 0; }
  .snc-kiremitler--aygit .snc-kiremit-aygit-alta::after { display: none; }
  .snc-kiremitler--aygit .snc-kiremit-aygit-alta h3 { font-size: 15px; }
  .snc-kiremitler--aygit .snc-kiremit-aygit-alta p { font-size: 13px; }
  .snc-kiremitler--aygit .snc-kiremit-aygit-islem { padding: 8px 2px 0; font-size: 13px; }
}
/* Yan plaka: kum, sağ üstü yuvarlak köşeli, köşe imli; yapışkan DEĞİL. */
.snc-kenar-kiremit { --p-zemin: var(--snc-kum); --p-kenar: var(--snc-kum); padding: 24px; min-width: 0; }
.snc-kenar-kiremit-unvan { margin: 0 0 12px; font-size: 19px; }
.snc-kenar-kiremit dl { margin: 0; }
.snc-kenar-kiremit dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; border-top: 1px solid var(--snc-hatti); }
.snc-kenar-kiremit dt { font-family: var(--snc-f-unvan); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--snc-dumanli); }
.snc-kenar-kiremit dd { margin: 0; font-family: var(--snc-f-unvan); font-weight: 600; color: var(--snc-kahve); text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.snc-kenar-kiremit .snc-tarif-kiremitsi > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.snc-kenar-kiremit .snc-tarif-kiremitsi dd { font-family: var(--snc-f-omurga); font-weight: 400; text-align: left; color: var(--snc-yazi); }
.snc-kenar-kiremit > .snc-kavis-tus { margin-top: var(--snc-a4); }
.snc-kenar-kiremit-serhi { margin: var(--snc-a4) 0 0; color: var(--snc-dumanli); font-size: 14px; }

/* --- İş plakası (süreç, imza): tek yuvarlak köşeli plakada alanlar ---------------- */
.snc-ise-kiremitsi { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 1px; list-style: none; }
/* Alanların zemini (etkin alan kum) köşeyi örtmesin: öğe kesilir, kenar ve köşe çizgisi alanların ÜSTÜNDE. */
.snc-ise-kiremitsi { --p-zemin: transparent; background: var(--snc-ak); border-radius: var(--snc-kavis); }
.snc-ise-kiremitsi::before { z-index: 1; }
@media (min-width: 900px) { .snc-ise-kiremitsi:not(.snc-ise-kiremitsi--dik) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } }
.snc-ise-sahasi { position: relative; padding: 18px 20px 22px; min-width: 0; }
.snc-ise-sahasi + .snc-ise-sahasi { border-top: 1px solid var(--snc-hatti); }
@media (min-width: 900px) { .snc-ise-kiremitsi:not(.snc-ise-kiremitsi--dik) > .snc-ise-sahasi + .snc-ise-sahasi { border-top: 0; border-left: 1px solid var(--snc-hatti); } }
.snc-ise-sahasi small { display: block; margin-bottom: 10px; font-family: var(--snc-f-unvan); font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--snc-dumanli); }
.snc-ise-sahasi h3 { margin: 0 0 6px; font-size: 19px; }
.snc-ise-sahasi p { margin: 0; color: var(--snc-dumanli); font-size: var(--snc-y-mini); }
.snc-ise-sahasi--hemen { background: var(--snc-kum); }
.snc-ise-sahasi--hemen small { color: var(--snc-kiremit); }
.snc-ise-sahasi--hemen::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: var(--snc-kiremit); border-radius: 50%; }
.snc-ise-kiremitsi--dik { margin: var(--snc-a5) 0; }
.snc-ise-kiremitsi--dik .snc-ise-sahasi { padding: 14px 18px 16px; }
.snc-ise-kiremitsi--dik .snc-ise-sahasi small { margin-bottom: 6px; }
.snc-ise-kiremitsi--dik .snc-ise-sahasi h3 { font-size: 17px; }
.snc-ise-kiremitsi--dik .snc-ise-sahasi small + p { color: var(--snc-yazi); }

/* --- Sayfa yolu ------------------------------------------------------- */
.snc-kiremit-rotasi { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 14px; padding: 0; list-style: none; font-family: var(--snc-f-unvan); font-size: 14px; color: var(--snc-dumanli); }
.snc-kiremit-rotasi li + li::before { content: "/"; margin-right: 10px; color: var(--snc-kiremit); }
.snc-kiremit-rotasi a { color: var(--snc-dumanli); text-decoration: none; }
.snc-kiremit-rotasi a:hover { color: var(--snc-kahve); text-decoration: underline; text-decoration-color: var(--snc-kiremit); }
.snc-kiremit-rotasi [aria-current] { color: var(--snc-kahve); }

/* --- Yuvarlak köşeli etiket (durum), yuvarlak köşeli çip, sık aranan -------------------------- */
.snc-kavis-rozet { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border-radius: 6px; background: var(--snc-kum-2); color: var(--snc-kahve); font-family: var(--snc-f-unvan); font-size: 13.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.snc-kavis-rozet--kendi { background: #e2f0e8; color: var(--snc-yesil); }
.snc-kavis-rozet--servis { background: var(--snc-kum-2); color: var(--snc-kahve); }
.snc-kavis-rozet--durdur { background: var(--snc-kiremit); color: var(--snc-kiremit-tepe); }
.snc-populer-kiremitler { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.snc-kavis-pul { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; background: var(--snc-kum); color: var(--snc-kahve); font-size: 14.5px; text-decoration: none; border-radius: 7px; transition: background-color var(--snc-zaman) var(--snc-kivrik); }
a.snc-kavis-pul:hover { background: var(--snc-kum-3); color: var(--snc-kahve); }
a.snc-kavis-pul:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snc-kiremit); }
.snc-kiremit-dilimi--kum .snc-kavis-pul, .snc-kiremit-levha--kum .snc-kavis-pul { background: var(--snc-ak); }
.snc-populer-aranan-serisi { display: grid; gap: 8px; margin-top: var(--snc-a5); }
.snc-populer-aranan-serisi > span { font-family: var(--snc-f-unvan); font-size: 13px; font-weight: 600; color: var(--snc-dumanli); }

/* --- Kod plakası ------------------------------------------------------ */
.snc-isaret-kiremitsi { width: 100%; border-collapse: collapse; font-size: 15px; box-shadow: inset 0 0 0 1px var(--snc-hatti); }
.snc-isaret-kiremitsi caption { padding: 0 0 10px; text-align: left; font-family: var(--snc-f-unvan); font-size: 13.5px; font-weight: 600; color: var(--snc-dumanli); }
.snc-isaret-kiremitsi th, .snc-isaret-kiremitsi td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--snc-hatti-narin); overflow-wrap: anywhere; }
.snc-isaret-kiremitsi thead th { background: var(--snc-kahve); color: var(--snc-ak); font-family: var(--snc-f-unvan); font-size: 13px; font-weight: 600; letter-spacing: 0.03em; vertical-align: middle; }
.snc-isaret-kiremitsi tbody tr:last-child > * { border-bottom: 0; }
.snc-isaret-kiremitsi td b { display: block; font-weight: 600; color: var(--snc-kahve); }
.snc-isaret-kiremitsi td b + span { display: block; color: var(--snc-dumanli); font-size: 14px; }
.snc-isaret-kiremitsi tr:target > td { background: var(--snc-kum); }
.snc-isaret-kiremitsi tr[hidden] { display: none; }
.snc-isaret-hucresi { display: inline-block; min-width: 58px; padding: 4px 10px; background: var(--snc-kum); color: var(--snc-kahve); font-family: var(--snc-f-rakam); 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: 5px; transition: background-color var(--snc-zaman) var(--snc-kivrik), color var(--snc-zaman) var(--snc-kivrik); }
a.snc-isaret-hucresi:hover { background: var(--snc-kahve); color: var(--snc-ak); }
a.snc-isaret-hucresi:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snc-kiremit); }
@media (max-width: 719px) {
  .snc-isaret-kiremitsi thead { display: none; }
  .snc-isaret-kiremitsi tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--snc-hatti-narin); }
  .snc-isaret-kiremitsi tbody tr:last-child { border-bottom: 0; }
  .snc-isaret-kiremitsi td { padding: 2px 0; border: 0; }
  .snc-isaret-kiremitsi td:first-child { grid-row: span 2; }
}
/* Tam kod tablosu (marka × cihaz) ve markanın tabloları. */
.snc-isaret-kiremitsi--butun td:first-child { width: 1%; white-space: nowrap; }
.snc-isaret-kiremitsi--butun td p { margin: 0 0 6px; max-width: 64ch; }
.snc-isaret-kiremitsi--butun td strong { font-weight: 700; color: var(--snc-kahve); }
.snc-isaret-gorulen { color: var(--snc-dumanli); }
.snc-isaret-katlanir-ayrinti { margin-top: 8px; }
.snc-isaret-katlanir-ayrinti > 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(--snc-kahve); border-radius: var(--snc-kavis-orta); font-family: var(--snc-f-unvan); font-size: 14px; font-weight: 600; color: var(--snc-kahve); cursor: pointer; }
.snc-isaret-katlanir-ayrinti > summary::-webkit-details-marker { display: none; }
.snc-isaret-katlanir-ayrinti > summary::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--snc-m-altta) center / contain no-repeat; mask: var(--snc-m-altta) center / contain no-repeat; }
.snc-isaret-katlanir-ayrinti > summary:hover { background: var(--snc-kahve); color: var(--snc-ak); }
.snc-isaret-katlanir-ayrinti[open] { --p-zemin: var(--snc-kum); --p-kenar: var(--snc-kum); margin-top: 10px; padding: 12px 16px 8px; }
.snc-isaret-katlanir-ayrinti[open] > summary { min-height: 34px; padding: 0; box-shadow: none; clip-path: none; background: none; color: var(--snc-kahve); }
.snc-isaret-katlanir-ayrinti[open] > summary::after { transform: rotate(180deg); }
.snc-isaret-katlanir-ayrinti h3 { margin: var(--snc-a3) 0 0; font-size: 15px; }
.snc-isaret-katlanir-ayrinti .snc-dizgi-serisi { min-height: 40px; padding-block: 6px; font-size: 15px; }
.snc-isaret-filtre-kiremitsi { max-width: 520px; }
.snc-isaret-filtre-kiremitsi .snc-saha-anlatim { min-height: 1.5em; margin-top: 8px; }
.snc-isaret-kiremitsi--marka td:first-child a { text-decoration: none; }
.snc-isaret-kiremitsi--marka td:first-child a:hover b { text-decoration: underline; text-decoration-color: var(--snc-kiremit); }
.snc-isaret-kiremitsi--marka .snc-populer-kiremitler { gap: 6px; }
.snc-isaret-kiremitsi--marka td:last-child, .snc-isaret-kiremitsi--marka th:last-child { text-align: right; color: var(--snc-dumanli); }
@media (max-width: 719px) {
  .snc-isaret-kiremitsi--marka tr { grid-template-columns: minmax(0, 1fr) auto; }
  .snc-isaret-kiremitsi--marka td:first-child { grid-row: auto; }
  .snc-isaret-kiremitsi--marka td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 6px; }
  .snc-isaret-kiremitsi--butun td:last-child { grid-column: 2; padding-top: 6px; }
}
/* Tip tablosu: veri tablosu (renkler, basın, ekipler, resmi hatlar, işin sırası). */
.snc-model-cetveli { width: 100%; border-collapse: collapse; font-size: var(--snc-y-mini); box-shadow: inset 0 0 0 1px var(--snc-hatti); }
.snc-model-cetveli th, .snc-model-cetveli td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--snc-hatti-narin); overflow-wrap: anywhere; }
.snc-model-cetveli thead th { background: var(--snc-kum-2); color: var(--snc-kahve); font-family: var(--snc-f-unvan); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; vertical-align: bottom; }
.snc-model-cetveli tbody th { font-family: var(--snc-f-unvan); font-weight: 600; color: var(--snc-kahve); border-right: 1px solid var(--snc-hatti-narin); }
.snc-model-cetveli tbody tr:last-child > * { border-bottom: 0; }
@media (max-width: 719px) {
  .snc-model-cetveli--sikisik thead { display: none; }
  .snc-model-cetveli--sikisik tr { display: grid; gap: 4px; padding: 12px 14px; border-bottom: 1px solid var(--snc-hatti-narin); }
  .snc-model-cetveli--sikisik tbody tr:last-child { border-bottom: 0; }
  .snc-model-cetveli--sikisik td, .snc-model-cetveli--sikisik tbody th { padding: 0; border: 0; }
}
/* Tanım plakası: alan adı (küçük Chakra) │ değer; 1 px çizgilerle bölünmüş satırlar. */
.snc-tarif-kiremitsi { margin: 0; font-size: var(--snc-y-mini); }
.snc-tarif-kiremitsi > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--snc-hatti-narin); }
.snc-tarif-kiremitsi > div:first-child { padding-top: 0; border-top: 0; }
.snc-tarif-kiremitsi dt { font-family: var(--snc-f-unvan); font-size: 13.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--snc-dumanli); }
.snc-tarif-kiremitsi dd { margin: 0; color: var(--snc-yazi); overflow-wrap: anywhere; }
@media (max-width: 559px) { .snc-tarif-kiremitsi > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* --- Soru plakası (SSS), katlanan plaka --------------------------------- */
.snc-merak-kiremitsi { box-shadow: inset 0 0 0 1px var(--snc-hatti); }
.snc-merak-kiremit-serisi + .snc-merak-kiremit-serisi { border-top: 1px solid var(--snc-hatti); }
.snc-merak-kiremit-serisi summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 18px; list-style: none; font-family: var(--snc-f-unvan); font-size: 17px; font-weight: 600; color: var(--snc-kahve); cursor: pointer; }
.snc-merak-kiremit-serisi summary::-webkit-details-marker { display: none; }
.snc-merak-kiremit-serisi summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--snc-kahve); -webkit-mask: var(--snc-m-altta) center / contain no-repeat; mask: var(--snc-m-altta) center / contain no-repeat; }
.snc-merak-kiremit-serisi summary:hover { background: var(--snc-kum); }
.snc-merak-kiremit-serisi[open] { background: var(--snc-kum); }
.snc-merak-kiremit-serisi[open] summary::after { transform: rotate(180deg); background: var(--snc-kiremit); }
.snc-merak-kiremit-serisi > div { padding: 0 18px 16px; color: var(--snc-yazi); }
.snc-merak-kiremit-serisi > div p { margin: 0 0 10px; }
.snc-merak-kiremit-serisi > div p:last-child { margin-bottom: 0; }
@media (min-width: 1080px) {
  .snc-merak-kiremitsi--iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; box-shadow: none; }
  .snc-merak-kiremitsi--iki .snc-merak-kiremit-serisi { box-shadow: inset 0 0 0 1px var(--snc-hatti); }
  .snc-merak-kiremitsi--iki .snc-merak-kiremit-serisi + .snc-merak-kiremit-serisi { border-top: 0; }
}
.snc-acilip-kiremit { border-top: 1px solid var(--snc-hatti-narin); }
.snc-acilip-kiremit > summary { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; list-style: none; cursor: pointer; }
.snc-acilip-kiremit > summary::-webkit-details-marker { display: none; }
.snc-acilip-kiremit > summary h3 { flex: 1; min-width: 0; margin: 0; font-size: 17px; }
.snc-acilip-kiremit > summary small { font-family: var(--snc-f-rakam); font-size: 14px; font-weight: 600; color: var(--snc-dumanli-2); font-variant-numeric: tabular-nums; }
.snc-acilip-kiremit > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--snc-kahve); -webkit-mask: var(--snc-m-altta) center / contain no-repeat; mask: var(--snc-m-altta) center / contain no-repeat; }
.snc-acilip-kiremit[open] > summary::after { transform: rotate(180deg); background: var(--snc-kiremit); }
.snc-acilip-kiremit > summary:hover h3 { text-decoration: underline; text-decoration-color: var(--snc-kiremit); }
.snc-acilip-kiremit > p { margin: 0 0 8px; color: var(--snc-dumanli); }
.snc-acilip-kiremit > .snc-seri-dizgisi { margin-bottom: var(--snc-a3); }
.snc-kiremit-levha > .snc-acilip-kiremit:first-of-type { margin-top: var(--snc-a3); }

/* --- Form ------------------------------------------------------------- */
.snc-kiremit-formu { display: grid; gap: var(--snc-a5); min-width: 0; }
.snc-kayit-kesimi { display: grid; gap: 14px; min-width: 0; }
.snc-kayit-kesimi + .snc-kayit-kesimi { padding-top: var(--snc-a5); border-top: 1px solid var(--snc-hatti-narin); }
.snc-kesim-adi { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; }
.snc-kesim-adi::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--snc-kiremit); border-radius: 50%; }
.snc-kesim-adi b { font-family: var(--snc-f-unvan); font-size: 17px; font-weight: 600; color: var(--snc-kahve); }
.snc-kesim-adi small { color: var(--snc-dumanli); font-size: 14px; }
.snc-alanlar-kenar-yana { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 640px) { .snc-alanlar-kenar-yana { grid-template-columns: repeat(2, minmax(0, 1fr)); } .snc-alanlar-kenar-yana > .snc-kiremit-sahasi--butun, .snc-alanlar-kenar-yana > .snc-teyit-serisi { grid-column: 1 / -1; } }
.snc-kiremit-sahasi { display: grid; gap: 6px; min-width: 0; align-content: start; }
.snc-kiremit-sahasi > label, .snc-saha-unvani { font-family: var(--snc-f-unvan); font-size: 14px; font-weight: 600; color: var(--snc-kahve); }
.snc-kiremit-sahasi label small { font-family: var(--snc-f-omurga); font-weight: 400; color: var(--snc-dumanli); }
.snc-kiremit-sahasi input, .snc-kiremit-sahasi select, .snc-kiremit-sahasi textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 14px; border: 0; background: var(--snc-ak); color: var(--snc-kahve); font: inherit; font-size: 16px; box-shadow: inset 0 0 0 1.5px var(--snc-hatti-katı); border-radius: var(--snc-kavis-orta); -webkit-appearance: none; appearance: none; transition: box-shadow var(--snc-zaman) var(--snc-kivrik); }
.snc-kiremit-sahasi textarea { min-height: 116px; padding-block: 14px; resize: vertical; }
.snc-kiremit-sahasi select { padding-right: 44px; background: var(--snc-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"); }
.snc-kiremit-sahasi select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.snc-kiremit-sahasi input::placeholder, .snc-kiremit-sahasi textarea::placeholder { color: var(--snc-dumanli-2); }
.snc-kiremit-sahasi input:hover, .snc-kiremit-sahasi select:hover, .snc-kiremit-sahasi textarea:hover { box-shadow: inset 0 0 0 1.5px var(--snc-kahve); }
.snc-kiremit-sahasi input:focus-visible, .snc-kiremit-sahasi select:focus-visible, .snc-kiremit-sahasi textarea:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snc-kiremit); }
.snc-kiremit-sahasi input[type="date"], .snc-kiremit-sahasi input[type="time"] { display: block; -webkit-appearance: auto; appearance: auto; color-scheme: light; }
.snc-kiremit-sahasi input[type="date"]::-webkit-calendar-picker-indicator, .snc-kiremit-sahasi input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
.snc-kiremit-sahasi input[type="file"] { padding: 10px 12px; }
.snc-kiremit-sahasi input[type="file"]::file-selector-button { margin-right: var(--snc-a3); min-height: 34px; padding: 0 14px; border: 0; background: var(--snc-kahve); color: var(--snc-ak); font: inherit; font-family: var(--snc-f-unvan); font-weight: 600; border-radius: 6px; cursor: pointer; }
.snc-kiremit-sahasi--arizali input, .snc-kiremit-sahasi--arizali select, .snc-kiremit-sahasi--arizali textarea { background-color: var(--snc-kiremit-acik); box-shadow: inset 0 0 0 2px var(--snc-kiremit); }
.snc-saha-anlatim { margin: 0; color: var(--snc-dumanli); font-size: 13.5px; }
.snc-saha-arizali-serisi { display: flex; gap: 8px; align-items: center; margin: 0; max-width: none; color: var(--snc-kiremit); font-size: 14px; font-weight: 600; }
.snc-saha-arizali-serisi::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--snc-kiremit); border-radius: 50%; }
.snc-teyit-serisi { display: flex; gap: 12px; align-items: flex-start; color: var(--snc-yazi); font-size: 15px; cursor: pointer; }
.snc-teyit-serisi input { flex: none; display: grid; place-content: center; width: 22px; height: 22px; margin: 1px 0 0; border: 0; background: var(--snc-ak); box-shadow: inset 0 0 0 1.5px var(--snc-hatti-katı); -webkit-appearance: none; appearance: none; cursor: pointer; }
.snc-teyit-serisi input:checked { background: var(--snc-kiremit); box-shadow: none; }
.snc-teyit-serisi input:checked::after { content: ""; width: 16px; height: 16px; background: var(--snc-kiremit-tepe); -webkit-mask: var(--snc-m-teyit) center / contain no-repeat; mask: var(--snc-m-teyit) center / contain no-repeat; }
.snc-teyit-serisi input:focus-visible { outline: 2px solid var(--snc-kiremit); outline-offset: 2px; }
.snc-kiremit-sahasi--arizali.snc-teyit-serisi input { box-shadow: inset 0 0 0 2px var(--snc-kiremit); }
/* Uygun gün: önümüzdeki günler yuvarlak köşeli küçük plakalar (snc.js). */
.snc-gun-kiremitleri { display: flex; flex-wrap: wrap; gap: 8px; }
.snc-gun-kiremitleri button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 14px; border: 0; background: var(--snc-kum); color: var(--snc-dumanli); font: inherit; font-size: 14px; border-radius: 6px; cursor: pointer; transition: background-color var(--snc-zaman) var(--snc-kivrik); }
.snc-gun-kiremitleri button b { font-family: var(--snc-f-rakam); font-size: 16px; font-weight: 700; color: var(--snc-kahve); font-variant-numeric: tabular-nums; }
.snc-gun-kiremitleri button:hover { background: var(--snc-kum-3); }
.snc-gun-kiremitleri button[aria-pressed="true"] { background: var(--snc-kahve); color: #e9d9cb; }
.snc-gun-kiremitleri button[aria-pressed="true"] b { color: var(--snc-ak); }
.snc-gun-kiremitleri button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snc-kiremit); }
.snc-kayit-gonder-serisi { display: grid; gap: var(--snc-a3); }
.snc-kayit-gonder-serisi p { margin: 0; color: var(--snc-dumanli); font-size: 14px; }
@media (min-width: 720px) { .snc-kayit-gonder-serisi .snc-kavis-tus { justify-self: start; min-width: 300px; } }
.snc-goruntu-disarisi-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ı. */
.snc-kayit-kiremit-ikilisi { display: grid; gap: var(--snc-a6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.snc-kayit-kiremit-ikilisi > * { min-width: 0; }
@media (min-width: 1080px) { .snc-kayit-kiremit-ikilisi { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--snc-a7); } }
.snc-kayit-anlatimi h2 { margin: 0 0 var(--snc-a3); font-size: var(--snc-y-1); }
.snc-kayit-anlatimi .snc-kiremit-alimi { margin-top: 0; }
.snc-kayit-dipnotu { color: var(--snc-dumanli); font-size: 14px; }
.snc-kayit-kiremitsi { --p-kenar: var(--snc-hatti-katı); padding: var(--snc-a6) var(--snc-a5); }
@media (max-width: 719px) { .snc-kayit-kiremitsi { padding: var(--snc-a5) var(--snc-a4); } }

/* --- Plaka notu, uyarı ------------------------------------------------ */
.snc-kiremit-serhi { --p-zemin: var(--snc-kum); --p-kenar: var(--snc-kum); margin: 0 0 var(--snc-a4); padding: 14px 18px 14px 21px; max-width: none; color: var(--snc-yazi); font-size: var(--snc-y-mini); }
.snc-kiremit-serhi::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--snc-kahve); }
.snc-kiremit-serhi b { display: block; margin-bottom: 2px; font-family: var(--snc-f-unvan); font-weight: 600; color: var(--snc-kahve); }
.snc-kiremit-serhi p { margin: 0; }
.snc-kiremit-serhi:last-child { margin-bottom: 0; }
.snc-kiremit-serhi--ikaz { --p-zemin: var(--snc-kiremit-acik); --p-kenar: var(--snc-kiremit-acik); }
.snc-kiremit-serhi--ikaz::after { background: var(--snc-kiremit); }
.snc-kiremit-serhi--ikaz b { color: var(--snc-kiremit); }
.snc-kiremit-serhi--tamam::after { background: var(--snc-yesil); }
.snc-kiremit-serhi--tamam b { color: var(--snc-yesil); }

/* --- Açılış plakası, izometrik çizim, parça tablosu ---------------------- */
.snc-yaprak-kiremitsi { padding-top: var(--snc-a6); }
.snc-yaprak-kiremitsi-ic { display: grid; gap: var(--snc-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.snc-yaprak-kiremitsi-ic > * { min-width: 0; }
.snc-yaprak-kiremitsi-ic h1 { margin: 0; overflow-wrap: anywhere; }
@media (min-width: 1080px) { .snc-yaprak-kiremitsi-ic { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--snc-a8); } }
.snc-yaprak-kiremitsi-resim { display: grid; gap: var(--snc-a3); align-content: center; }
.snc-yaprak-kiremitsi-resim:empty { display: none; }
@media (min-width: 1080px) { .snc-yaprak-kiremitsi-ic:has(> .snc-yaprak-kiremitsi-resim:empty) { grid-template-columns: minmax(0, 1fr); } }
.snc-yaprak-kiremitsi-omurga > h1 { margin: 0; overflow-wrap: anywhere; }
.snc-yaprak-kiremitsi .snc-gecis-seridi { margin-top: var(--snc-a6); }
.snc-yaprak-kiremitsi .snc-kavis-islemleri { margin-top: var(--snc-a5); }
/* Çizim plakası: sağ üstü 28 px yuvarlak köşeli kâğıt kart, köşede 20 px köşe imi. */
.snc-cizim-kenarligi { --p-pah: 28px; --p-imi: 20px; display: block; padding: 14px; }
.snc-cizim-kenarligi img { width: 100%; height: auto; }
.snc-cizim-kenarligi picture { display: block; }
.snc-yaprak-kiremitsi-resim > .snc-cizim-kenarligi { width: 100%; max-width: 440px; justify-self: center; }
@media (max-width: 1079px) { .snc-yaprak-kiremitsi-resim > .snc-cizim-kenarligi { max-width: 320px; justify-self: start; } }
/* Ana sayfa açılışı. */
.snc-baslangic-dilimi { padding-top: var(--snc-a6); }
@media (min-width: 1080px) { .snc-baslangic-dilimi { padding-top: var(--snc-a8); } }
.snc-baslangic-kiremitsi { display: grid; gap: var(--snc-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.snc-baslangic-kiremitsi > * { min-width: 0; }
@media (min-width: 1080px) { .snc-baslangic-kiremitsi { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--snc-a8); } }
.snc-baslangic-yazisi .snc-kavis-islemleri { margin-top: var(--snc-a5); }
/* İlke plakası: tip etiketi gibi üç alan. */
.snc-prensip-kiremitsi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--snc-a5) 0 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--snc-hatti); }
.snc-prensip-kiremitsi li { padding: 12px 14px; color: var(--snc-kahve); font-size: 14.5px; font-weight: 600; line-height: 1.35; }
.snc-prensip-kiremitsi li + li { border-left: 1px solid var(--snc-hatti); }
.snc-prensip-kiremitsi small { display: block; margin-bottom: 4px; font-family: var(--snc-f-unvan); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--snc-kiremit); }
@media (max-width: 419px) { .snc-prensip-kiremitsi li { padding: 10px; font-size: 13.5px; } }
.snc-ilk-kiremit { --p-pah: 28px; --p-imi: 20px; margin: 0; padding: 18px; }
.snc-ilk-kiremit figcaption { margin-top: 12px; }
.snc-kavis-puanli { position: relative; }
.snc-kavis-puanli picture { display: block; }
.snc-kavis-puanli img { display: block; width: 100%; height: auto; }
.snc-sira-tabakasi { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.snc-kavis-sira { transition: opacity var(--snc-zaman) var(--snc-kivrik); }
.snc-sira-zemin { fill: var(--snc-kahve); }
.snc-sira-isareti { fill: var(--snc-kiremit); }
.snc-kavis-sira text { fill: #ffffff; font-family: var(--snc-f-unvan); font-size: 3.3px; font-weight: 700; text-anchor: middle; dominant-baseline: middle; }
.snc-kavis-sira--secili .snc-sira-zemin { fill: var(--snc-kiremit); }
.snc-kavis-sira--secili .snc-sira-isareti { fill: var(--snc-kahve); }
.snc-sira-tabakasi:has(.snc-kavis-sira--secili) .snc-kavis-sira:not(.snc-kavis-sira--secili) { opacity: 0.3; }
.snc-kiremit-aygit--puanli .snc-kavis-sira { opacity: 0; }
.snc-kiremit-aygit--puanli:hover .snc-kavis-sira, .snc-kiremit-aygit--puanli:focus-within .snc-kavis-sira { opacity: 1; }
@media (hover: none) { .snc-kiremit-aygit--puanli .snc-kavis-sira { opacity: 1; } }
.snc-parca-cetveli-ucu { display: block; margin-bottom: 8px; font-family: var(--snc-f-unvan); font-size: 13px; font-weight: 600; color: var(--snc-dumanli); }
.snc-parca-cetveli { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--snc-hatti); font-size: 14px; }
@media (min-width: 420px) { .snc-parca-cetveli { grid-template-columns: repeat(2, minmax(0, 1fr)); } .snc-parca-cetveli li:nth-child(odd) { border-right: 1px solid var(--snc-hatti-narin); } }
.snc-parca-cetveli li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border-bottom: 1px solid var(--snc-hatti-narin); color: var(--snc-yazi); }
.snc-parca-cetveli b { flex: none; display: inline-grid; place-items: center; width: 26px; height: 20px; background: var(--snc-kahve); color: var(--snc-ak); font-family: var(--snc-f-unvan); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; border-radius: 5px; }

/* --- Mobil alt plaka (<1080 px) --------------------------------------- */
.snc-alta-kiremit { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: 10px var(--snc-kenar) calc(10px + env(safe-area-inset-bottom)); background: var(--snc-ak); border-top: 1px solid var(--snc-hatti); transition: transform var(--snc-zaman) var(--snc-kivrik); }
.snc-alta-kiremit::before { content: ""; position: absolute; left: 0; top: -2px; width: 72px; height: 3px; background: var(--snc-kahve); }
.snc-alta-kiremit > .snc-kavis-tus { flex: 1; min-width: 0; }
.snc-alta-kiremit > .snc-alta-kiremit-hatt { flex: 0 0 auto; padding-inline: 18px; }
.snc-alta-kiremit--saklı { transform: translateY(calc(100% + 8px)); }
.snc-alta-kiremit > .snc-kavis-tus > span { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.2; }
.snc-alta-kiremit small { font-size: .82em; font-weight: 600; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
body.snc-alta-kiremitli { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { .snc-alta-kiremit { display: none; } body.snc-alta-kiremitli { padding-bottom: 0; } }

/* --- Kum altbilgi, tip etiketi, dip satır, son plaka ----------------- */
.snc-kum-taban { position: relative; margin-top: var(--snc-bolum); padding: var(--snc-a7) 0 0; background: var(--snc-kum); border-top: 1px solid var(--snc-hatti); }
.snc-kum-taban::before { content: ""; position: absolute; left: 0; top: -2px; width: 120px; height: 3px; background: var(--snc-kahve); }
.snc-son-kiremit-dilimi + .snc-kum-taban { margin-top: var(--snc-bolum); }
.snc-kum-taban-izgara { display: grid; gap: var(--snc-a6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .snc-kum-taban-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .snc-kum-taban-izgara { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); } }
.snc-taban-kimlik > a img { height: 28px; width: auto; margin-bottom: var(--snc-a4); }
.snc-taban-kimlik > p { max-width: 42ch; color: var(--snc-yazi); font-size: var(--snc-y-mini); }
.snc-taban-temas { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 15px; }
.snc-taban-temas a { color: var(--snc-kahve); text-decoration-color: var(--snc-hatti-katı); }
.snc-taban-temas .snc-tabular-hane { font-family: var(--snc-f-unvan); font-size: 19px; font-weight: 600; text-decoration: none; }
.snc-taban-dizim { min-width: 0; }
.snc-taban-dizim > nav + nav { margin-top: var(--snc-a5); }
.snc-taban-dizim h2 { margin: 0 0 8px; font-size: 15px; letter-spacing: 0; }
.snc-taban-dizim ul { margin: 0; padding: 0; list-style: none; }
.snc-taban-dizim a, .snc-taban-dizim button { display: inline-flex; align-items: center; min-height: 32px; padding: 2px 0; border: 0; background: none; color: var(--snc-yazi); font: inherit; font-size: 15px; text-align: left; text-decoration: none; cursor: pointer; }
.snc-taban-dizim a:hover, .snc-taban-dizim button:hover { color: var(--snc-kiremit); }
.snc-taban-mini { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--snc-a6); padding-top: var(--snc-a4); border-top: 1px solid var(--snc-hatti); }
.snc-taban-mini > a { margin-right: 4px; font-family: var(--snc-f-unvan); font-weight: 600; color: var(--snc-kahve); text-decoration: none; }
.snc-taban-mini ul { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font-size: 14.5px; }
.snc-taban-mini ul a { color: var(--snc-dumanli); text-decoration: none; }
.snc-taban-mini ul a:hover { color: var(--snc-kahve); }
/* Tip etiketi: kurum bilgisi plakası (cihaz arkasındaki üretici etiketi gibi). */
.snc-model-rozeti { --p-kenar: var(--snc-hatti-katı); display: flex; flex-wrap: wrap; margin: var(--snc-a6) 0 0; padding: 1px; font-size: 13.5px; }
.snc-model-rozeti > div { flex: 1 1 200px; min-width: 0; padding: 12px 16px; box-shadow: -1px 0 0 var(--snc-hatti-narin), 0 -1px 0 var(--snc-hatti-narin); }
.snc-model-rozeti dt { margin-bottom: 4px; font-family: var(--snc-f-unvan); font-size: 11.5px; font-weight: 600; letter-spacing: 0.05em; color: var(--snc-dumanli); }
.snc-model-rozeti dd { margin: 0; color: var(--snc-yazi); overflow-wrap: anywhere; }
.snc-model-rozeti-beyan { flex-basis: 100% !important; }
.snc-taban-beyan { color: var(--snc-dumanli); }
.snc-kum-taban2 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: var(--snc-a4) 0 var(--snc-a5); font-size: 13.5px; color: var(--snc-dumanli); }
.snc-kum-taban2 p { margin: 0; }
.snc-kum-taban2 a { color: var(--snc-dumanli); }
.snc-kum-taban2 nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.snc-sayac-serisi b { font-family: var(--snc-f-rakam); font-weight: 700; color: var(--snc-kahve); font-variant-numeric: tabular-nums; }
/* Son plaka: sayfanın TEK koyu yüzeyi — espresso, 28 px köşe, köşede açık kiremit köşe imi. */
.snc-son-kiremit { --p-zemin: var(--snc-kahve); --p-kenar: var(--snc-kahve); --p-pah: 28px; --p-imi: 20px; --p-imi-renk: var(--snc-kiremit-isik); display: grid; gap: var(--snc-a5); align-items: center; padding: 30px 24px; color: #e9d9cb; }
@media (min-width: 900px) { .snc-son-kiremit { grid-template-columns: minmax(0, 1fr) auto; padding: 36px 48px; } }
.snc-son-kiremit h2 { margin: 0 0 8px; color: var(--snc-ak); }
.snc-son-kiremit p { margin: 0; color: #e9d9cb; }
.snc-son-kiremit .snc-damgali-rozet { margin-bottom: 10px; color: #e9d9cb; }
.snc-son-kiremit .snc-damgali-rozet::before { background: var(--snc-kiremit-isik); }
.snc-son-kiremit .snc-kavis-tus--kiremit:focus-visible, .snc-son-kiremit .snc-kavis-tus--tok:focus-visible { box-shadow: inset 0 0 0 3px var(--snc-ak), inset 0 0 0 5px var(--snc-kahve); }
/* Ara plaka (sayfa ortası tek satır çağrı): kum, köşe imli. */
.snc-bul-kiremit { --p-zemin: var(--snc-kum); --p-kenar: var(--snc-kum); display: grid; gap: var(--snc-a4); align-items: center; padding: 22px; }
@media (min-width: 900px) { .snc-bul-kiremit { grid-template-columns: minmax(0, 1fr) auto; padding: 26px 32px; } }
.snc-bul-kiremit p { margin: 0; color: var(--snc-dumanli); }
.snc-bul-kiremit b { display: block; font-family: var(--snc-f-unvan); font-size: var(--snc-y-3); color: var(--snc-kahve); }
/* Çerez plakası: alt plakanın üstünde yüzen kâğıt kart. */
.snc-tanecik-kiremitsi { --p-kenar: var(--snc-hatti-katı); position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 90; max-width: 760px; margin-inline: auto; padding: var(--snc-a4) var(--snc-a5); }
.snc-tanecik-kiremitsi p { margin: 0 0 12px; max-width: none; color: var(--snc-yazi); font-size: 14px; }
/* Telefonda çerez şeridi yarım ekranı kaplamasın: metin küçülür, iki düğme yan yana. */
@media (max-width: 719px) {
  .snc-tanecik-kiremitsi { padding: var(--snc-a3) var(--snc-a4); }
  .snc-tanecik-kiremitsi p { margin-bottom: 10px; font-size: 13px; line-height: 1.5; }
  .snc-tanecik-kiremitsi .snc-kavis-islemleri { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 0; }
  .snc-tanecik-kiremitsi .snc-kavis-islemleri .snc-kavis-tus { flex: 1 1 auto; min-height: 44px; padding: 0 14px; font-size: 14px; }
}

/* --- Sayfa ekleri: ölçü satırı, hat plakası, açılış maddeleri, logo ---- */
.snc-olcum-serisi { --p-zemin: var(--snc-kum); --p-kenar: var(--snc-kum); display: flex; flex-wrap: wrap; margin: 0; padding: 1px; }
.snc-olcum-serisi > div { flex: 1 1 120px; display: flex; flex-direction: column-reverse; gap: 6px; padding: 18px 20px; }
.snc-olcum-serisi > div + div { box-shadow: -1px 0 0 var(--snc-hatti); }
.snc-olcum-serisi dd { margin: 0; font-size: var(--snc-y-dev); }
.snc-olcum-serisi dt { font-family: var(--snc-f-unvan); font-size: var(--snc-y-rozet); font-weight: 600; color: var(--snc-dumanli); }
.snc-sicak-kiremitsi { --p-zemin: var(--snc-kum); --p-kenar: var(--snc-kum); display: grid; gap: 6px; padding: 22px; }
.snc-sicak-kiremitsi .snc-damgali-rozet { margin: 0; }
.snc-sicak-kiremitsi .snc-olcum-hanesi { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); text-decoration: none; overflow-wrap: anywhere; }
.snc-sicak-kiremitsi .snc-olcum-hanesi:hover { color: var(--snc-kiremit); }
.snc-sicak-kiremitsi p { margin: 0; color: var(--snc-dumanli); font-size: 14px; }
.snc-baslangic-ogeleri .snc-dizgi-serisi { min-height: 40px; padding-block: 6px; font-size: 15px; color: var(--snc-yazi); }
.snc-baslangic-ogeleri .snc-dizgi-serisi::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--snc-kiremit); border-radius: 50%; }
.snc-marka-kiremitsi { display: grid; place-items: center; min-height: 140px; margin-bottom: var(--snc-a4); padding: var(--snc-a5); }
.snc-marka-kiremitsi--tok { --p-zemin: var(--snc-kahve); --p-kenar: var(--snc-kahve); }
.snc-marka-kiremitsi img { max-height: 56px; width: auto; }
/* İletişim: tıkla-yükle harita plakası (iletisim-harita.js --acik ekler). */
.snc-yer-kiremitsi { --p-zemin: var(--snc-kum); --p-kenar: var(--snc-kum); display: grid; place-items: center; aspect-ratio: 4 / 3; padding: var(--snc-a5); text-align: center; overflow: hidden; }
.snc-yer-kiremitsi .snc-kavis-islemleri { justify-content: center; }
.snc-yer-kiremitsi iframe { width: 100%; height: 100%; border: 0; }
.snc-yer-kiremitsi--acik { padding: 0; }
.snc-yer-kiremitsi--acik > div { display: none; }
@media (min-width: 720px) { .snc-yer-kiremitsi { aspect-ratio: 16 / 9; } }
.snc-yer-kiremitsi-yeradresi { color: var(--snc-yazi); }
/* Yorum plakası (yalnız onaylı kayıttan). */
.snc-yorum-kiremitsi { margin: 0; }
.snc-yorum-kiremitsi blockquote { margin: 0 0 var(--snc-a3); }
.snc-yorum-kiremitsi figcaption { color: var(--snc-dumanli); font-size: 14px; }
/* Mahalle adları: düz metin dizisi, "·" ayraçlı. */
.snc-isim-dizgisi { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; color: var(--snc-yazi); font-size: var(--snc-y-mini); line-height: 1.9; }
.snc-isim-dizgisi li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--snc-dumanli-2); }

/* --- Satır dökümü, harf bölmeleri, sekme çubuğu -------------------------- */
.snc-seri-dizgisi { margin: 0; padding: 0; list-style: none; }
.snc-dizgi-serisi { display: flex; align-items: center; gap: var(--snc-a3); min-height: 50px; padding: 10px 2px; border-top: 1px solid var(--snc-hatti-narin); }
.snc-dizgi-serisi:first-child { border-top: 0; }
.snc-dizgi-serisi > a { flex: 1; min-width: 0; color: var(--snc-kahve); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.snc-dizgi-serisi > a:hover { text-decoration: underline; text-decoration-color: var(--snc-kiremit); }
.snc-dizgi-serisi small { flex: 0 1 auto; min-width: 0; color: var(--snc-dumanli); font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; }
.snc-dizgi-serisi:has(> a)::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--snc-dumanli-2); -webkit-mask: var(--snc-m-oku) center / contain no-repeat; mask: var(--snc-m-oku) center / contain no-repeat; }
.snc-dizgi-serisi:has(> a:hover)::after { background: var(--snc-kiremit); }
.snc-dizgi-serisi > span { flex: 1; min-width: 0; }
.snc-seri-dizgisi:not(.snc-seri-dizgisi--kolonlu, .snc-baslangic-ogeleri) > .snc-dizgi-serisi > span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 10px 2px 0; background: var(--snc-kahve); border-radius: 50%; }
.snc-seri-anlatimi { display: inline-block; width: 100%; margin-top: 2px; color: var(--snc-dumanli); font-size: 14px; font-weight: 400; }
.snc-seri-dizgisi--kolonlu { columns: 1; column-gap: var(--snc-a6); }
.snc-seri-dizgisi--kolonlu .snc-dizgi-serisi { break-inside: avoid; min-height: 48px; border-top: 0; border-bottom: 1px solid var(--snc-hatti-narin); }
.snc-seri-dizgisi--dortlu { columns: 2; column-gap: var(--snc-a4); }
@media (max-width: 559px) { .snc-seri-dizgisi--dortlu small { display: none; } }
@media (min-width: 560px) { .snc-seri-dizgisi--kolonlu { columns: 2; } }
@media (min-width: 1080px) {
  .snc-seri-dizgisi--kolonlu { columns: 3; }
  .snc-seri-dizgisi--dortlu { columns: 4; }
  .snc-cift-sol .snc-seri-dizgisi--kolonlu, .snc-kiremitler > .snc-kiremit-levha .snc-seri-dizgisi--kolonlu { columns: 2; }
}
/* Harf bölmeleri (A–Z dizinleri) + ad süzgeci. */
.snc-isim-filtresi { max-width: 360px; margin-bottom: var(--snc-a4); }
.snc-yazit-kesimleri { columns: 1; column-gap: var(--snc-a6); }
@media (min-width: 560px) { .snc-yazit-kesimleri { columns: 2; } }
@media (min-width: 1080px) { .snc-yazit-kesimleri { columns: 4; } }
.snc-yazit-kesimi { break-inside: avoid; margin-bottom: var(--snc-a4); }
.snc-yazit-kesimi .snc-damgali-rozet { margin: 0; color: var(--snc-kahve); font-size: 15px; }
.snc-yazit-kesimi .snc-dizgi-serisi { min-height: 44px; padding-block: 6px; }
.snc-yazit-kesimi .snc-dizgi-serisi small { font-size: 13px; text-align: right; }
/* Sekme çubuğu: kum-2 ray üstünde sekmeler; etkin sekme beyaz + kiremit alt çizgi. */
.snc-gecis-seridi { display: flex; gap: 2px; width: max-content; max-width: 100%; margin: var(--snc-a4) 0; padding: 4px; overflow-x: auto; scrollbar-width: none; background: var(--snc-kum-2); border-radius: var(--snc-kavis-orta); }
.snc-gecis-seridi::-webkit-scrollbar { display: none; }
.snc-gecis-seridi a, .snc-gecis-seridi button { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px; border: 0; background: transparent; color: var(--snc-dumanli); font: inherit; font-family: var(--snc-f-unvan); font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color var(--snc-zaman) var(--snc-kivrik), color var(--snc-zaman) var(--snc-kivrik); }
.snc-gecis-seridi a:hover, .snc-gecis-seridi button:hover { color: var(--snc-kahve); background: var(--snc-kum-3); }
.snc-gecis-seridi [aria-selected="true"], .snc-gecis-seridi [aria-current="true"] { background: var(--snc-ak); color: var(--snc-kahve); font-weight: 600; box-shadow: inset 0 -2px 0 var(--snc-kiremit); }
.snc-gecis-seridi a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snc-kiremit); }
.snc-gecis-seridi sup { font-family: var(--snc-f-rakam); font-size: 12px; color: var(--snc-dumanli-2); font-variant-numeric: tabular-nums; vertical-align: baseline; }
.snc-gecis-seridi[data-az-harfler] { margin-top: 0; }
.snc-gecis-seridi[data-az-harfler] a { min-width: 44px; justify-content: center; padding: 0 12px; font-weight: 600; }
.snc-gecis-kiremitsi[hidden] { display: none; }
.snc-gecis-kiremitsi:focus-visible { outline-offset: 4px; }

/* ==========================================================================
   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(.snc-komut) .snc-bulucu-dilimi { display: none; }
.snc-belirti-kiremitsi { display: grid; gap: var(--snc-a5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.snc-belirti-kiremitsi > * { min-width: 0; }
@media (min-width: 900px) { .snc-belirti-kiremitsi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.snc-belirti-kiremitsi > .snc-cizim-kenarligi { max-width: 420px; justify-self: center; width: 100%; }
.snc-belirti-merak-serisi { margin: 0 0 var(--snc-a3); font-family: var(--snc-f-unvan); font-size: var(--snc-y-3); font-weight: 600; color: var(--snc-kahve); }
.snc-belirti-tus-dizilimi { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.snc-belirti-tus-dizilimi button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 14px; border: 0; background: var(--snc-kum); color: var(--snc-yazi); font: inherit; font-size: 15px; text-align: left; border-radius: var(--snc-kavis-orta); cursor: pointer; transition: background-color var(--snc-zaman) var(--snc-kivrik), box-shadow var(--snc-zaman) var(--snc-kivrik); }
.snc-belirti-tus-dizilimi button span { flex: none; display: inline-grid; place-items: center; width: 28px; height: 22px; background: var(--snc-kahve); color: var(--snc-ak); font-family: var(--snc-f-rakam); font-size: 12px; font-weight: 700; border-radius: 5px; }
.snc-belirti-tus-dizilimi button:hover { background: var(--snc-kum-3); color: var(--snc-kahve); }
.snc-belirti-tus-dizilimi button[aria-pressed="true"] { background: var(--snc-ak); color: var(--snc-kahve); box-shadow: inset 0 0 0 2px var(--snc-kiremit); }
.snc-belirti-tus-dizilimi button[aria-pressed="true"] span { background: var(--snc-kiremit); }
.snc-belirti-tus-dizilimi button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snc-kahve); }
.snc-belirti-durumu { min-height: 3em; margin: var(--snc-a4) 0; color: var(--snc-dumanli); font-size: 14px; }
.snc-belirti-durumu b { color: var(--snc-kahve); }
/* Neden ServisNoktası: dört plaka + katlanır fark dökümü. */
.snc-neden-kiremitleri h3 { margin: var(--snc-a3) 0 6px; }
.snc-neden-kiremitleri p { margin: 0; color: var(--snc-dumanli); font-size: var(--snc-y-mini); }
.snc-kavis-simge { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--snc-kum); color: var(--snc-kahve); border-radius: 8px; }
.snc-ayrim-dizgisi { padding: 18px 22px; }
.snc-ayrim-dizgisi summary { display: flex; justify-content: space-between; gap: 12px; list-style: none; font-family: var(--snc-f-unvan); font-weight: 600; color: var(--snc-kahve); cursor: pointer; }
.snc-ayrim-dizgisi summary::-webkit-details-marker { display: none; }
.snc-ayrim-dizgisi summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--snc-kahve); -webkit-mask: var(--snc-m-altta) center / contain no-repeat; mask: var(--snc-m-altta) center / contain no-repeat; }
.snc-ayrim-dizgisi[open] summary::after { transform: rotate(180deg); background: var(--snc-kiremit); }
.snc-ayrim-dizgisi dl { display: grid; margin: var(--snc-a4) 0 0; }
.snc-ayrim-dizgisi dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--snc-hatti-narin); }
@media (min-width: 720px) { .snc-ayrim-dizgisi dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.snc-ayrim-dizgisi dt { color: var(--snc-dumanli); text-decoration: line-through; text-decoration-color: var(--snc-hatti-katı); }
.snc-ayrim-dizgisi dd { margin: 0; color: var(--snc-yazi); }
/* İl ve ilçeler (ana sayfa, kum kesit): başlık + ölçü değerleri, harita, dizin. */
.snc-sehir-kiremitsi-ucu { display: grid; gap: var(--snc-a5); margin-bottom: var(--snc-a5); }
@media (min-width: 900px) { .snc-sehir-kiremitsi-ucu { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.snc-sehir-kiremitsi-ucu h2 { margin: 0 0 8px; }
.snc-sehir-kiremitsi-ucu p { margin: 0; color: var(--snc-dumanli); }
.snc-sehir-olcumleri { display: flex; margin: 0; box-shadow: inset 0 0 0 1px var(--snc-hatti-katı); background: var(--snc-ak); }
.snc-sehir-olcumleri div { display: flex; flex-direction: column; padding: 12px 18px; }
.snc-sehir-olcumleri div + div { border-left: 1px solid var(--snc-hatti); }
.snc-sehir-olcumleri dd { margin: 0; font-family: var(--snc-f-rakam); font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1; color: var(--snc-kahve); font-variant-numeric: tabular-nums; }
.snc-sehir-olcumleri dt { margin-top: 6px; font-family: var(--snc-f-unvan); font-size: 12.5px; font-weight: 600; color: var(--snc-dumanli); }
.snc-sehir-dizgisi { margin-top: var(--snc-a4); }
.snc-sehir-dizgisi summary { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--snc-f-unvan); font-weight: 600; color: var(--snc-kahve); cursor: pointer; }
/* Resmi hat kesitinden sonra gelen iki yan (küçük alet, marka × cihaz) nefes alsın. */
#resmi-hat + .snc-kiremit-kasa { margin-top: var(--snc-bolum); }
.snc-cift-sol > .snc-kiremit-levha > .snc-levha-ucu + .snc-saha-anlatim { margin-top: calc(var(--snc-a3) * -1); }
.snc-cift-sol > .snc-kiremit-levha > p { max-width: 68ch; }
.snc-cift-sol > .snc-kiremit-levha > .snc-kiremitler--aygit { margin-top: var(--snc-a2); }
.snc-kiremit-levha .snc-populer-aranan-serisi .snc-populer-kiremitler { 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 {
  .snc-tepe-kiremit, .snc-alta-kiremit, .snc-kiremit-cekmece, .snc-kiremit-cekmece-ortusu, .snc-tanecik-kiremitsi, .snc-son-kiremit-dilimi, .snc-bul-kiremit, .snc-gecis-seridi { display: none !important; }
  .snc-gecis-kiremitsi[hidden] { display: block !important; }
  .snc-isaret-katlanir-ayrinti { display: block; }
  .snc-acilip-kiremit > summary::after { display: none; }
}

/* ==========================================================================
   İL HARİTASI (il ve ilçeler: parcalar/harita.html + js/harita.js;
   SVG'ler araclar/harita_uret.py). Plaka dili: köşe 0, yuvarlak köşeli düğme ve
   seçici, 1 px çizgi, gölge yok; kiremit YALNIZ üzerine gelinen, odaklanan
   ya da listeden vurgulanan ildedir/ilçededir.
   ========================================================================== */
/* --- Kap ve üst satır: Bütün iller · il seçici · durum --------------- */
.snc-sehir-cizimi { margin: var(--snc-a4) 0 var(--snc-a6); border-top: 1px solid var(--snc-hatti); border-bottom: 1px solid var(--snc-hatti-narin); }
.snc-sehir-cizimi[hidden] { display: none; }
.snc-sehir-cizimi-ucu { display: flex; flex-wrap: wrap; align-items: end; gap: var(--snc-a3) var(--snc-a4); padding: var(--snc-a3) 0; border-bottom: 1px solid var(--snc-hatti-narin); }
.snc-sehir-cizimi-donus { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; background: var(--snc-ak); color: var(--snc-kahve); box-shadow: inset 0 0 0 1.5px var(--snc-kahve); border-radius: var(--snc-kavis-orta); font: 600 15px/1 var(--snc-f-unvan); cursor: pointer; transition: background-color var(--snc-zaman) var(--snc-kivrik), color var(--snc-zaman) var(--snc-kivrik); }
.snc-sehir-cizimi-donus[hidden] { display: none; }
.snc-sehir-cizimi-donus svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; stroke-linejoin: miter; }
.snc-sehir-cizimi-donus:hover { background: var(--snc-kahve); color: var(--snc-ak); }
.snc-sehir-cizimi-donus:focus-visible, .snc-sehir-cizimi-sehir-kutucugu:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--snc-kiremit); }
.snc-sehir-cizimi-sehir { display: grid; gap: 6px; flex: 1 1 220px; min-width: 0; max-width: 320px; }
.snc-sehir-cizimi-sehir label { font-family: var(--snc-f-unvan); font-size: var(--snc-y-rozet); font-weight: 600; color: var(--snc-kahve); }
.snc-sehir-cizimi-sehir-kutucugu { width: 100%; min-height: 44px; padding: 0 44px 0 12px; border: 0; box-shadow: inset 0 0 0 1.5px var(--snc-hatti-katı); border-radius: var(--snc-kavis-orta); color: var(--snc-yazi); font: inherit; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--snc-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"); }
.snc-sehir-cizimi-durum { flex: 1 1 100%; margin: 0; color: var(--snc-dumanli); font-size: var(--snc-y-mini); font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .snc-sehir-cizimi-durum { flex: 1 1 0; padding-bottom: 12px; text-align: right; } }

/* --- Tuval ve ilçe yanı: ince sınırlı iller, kiremit yalnız etkin alan --- */
.snc-sehir-cizimi-ic { display: grid; gap: var(--snc-a4); padding-top: var(--snc-a4); }
.snc-sehir-cizimi-tuval { min-width: 0; transition: opacity var(--snc-zaman) var(--snc-kivrik); }
.snc-sehir-cizimi-tuval svg { display: block; width: 100%; height: auto; }
.snc-sehir-cizimi-bolge { fill: var(--snc-kum-2); stroke: var(--snc-ak); stroke-width: 0.9; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--snc-zaman) var(--snc-kivrik); }
.snc-kiremit-dilimi--kum .snc-sehir-cizimi-bolge { fill: var(--snc-ak); stroke: var(--snc-hatti); }
.snc-sehir-cizimi-bolge:hover, .snc-sehir-cizimi-bolge:focus, .snc-sehir-cizimi-bolge.snc-sehir-cizimi-bolge--vurgu { fill: var(--snc-kiremit); outline: none; }
.snc-sehir-cizimi--yukleniyor .snc-sehir-cizimi-tuval { opacity: 0.4; cursor: progress; }
.snc-sehir-cizimi-kenar { min-width: 0; border-top: 1px solid var(--snc-hatti); }
.snc-sehir-cizimi-kenar[hidden] { display: none; }
.snc-sehir-cizimi-kenar-ucu { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--snc-hatti-narin); font-family: var(--snc-f-unvan); font-size: 1.125rem; font-weight: 600; }
.snc-sehir-cizimi-kenar-ucu a { color: var(--snc-kahve); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.snc-sehir-cizimi-kenar-ucu a:hover { text-decoration-color: var(--snc-kiremit); }
.snc-sehir-cizimi-ilceler { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--snc-oluk); }
.snc-sehir-cizimi-ilceler li { break-inside: avoid; }
.snc-sehir-cizimi-ilceler a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--snc-hatti-narin); color: var(--snc-yazi); text-decoration: none; }
.snc-sehir-cizimi-ilceler a:hover, .snc-sehir-cizimi-ilceler a:focus-visible { outline: none; color: var(--snc-kiremit); border-bottom-color: var(--snc-kiremit); }
@media (min-width: 1080px) {
  .snc-sehir-cizimi--sehir-acik .snc-sehir-cizimi-ic { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .snc-sehir-cizimi--sehir-acik.snc-sehir-cizimi--sikisik .snc-sehir-cizimi-ic { grid-template-columns: minmax(0, 1fr) 240px; }
  .snc-sehir-cizimi-ilceler { columns: 1; max-height: 480px; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .snc-sehir-cizimi-bolge, .snc-sehir-cizimi-tuval, .snc-sehir-cizimi-donus { transition: none; } }
@media print { .snc-sehir-cizimi { display: none !important; } }