/* ==========================================================================
   ServisNoktası — stil dosyası (TASARIM-SISTEMI.md, "Gece haritası", v3, 23 Ekim 2026)

   Kimlik: gece haritası. Üst çubuk, açılış, iç sayfa başı, iş sırası, son plaka
   ve altbilgi GECE yüzeyidir (#0C0D10 grafit-siyah); aradaki bölümler açık
   taş zemin (#F3F4EF) üstünde beyaz kartlardır. İki işaret rengi: açık
   yüzeyde mürekkep (#1F2328, beyaz yazıyla 15,8:1), gece yüzeyinde limon
   (#C8F560, gece yazıyla 15:1). Menekşe yok (fbali.com menekşe ailesinde). Açılışta derinlikte Türkiye (static/js/derinlik.js).
   Yazı: Unbounded (başlık, rakam, imza) + Commissioner (gövde, düğme).
   Köşe yuvarlak: kart 22 px, düğme hap (999 px), girdi 14 px. Derinlik
   katmanlı yumuşak gölgeyle ve CSS 3B dönüşümleriyle verilir.
   Gece yüzeylerinde belirteçler yerel olarak yeniden tanımlanır (§3B GECE).
   Sınıf öneki: snc-   Belirteç öneki: --snc-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; Google Fonts'tan indirildi,
       değişken ağırlık. latin + Türkçe harfler (Ğ ğ İ ı Ş ş) ayrı küçük dosyada:
       latin-ext'in tamamı yüklenmez) --------------------------------------- */
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/unbounded-tr.7bf6234a027c.woff2") format("woff2");
  unicode-range: U+0102-0103, U+011E-011F, U+0130, U+015E-015F, U+0218-021B;
}
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/unbounded-latin.edd24a2b43a9.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: "Commissioner";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/commissioner-tr.843ea815537d.woff2") format("woff2");
  unicode-range: U+0102-0103, U+011E-011F, U+0130, U+015E-015F, U+0218-021B;
}
@font-face {
  font-family: "Commissioner";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/commissioner-latin.5639dfe67576.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;

  /* açık yüzeyler: beyaz kart, taş sayfa, taş kesit (kontrastlar TASARIM-SISTEMI §02) */
  --snc-ak: #ffffff;         /* kart yüzü, girdi */
  --snc-sayfa: #f3f4ef;      /* sayfa zemini */
  --snc-kum: #ecede6;         /* ikincil bölüm, not zemini */
  --snc-kum-2: #e1e3d9;       /* tablo başı, sekme rayı, pasif düğme */
  --snc-kum-3: #d4d7cb;       /* üzerine gelme, basılı yüzey */
  --snc-kahve: #121418;        /* başlık, menü (beyazda 18,1) */
  --snc-yazi: #2a2d33;         /* gövde metni (beyazda 14,3) */
  --snc-dumanli: #555a61;           /* ikincil metin (beyazda 7,5; kum-2'de 5,9) */
  --snc-dumanli-2: #5d6269;         /* yer tutucu, dip satır (beyazda 6,3; kum-2'de 4,9) */
  --snc-hatti-narin: #e8e9e2;    /* 1 px kıl çizgi (süs) */
  --snc-hatti: #d8dad0;         /* kart kenarı, ayırıcı (süs) */
  --snc-hatti-katı: #7d8279;    /* girdi kenarı (beyazda 4,0; kum-2'de 3,2; ≥3:1) */
  --snc-kiremit: #1f2328;         /* mürekkep: birincil düğme, odak, bağlantı vurgusu (beyazda 15,8) */
  --snc-kiremit-bas: #3a3f47;     /* düğme üzerine gelme (beyaz yazıyla 10,6) */
  --snc-kiremit-tepe: #ffffff;     /* mürekkep düğmedeki yazı: BEYAZ */
  --snc-kiremit-acik: #eef6d8;    /* uyarı notu zemini */
  --snc-kiremit-isik: #c8f560;   /* gece yüzeyinde işaret: limon */
  --snc-yesil: #2f6b3a;         /* "Kendiniz bakın", başarı (beyazda 6,4) */

  /* gece yüzeyi (üst çubuk, açılış, iç sayfa başı, iş sırası, son plaka, altbilgi) */
  --snc-gece: #0c0d10;
  --snc-gece-2: #16181d;
  --snc-gece-3: #23262d;
  --snc-gece-yazi: #eef0ea;   /* gecede gövde (15,9) */
  --snc-gece-soluk: #a9aea3;  /* gecede ikincil (9,0; gece-3'te 6,5) */
  --snc-limon: #c8f560;       /* gecede birincil düğme (gece yazıyla 15,2) */
  --snc-limon-bas: #b4e641;
  --snc-lav: #9aa3ad;         /* gecede çizgi, ışık */
  --snc-cam: rgba(255, 255, 255, 0.07);
  --snc-cam-kenar: rgba(225, 230, 215, 0.18);

  /* derinlik: katmanlı yumuşak gölge (nötr) */
  --snc-golge-1: 0 1px 2px rgba(17, 19, 22, 0.06), 0 10px 28px -14px rgba(20, 22, 26, 0.28);
  --snc-golge-2: 0 2px 4px rgba(17, 19, 22, 0.06), 0 26px 50px -22px rgba(20, 22, 26, 0.42);
  --snc-golge-gece: 0 30px 60px -28px rgba(0, 0, 0, 0.7), 0 0 0 1px var(--snc-cam-kenar);

  /* biçim */
  --snc-kavis: 22px;              /* kart */
  --snc-kavis-orta: 14px;          /* girdi, küçük kart */
  --snc-kavis-mini: 8px;         /* etiket, kod karosu */
  --snc-hap: 999px;               /* düğme, çip */

  /* yazı aileleri */
  --snc-f-unvan: "Unbounded", "Arial Black", ui-sans-serif, system-ui, sans-serif;
  --snc-f-omurga: "Commissioner", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --snc-f-rakam: "Unbounded", 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). Unbounded geniş omuzlu: ölçek bir kademe küçük. */
  --snc-y-dev: clamp(2.4rem, 1.8rem + 3vw, 4.25rem);
  --snc-y-manset: clamp(1.95rem, 1.2rem + 3vw, 3.7rem);
  --snc-y-1: clamp(1.6rem, 1.25rem + 1.5vw, 2.5rem);
  --snc-y-2: clamp(1.25rem, 1.08rem + 0.8vw, 1.8rem);
  --snc-y-3: clamp(1.02rem, 0.98rem + 0.2vw, 1.14rem);
  --snc-y-giris: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --snc-y-omurga: 1.0625rem;     /* 17 px Commissioner */
  --snc-y-mini: 0.9375rem;     /* 15 px */
  --snc-y-rozet: 0.75rem;    /* 12 px: Unbounded etiket */

  /* yerleşim */
  --snc-sutun: 12;
  --snc-oluk: 16px;
  --snc-kap: 1280px;
  --snc-okuma: 720px;
  --snc-yan: 340px;               /* yan kart 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: 64px;

  --snc-kil-kalinlik: 1px;
  --snc-vurgu-kalinlik: 2px;
  --snc-tepe-boy: 64px;
  --snc-sicak-boy: 64px;

  /* hareket: yumuşak, yaylı çıkış */
  --snc-zaman: 180ms;
  --snc-kivrik: cubic-bezier(0.2, 0.7, 0.2, 1);
  --snc-yay: cubic-bezier(0.16, 1, 0.3, 1);

  /* ikon maskeleri (renk currentColor ile; 1,8 px yuvarlak uç) */
  --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.8' stroke-linecap='round' stroke-linejoin='round'%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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15'/%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.8' stroke-linecap='round' stroke-linejoin='round'%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.2' stroke-linecap='round' stroke-linejoin='round'%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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15.2 15.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.8' stroke-linecap='round' stroke-linejoin='round'%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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 10.5v6'/%3E%3Cpath d='M12 7.5v.5'/%3E%3C/svg%3E");
  --snc-m-nokta: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.6A2.6 2.6 0 1 1 12 6.4a2.6 2.6 0 0 1 0 5.2z'/%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.2' stroke-linecap='round' stroke-linejoin='round'%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: Unbounded 600; gece yüzeyinde beyaz, açık yüzeyde mürekkep. */
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; }
}

/* ==========================================================================
   3B GECE HARİTASI (v3, 23 Ekim 2026). Yukarıdaki bileşenlerin üstüne gelen
   katman: gece yüzeyleri, derinlik gölgesi, hap düğmeler, imza, açılış
   sahnesi, iç sayfa başı, iş sırası basamakları, kaydırmayla gelen kartlar.
   ========================================================================== */
:root { --egx: 0deg; --egy: 0deg; --sira: 0; }
html { overflow-x: clip; }
body { background: var(--snc-sayfa); }
h1, h2, h3 { font-weight: 600; letter-spacing: -0.025em; }
h3 { letter-spacing: -0.012em; }
p { text-wrap: pretty; }

/* --- §3B GECE: gece yüzeylerinde belirteçler yerelde yeniden tanımlanır ---- */
.snc-tepe-kiremit, .snc-derin-acilis, .snc-yaprak-kiremitsi, .snc-kum-taban, .snc-son-kiremit,
.snc-alta-kiremit, .snc-kiremit-cekmece, #nasil-yurur {
  --snc-ak: #1a1d22;
  --snc-kum: rgba(255, 255, 255, 0.06);
  --snc-kum-2: rgba(255, 255, 255, 0.09);
  --snc-kum-3: rgba(255, 255, 255, 0.15);
  --snc-kahve: #ffffff;
  --snc-yazi: var(--snc-gece-yazi);
  --snc-dumanli: var(--snc-gece-soluk);
  --snc-dumanli-2: #9ea39a;
  --snc-hatti-narin: rgba(225, 230, 215, 0.12);
  --snc-hatti: rgba(225, 230, 215, 0.2);
  --snc-hatti-katı: rgba(225, 230, 215, 0.46);
  --snc-kiremit: var(--snc-limon);
  --snc-kiremit-bas: var(--snc-limon-bas);
  --snc-kiremit-tepe: var(--snc-gece);
  --snc-kiremit-acik: rgba(200, 245, 96, 0.12);
  color: var(--snc-yazi);
}

/* --- Kart kalıbı: kıl çizgi + katmanlı gölge; köşe imi yok ---------------- */
.snc-kiremit-levha, .snc-kayit-kiremitsi, .snc-cizim-kenarligi, .snc-kiremit-katlanir-tablo, .snc-oneri-tablosu,
.snc-tanecik-kiremitsi, .snc-ilk-kiremit, .snc-model-rozeti { --p-golge: var(--snc-golge-1); --p-kenar: var(--snc-hatti-narin); }
.snc-kayit-kiremitsi, .snc-tanecik-kiremitsi, .snc-oneri-tablosu, .snc-kiremit-katlanir-tablo { --p-golge: var(--snc-golge-2); }
.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 {
  box-shadow: inset 0 0 0 1px var(--p-kenar), var(--p-golge, 0 0 #0000);
  transition: box-shadow var(--snc-zaman) var(--snc-kivrik);
}
.snc-kiremit-levha--damgali::after, .snc-kenar-kiremit::after, .snc-ilk-kiremit::after, .snc-model-rozeti::after,
.snc-bul-kiremit::after, .snc-cizim-kenarligi::after, .snc-sicak-kiremitsi::after,
.snc-kayit-kiremitsi::after, .snc-tanecik-kiremitsi::after { content: none; }
a.snc-kiremit-levha:hover, .snc-kiremit-aygit:hover, li.snc-kiremit-aygit:focus-within { --p-kenar: var(--snc-hatti); --p-golge: var(--snc-golge-2); }
.snc-kiremit-katlanir-tablo, .snc-oneri-tablosu { padding: 8px; }
.snc-kiremit-katlanir-tablo a, .snc-oneri-tablosu a { border-radius: 10px; }
.snc-tepe-kiremit .snc-kiremit-katlanir-tablo { --p-golge: var(--snc-golge-gece); --p-zemin: #181a1f; }

/* --- Rozet (göz başlığı), bölüm başı ------------------------------------ */
.snc-damgali-rozet { gap: 8px; min-height: 30px; padding: 5px 13px 5px 9px; border-radius: var(--snc-hap); background: var(--snc-kiremit-acik); color: var(--snc-kiremit-bas); font-family: var(--snc-f-unvan); font-size: var(--snc-y-rozet); font-weight: 500; letter-spacing: 0.01em; }
.snc-damgali-rozet::before { width: 14px; height: 14px; border-radius: 0; background: currentColor; -webkit-mask: var(--snc-m-nokta) center / contain no-repeat; mask: var(--snc-m-nokta) center / contain no-repeat; }
.snc-tepe-kiremit .snc-damgali-rozet, .snc-derin-acilis .snc-damgali-rozet, .snc-yaprak-kiremitsi .snc-damgali-rozet, .snc-kum-taban .snc-damgali-rozet,
.snc-son-kiremit .snc-damgali-rozet, #nasil-yurur .snc-damgali-rozet { background: var(--snc-cam); box-shadow: inset 0 0 0 1px var(--snc-cam-kenar); color: var(--snc-gece-yazi); }
.snc-derin-acilis .snc-damgali-rozet::before, .snc-yaprak-kiremitsi .snc-damgali-rozet::before, .snc-son-kiremit .snc-damgali-rozet::before { background: var(--snc-limon); }
.snc-yazit-kesimi .snc-damgali-rozet { padding: 0; min-height: 0; background: none; color: var(--snc-kahve); font-size: 15px; }
.snc-kiremit-unvani { padding-top: 30px; border-top: 0; margin-bottom: var(--snc-a5); }
.snc-kiremit-unvani::before { top: 0; width: 46px; height: 6px; border-radius: 6px; background: linear-gradient(90deg, var(--snc-kiremit), var(--snc-limon)); }
.snc-kiremit-unvani::after { left: 54px; top: 0; width: 6px; height: 6px; background: var(--snc-lav); }
.snc-kiremit-unvani h2 { font-size: var(--snc-y-1); }
.snc-kiremit-rotasi { font-family: var(--snc-f-omurga); font-size: 14.5px; font-weight: 500; }
.snc-kiremit-unvani p { max-width: 62ch; font-size: var(--snc-y-omurga); }
.snc-kiremit-manset { font-weight: 600; line-height: 1.08; letter-spacing: -0.035em; }

/* --- Düğmeler: hap, yaylı hareket ------------------------------------------- */
.snc-kavis-tus { border-radius: var(--snc-hap); padding: 0 26px; font-family: var(--snc-f-omurga); font-size: 16px; font-weight: 650; letter-spacing: 0; transition: transform var(--snc-zaman) var(--snc-yay), background-color var(--snc-zaman) var(--snc-kivrik), color var(--snc-zaman) var(--snc-kivrik), box-shadow var(--snc-zaman) var(--snc-kivrik); }
.snc-kavis-tus:hover { transform: translateY(-2px); }
.snc-kavis-tus:active { transform: translateY(0) scale(0.98); }
.snc-kavis-tus--mini { padding: 0 18px; font-size: 15px; }
.snc-kavis-tus--simge { padding: 0; }
.snc-kavis-tus--kiremit { box-shadow: 0 12px 26px -12px var(--snc-kiremit), inset 0 1px 0 rgba(255, 255, 255, 0.28); }
.snc-kavis-tus--kiremit:hover { box-shadow: 0 18px 32px -14px var(--snc-kiremit), inset 0 1px 0 rgba(255, 255, 255, 0.28); }
.snc-kavis-tus--hattili { background: transparent; }
.snc-kavis-tus--limon { background: var(--snc-limon); color: var(--snc-gece); box-shadow: 0 16px 36px -14px rgba(200, 245, 96, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.6); }
.snc-kavis-tus--limon:hover { background: var(--snc-limon-bas); color: var(--snc-gece); }
.snc-kavis-tus--limon svg { transition: transform var(--snc-zaman) var(--snc-yay); }
.snc-kavis-tus--limon:hover svg { transform: translateX(4px); }
.snc-kavis-tus--cam { background: var(--snc-cam); color: var(--snc-gece-yazi); box-shadow: inset 0 0 0 1px var(--snc-cam-kenar); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.snc-kavis-tus--cam:hover { background: rgba(255, 255, 255, 0.14); color: #ffffff; }
.snc-kavis-tus:focus-visible, .snc-kavis-tus--kiremit:focus-visible { outline: 3px solid var(--snc-kiremit); outline-offset: 3px; }
.snc-kavis-tus--limon:focus-visible, .snc-kavis-tus--cam:focus-visible { outline-color: var(--snc-limon); }
.snc-kavis-oku::after { border-radius: 50%; background-color: var(--snc-kiremit); transition: transform var(--snc-zaman) var(--snc-yay), background-color var(--snc-zaman) var(--snc-kivrik); }
.snc-kavis-oku:hover::after { transform: translateX(4px); background-color: var(--snc-kiremit-bas); }
.snc-kavis-oku:hover { color: var(--snc-kiremit); }
.snc-kavis-pul { min-height: 40px; padding: 0 16px; border-radius: var(--snc-hap); background: var(--snc-ak); box-shadow: inset 0 0 0 1px var(--snc-hatti); font-weight: 500; }
a.snc-kavis-pul:hover { background: var(--snc-kiremit-acik); box-shadow: inset 0 0 0 1px var(--snc-kiremit); color: var(--snc-kahve); }
.snc-derin-acilis .snc-kavis-pul { background: var(--snc-cam); box-shadow: inset 0 0 0 1px var(--snc-cam-kenar); color: var(--snc-gece-yazi); }
.snc-derin-acilis a.snc-kavis-pul:hover { background: rgba(200, 245, 96, 0.14); box-shadow: inset 0 0 0 1px var(--snc-limon); color: #ffffff; }
.snc-kavis-rozet { border-radius: var(--snc-hap); }
.snc-sorgu-kutucugu { border-radius: var(--snc-hap); background: var(--snc-ak); box-shadow: inset 0 0 0 1.5px var(--snc-hatti); }
.snc-sorgu-kutucugu:focus-within { box-shadow: inset 0 0 0 2px var(--snc-kiremit), 0 0 0 5px var(--snc-kiremit-acik); }
.snc-sorgu-kutucugu input { padding-left: 20px; }
.snc-sorgu-kutucugu button { border-radius: 50%; background: var(--snc-kiremit); color: var(--snc-kiremit-tepe); }
.snc-sorgu-kutucugu button:hover { background: var(--snc-kiremit-bas); }

/* --- İmza: servisnoktası + limon iğne (nokta = "nokta") + com ---------------- */
.snc-derin-imza { display: inline-flex; align-items: baseline; font-family: var(--snc-f-unvan); font-size: 18px; font-weight: 600; line-height: 1; letter-spacing: -0.045em; color: var(--snc-kahve); white-space: nowrap; }
.snc-derin-imza i { position: relative; flex: none; align-self: center; width: 0.5em; height: 0.5em; margin: 0 0.1em 0 0.14em; background: var(--snc-limon); border-radius: 50% 50% 50% 0; transform: translateY(-0.12em) rotate(-45deg); box-shadow: 0 0 14px rgba(200, 245, 96, 0.55); }
.snc-derin-imza i::after { content: ""; position: absolute; inset: 32%; border-radius: 50%; background: var(--snc-gece); }
.snc-derin-imza small { font-size: 0.8em; font-weight: 500; letter-spacing: -0.03em; color: var(--snc-dumanli); }
a:hover .snc-derin-imza i { animation: snc-derin-zipla 0.7s var(--snc-yay); }
@keyframes snc-derin-zipla { 40% { transform: translateY(-0.45em) rotate(-45deg); } }
@media (min-width: 1080px) { .snc-tepe-kiremit .snc-derin-imza { font-size: 20px; } }
@media (max-width: 379px) { .snc-tepe-kiremit .snc-derin-imza { font-size: 16px; } }
.snc-kiremit-cekmece-ucu .snc-derin-imza { font-size: 17px; }
.snc-taban-kimlik > a { display: inline-block; margin-bottom: var(--snc-a4); text-decoration: none; }
.snc-taban-kimlik .snc-derin-imza { font-size: 22px; }

/* --- Üst çubuk: gece camı ---------------------------------------------- */
.snc-tepe-kiremit { background: rgba(12, 13, 16, 0.93); border-bottom: 1px solid var(--snc-cam-kenar); -webkit-backdrop-filter: saturate(1.5) blur(16px); backdrop-filter: saturate(1.5) blur(16px); }
.snc-tepe-kiremit::after { content: none; }
.snc-tepe-kiremit-marka { line-height: 1; padding-block: 8px; text-decoration: none; }
.snc-tepe-kiremit-liste > li > a { font-family: var(--snc-f-omurga); font-size: 15px; font-weight: 550; color: var(--snc-gece-yazi); border-radius: var(--snc-hap); }
.snc-tepe-kiremit-liste > li > a:hover { color: #ffffff; background: var(--snc-cam); }
.snc-tepe-kiremit-liste > li > a[aria-current] { color: var(--snc-limon); box-shadow: none; background: rgba(200, 245, 96, 0.1); }
.snc-tepe-kiremit-hatt { font-family: var(--snc-f-unvan); font-size: 14px; color: #ffffff; }
.snc-tepe-kiremit-hatt svg { color: var(--snc-limon); }
.snc-tepe-kiremit .snc-kavis-tus--hattili { box-shadow: inset 0 0 0 1px var(--snc-cam-kenar); background: var(--snc-cam); color: #ffffff; }
.snc-tepe-kiremit .snc-kavis-tus--hattili:hover { background: rgba(255, 255, 255, 0.15); color: #ffffff; }
.snc-tepe-kiremit .snc-kavis-tus--sade { color: #ffffff; }
.snc-tepe-kiremit .snc-kavis-tus--sade:hover { background: var(--snc-cam); }
.snc-tepe-kiremit .snc-kiremit-katlanir-tablo a { color: var(--snc-gece-yazi); }
.snc-tepe-kiremit .snc-kiremit-katlanir-tablo a:hover { background: var(--snc-cam); color: #ffffff; }
.snc-kiremit-katlanir-tablo-ucu::before { border-radius: 0; width: 10px; height: 10px; background: var(--snc-kiremit); -webkit-mask: var(--snc-m-nokta) center / contain no-repeat; mask: var(--snc-m-nokta) center / contain no-repeat; }

/* --- Çekmece: gece, sağdan kayar ------------------------------------------ */
.snc-kiremit-cekmece-ortusu { background: rgba(5, 6, 8, 0.6); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.snc-kiremit-cekmece { background: radial-gradient(120% 60% at 100% 0%, rgba(98, 112, 130, 0.4), transparent 60%), var(--snc-gece); box-shadow: -30px 0 60px -20px rgba(0, 0, 0, 0.6); }
.snc-kiremit-cekmece:not([hidden]) { animation: snc-derin-cekmece 0.42s var(--snc-yay); }
@keyframes snc-derin-cekmece { from { transform: translateX(40px); opacity: 0; } }
.snc-kiremit-cekmece-ucu { border-bottom-color: var(--snc-hatti); }
.snc-kiremit-cekmece-ucu::after { content: none; }
.snc-kiremit-cekmece .snc-kavis-tus--hattili { box-shadow: inset 0 0 0 1px var(--snc-cam-kenar); background: var(--snc-cam); color: #ffffff; }
.snc-kiremit-cekmece .snc-kavis-tus--sade { background: var(--snc-cam); color: #ffffff; }
.snc-kiremit-cekmece-grubu { padding: 14px 16px; border-radius: 18px; background: var(--snc-cam); box-shadow: inset 0 0 0 1px var(--snc-hatti-narin); }
.snc-kiremit-cekmece-grubu h2 { font-size: 15px; }
.snc-kiremit-cekmece-grubu .snc-dizgi-serisi { min-height: 44px; }
.snc-kiremit-cekmece-grubu .snc-dizgi-serisi > a { color: var(--snc-gece-yazi); }

/* --- Ana sayfa açılışı: gece, derinlikte Türkiye ---------------------------- */
.snc-derin-acilis { position: relative; isolation: isolate; overflow: hidden; margin-top: calc(var(--snc-tepe-boy) * -1); padding: calc(var(--snc-tepe-boy) + 28px) 0 44px;
  background:
    radial-gradient(55% 60% at 80% 45%, rgba(98, 112, 130, 0.5), transparent 70%),
    radial-gradient(45% 45% at 5% 0%, rgba(200, 245, 96, 0.18), transparent 70%),
    linear-gradient(180deg, #08090b 0%, var(--snc-gece) 55%, #14161a 100%); }
.snc-derin-acilis::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: radial-gradient(rgba(225, 230, 215, 0.16) 1px, transparent 1.3px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(70% 70% at 60% 45%, #000 20%, transparent 78%); mask-image: radial-gradient(70% 70% at 60% 45%, #000 20%, transparent 78%); }
.snc-derin-acilis::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(200, 245, 96, 0.6), rgba(200, 245, 96, 0.6), transparent); }
.snc-derin-acilis .snc-baslangic-kiremitsi { display: grid; gap: 18px; align-items: center; }
@media (min-width: 1080px) {
  .snc-derin-acilis { padding-bottom: 56px; }
  .snc-derin-acilis .snc-baslangic-kiremitsi { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 16px; min-height: min(640px, calc(100vh - 130px)); }
  .snc-derin-acilis .snc-kiremit-manset { font-size: clamp(2.6rem, 1.2rem + 2.2vw, 3.3rem); }
}
.snc-derin-acilis .snc-kiremit-manset { color: #ffffff; background: linear-gradient(100deg, #ffffff 35%, #e9f7c9 75%, var(--snc-limon) 115%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.snc-derin-acilis .snc-prensip-kiremitsi { gap: 8px; margin-top: 26px; box-shadow: none; }
.snc-derin-acilis .snc-prensip-kiremitsi li { padding: 12px 14px; border: 0; border-radius: 16px; background: var(--snc-cam); box-shadow: inset 0 0 0 1px var(--snc-cam-kenar); color: #ffffff; font-weight: 600; }
.snc-derin-acilis .snc-prensip-kiremitsi small { font-family: var(--snc-f-unvan); font-size: 11px; font-weight: 500; letter-spacing: 0.02em; color: var(--snc-limon); }
@media (max-width: 419px) { .snc-derin-acilis .snc-prensip-kiremitsi { gap: 6px; } .snc-derin-acilis .snc-prensip-kiremitsi li { padding: 10px; } }
.snc-derin-acilis .snc-kavis-islemleri { margin-top: 26px; }
@media (max-width: 559px) { .snc-derin-acilis .snc-kavis-islemleri .snc-kavis-tus { flex: 1 1 100%; } }
.snc-derin-acilis .snc-populer-aranan-serisi > span { color: var(--snc-gece-soluk); font-family: var(--snc-f-omurga); }

/* Sahne: afiş (CSS 3B, durağan) → tuval (WebGL) */
.snc-derin-sahne { position: relative; width: calc(100% + var(--snc-kenar) * 2); margin-inline: calc(var(--snc-kenar) * -1); aspect-ratio: 1.7; }
@media (min-width: 720px) { .snc-derin-sahne { aspect-ratio: 1.8; } }
@media (min-width: 1080px) { .snc-derin-sahne { width: calc(100% + 150px); margin: 0 -90px 0 -60px; aspect-ratio: 1.1; } }
.snc-derin-tuval { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; touch-action: pan-y; transition: opacity 1.2s ease; }
.snc-derin-afis { position: absolute; inset: 12% 6% 16%; perspective: 1100px; transition: opacity 0.9s ease; animation: snc-derin-suzul 8s ease-in-out infinite; }
.snc-derin-afis > img, .snc-derin-katman { position: absolute; inset: 0; width: 100%; height: 100%; transform-origin: 50% 55%; transform: rotateX(54deg) rotateZ(-6deg); }
.snc-derin-afis > img { object-fit: contain; filter: drop-shadow(0 0 22px rgba(200, 245, 96, 0.18)); }
.snc-derin-katman { background: url("../harita/turkiye-yalin.8a755cbc1680.svg") center / contain no-repeat; filter: brightness(0.28) saturate(0.7); }
.snc-derin-katman:nth-child(1) { transform: rotateX(54deg) rotateZ(-6deg) translateZ(-16px); }
.snc-derin-katman:nth-child(2) { transform: rotateX(54deg) rotateZ(-6deg) translateZ(-8px); filter: brightness(0.45) saturate(0.8); }
@keyframes snc-derin-suzul { 50% { translate: 0 -10px; } }
.snc-derin-sahne--canli .snc-derin-tuval { opacity: 1; }
.snc-derin-sahne--canli .snc-derin-afis { opacity: 0; animation: none; }
.snc-derin-etiket { position: absolute; left: 0; top: 0; z-index: 2; margin: 0; padding: 7px 13px; border-radius: var(--snc-hap); background: var(--snc-limon); color: var(--snc-gece); font: 600 13px/1.2 var(--snc-f-unvan); letter-spacing: -0.01em; white-space: nowrap; pointer-events: none; box-shadow: 0 10px 24px -8px rgba(200, 245, 96, 0.6); }
.snc-derin-alt { position: absolute; left: 50%; bottom: 3%; display: flex; align-items: center; gap: 10px; margin: 0; padding: 5px 14px 5px 5px; border-radius: var(--snc-hap); background: rgba(12, 13, 16, 0.6); box-shadow: inset 0 0 0 1px var(--snc-cam-kenar); color: var(--snc-gece-yazi); font-size: 13.5px; white-space: nowrap; opacity: 0; transform: translateX(-50%); transition: opacity 0.6s ease 0.8s; pointer-events: none; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.snc-derin-alt span { padding: 4px 10px; border-radius: var(--snc-hap); background: var(--snc-limon); color: var(--snc-gece); font: 600 11.5px/1.2 var(--snc-f-unvan); }
.snc-derin-sahne--canli .snc-derin-alt { opacity: 1; }

/* --- İç sayfa başı: gece bant + eğik mini harita (yalnız CSS 3B) ---------- */
.snc-yaprak-kiremitsi { position: relative; isolation: isolate; padding-top: 30px; padding-bottom: 34px; }
.snc-ust2-omurga > .snc-yaprak-kiremitsi:first-child { margin-top: calc(var(--snc-tepe-boy) * -1); padding-top: calc(var(--snc-tepe-boy) + 26px); }
.snc-yaprak-kiremitsi::before { content: ""; position: absolute; z-index: -2; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); pointer-events: none;
  background:
    radial-gradient(50% 80% at 85% 30%, rgba(98, 112, 130, 0.45), transparent 70%),
    radial-gradient(rgba(225, 230, 215, 0.12) 1px, transparent 1.3px) 0 0 / 24px 24px,
    linear-gradient(180deg, #08090b, var(--snc-gece) 70%, #14161a); }
.snc-yaprak-kiremitsi::after { content: ""; position: absolute; z-index: -1; right: 0; bottom: 6%; width: min(760px, 96%); aspect-ratio: 1000 / 423; pointer-events: none; background: url("../harita/turkiye-yalin.8a755cbc1680.svg") center / contain no-repeat; opacity: 0.22; transform: perspective(900px) rotateX(58deg) rotateZ(-8deg); transform-origin: 50% 100%; -webkit-mask-image: linear-gradient(90deg, transparent 5%, #000 55%); mask-image: linear-gradient(90deg, transparent 5%, #000 55%); }
.snc-yaprak-kiremitsi h1 { color: #ffffff; }
.snc-yaprak-kiremitsi .snc-kiremit-alimi { color: var(--snc-gece-yazi); }
.snc-yaprak-kiremitsi .snc-kavis-tus--hattili { box-shadow: inset 0 0 0 1px var(--snc-cam-kenar); background: var(--snc-cam); color: #ffffff; }
.snc-yaprak-kiremitsi .snc-kavis-tus--hattili:hover { background: rgba(255, 255, 255, 0.15); color: #ffffff; }
.snc-yaprak-kiremitsi .snc-kiremit-levha, .snc-yaprak-kiremitsi .snc-kiremit-serhi { --p-golge: 0 0 #0000; }
.snc-yaprak-kiremitsi .snc-gecis-seridi { background: rgba(255, 255, 255, 0.07); box-shadow: inset 0 0 0 1px var(--snc-hatti-narin); }
.snc-yaprak-kiremitsi .snc-gecis-seridi [aria-current="true"], .snc-yaprak-kiremitsi .snc-gecis-seridi [aria-selected="true"] { background: var(--snc-limon); color: var(--snc-gece); box-shadow: none; }
.snc-yaprak-kiremitsi-resim { perspective: 1100px; }
.snc-yaprak-kiremitsi-resim > .snc-cizim-kenarligi { --p-zemin: #ffffff; --p-kenar: transparent; border-radius: 28px; transform: rotateY(-14deg) rotateX(7deg); box-shadow: 28px 40px 60px -30px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.4); animation: snc-derin-egil 9s ease-in-out infinite; }
@keyframes snc-derin-egil { 50% { transform: rotateY(-6deg) rotateX(4deg) translateY(-8px); } }
.snc-yaprak-kiremitsi .snc-sicak-kiremitsi { --p-zemin: rgba(255, 255, 255, 0.07); --p-kenar: var(--snc-cam-kenar); }
.snc-yaprak-kiremitsi .snc-sicak-kiremitsi .snc-olcum-hanesi { color: var(--snc-limon); }

/* --- Cihaz kartları, 3B eğim ve derinlikte çizim ---------------------------- */
.snc-kiremit-aygit { transform-style: preserve-3d; }
.snc-kiremit-aygit .snc-cizim-kenarligi { overflow: hidden; border-radius: 16px; background: linear-gradient(160deg, #ffffff, #f1f2ec); }
.snc-kiremit-aygit .snc-cizim-kenarligi img { mix-blend-mode: multiply; transition: transform 0.6s var(--snc-yay); }
.snc-kiremit-aygit:hover .snc-cizim-kenarligi img { transform: scale(1.05) translateY(-3px); }
.snc-kiremit-aygit-alta { border-top: 0; }
.snc-kiremit-aygit-alta h3 { font-size: 16px; }
.snc-aygit-sira-sira { font-family: var(--snc-f-unvan); font-weight: 500; color: var(--snc-kiremit); }
.snc-kiremit-aygit-alta::after { border-radius: 50%; background-color: var(--snc-kiremit-acik); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2328' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13'/%3E%3Cpath d='M14 7l5 5-5 5'/%3E%3C/svg%3E"); }
.snc-kiremit-aygit:hover .snc-kiremit-aygit-alta::after, .snc-kiremit-aygit-bagli:hover .snc-kiremit-aygit-alta::after { background-color: var(--snc-kiremit); background-image: var(--snc-oku-simge); }
.snc-kiremit-aygit-islem { border-top-color: var(--snc-hatti-narin); }
.snc-sira-zemin { fill: var(--snc-gece-2); }
.snc-sira-isareti { fill: var(--snc-limon); }
.snc-kavis-sira--secili .snc-sira-zemin { fill: var(--snc-kiremit); }
.snc-kavis-sira--secili .snc-sira-isareti { fill: var(--snc-limon); }
[data-egim] { transition: transform 0.5s var(--snc-yay); will-change: transform; }
[data-egim].snc-derin-egik { transition-duration: 0.12s; transform: perspective(900px) rotateX(var(--egx, 0deg)) rotateY(var(--egy, 0deg)) translateY(-4px); }

/* --- Neden kartları: derinlikli simge karosu -------------------------------- */
.snc-kavis-simge { width: 52px; height: 52px; border-radius: 16px; color: var(--snc-limon); background: linear-gradient(145deg, #4a5059, #1f2328 55%, #0b0c0e); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -4px 0 rgba(0, 0, 0, 0.18), 0 14px 22px -12px rgba(98, 112, 130, 0.8); transform: perspective(320px) rotateX(12deg) rotateY(-14deg); transition: transform 0.6s var(--snc-yay); }
.snc-kiremit-levha:hover .snc-kavis-simge { transform: perspective(320px) rotateX(-6deg) rotateY(16deg) translateZ(10px); }
.snc-kavis-simge svg { filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.25)); }
.snc-neden-kiremitleri h3 { margin-top: 18px; }

/* --- İş sırası: gece bant, derinlikte basamak yolu ---------------------------- */
#nasil-yurur { position: relative; isolation: isolate; padding-block: var(--snc-bolum); }
#nasil-yurur::before { content: ""; position: absolute; z-index: -1; inset: 0 auto 0 50%; width: 100vw; transform: translateX(-50%); pointer-events: none;
  background:
    radial-gradient(40% 70% at 15% 100%, rgba(98, 112, 130, 0.45), transparent 70%),
    radial-gradient(35% 60% at 90% 0%, rgba(200, 245, 96, 0.08), transparent 70%),
    linear-gradient(180deg, var(--snc-gece), #14161a); }
#nasil-yurur .snc-kiremit-unvani h2 { color: #ffffff; }
#nasil-yurur .snc-kiremit-unvani::before { background: linear-gradient(90deg, var(--snc-limon), var(--snc-lav)); }
#nasil-yurur .snc-ise-kiremitsi { --p-zemin: transparent; --p-kenar: transparent; position: relative; gap: 16px; padding: 8px 0 0; background: none; border-radius: 0; perspective: 1300px; counter-reset: snc-alan; }
#nasil-yurur .snc-ise-kiremitsi::before { content: none; }
#nasil-yurur .snc-ise-kiremitsi::after { content: ""; position: absolute; z-index: 0; left: 28px; top: 20px; bottom: 20px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, var(--snc-limon), var(--snc-lav) 60%, transparent); box-shadow: 0 0 14px rgba(200, 245, 96, 0.5); }
#nasil-yurur .snc-ise-sahasi { position: relative; z-index: 1; counter-increment: snc-alan; padding: 22px 22px 22px 64px; border: 0; border-radius: 22px; background: linear-gradient(160deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03)); box-shadow: inset 0 0 0 1px var(--snc-cam-kenar), 0 30px 50px -30px rgba(0, 0, 0, 0.85); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transform-style: preserve-3d; }
#nasil-yurur .snc-ise-sahasi::before { content: ""; position: absolute; left: 19px; top: 24px; width: 20px; height: 20px; border-radius: 50%; background: var(--snc-gece); box-shadow: 0 0 0 2px var(--snc-limon), 0 0 18px rgba(200, 245, 96, 0.7); }
#nasil-yurur .snc-ise-sahasi--hemen::before { background: var(--snc-limon); }
#nasil-yurur .snc-ise-sahasi::after { content: counter(snc-alan, decimal-leading-zero); position: absolute; right: 18px; top: 10px; font: 700 52px/1 var(--snc-f-unvan); letter-spacing: -0.06em; color: transparent; -webkit-text-stroke: 1px rgba(225, 230, 215, 0.35); transform: translateZ(30px); pointer-events: none; }
#nasil-yurur .snc-ise-sahasi small { font-family: var(--snc-f-unvan); font-size: 11.5px; font-weight: 500; letter-spacing: 0.02em; color: var(--snc-limon); }
#nasil-yurur .snc-ise-sahasi h3 { max-width: 15ch; color: #ffffff; font-size: 18px; }
#nasil-yurur .snc-ise-sahasi p { color: var(--snc-gece-soluk); }
#nasil-yurur .snc-ise-sahasi--hemen { background: linear-gradient(160deg, rgba(200, 245, 96, 0.16), rgba(255, 255, 255, 0.03)); }
@media (min-width: 900px) {
  #nasil-yurur .snc-ise-kiremitsi { padding-top: 40px; transform-style: preserve-3d; }
  #nasil-yurur .snc-ise-kiremitsi::after { left: 4%; right: 4%; top: 64px; bottom: auto; width: auto; height: 2px; background: linear-gradient(90deg, var(--snc-limon), var(--snc-lav) 70%, transparent); }
  #nasil-yurur .snc-ise-kiremitsi:not(.snc-ise-kiremitsi--dik) > .snc-ise-sahasi + .snc-ise-sahasi { border-left: 0; }
  #nasil-yurur .snc-ise-sahasi { padding: 62px 22px 26px; transform: rotateX(14deg) translateY(calc(var(--basamak, 0) * -18px)); transform-origin: 50% 100%; }
  #nasil-yurur .snc-ise-sahasi:nth-child(2) { --basamak: 1; }
  #nasil-yurur .snc-ise-sahasi:nth-child(3) { --basamak: 2; }
  #nasil-yurur .snc-ise-sahasi:nth-child(4) { --basamak: 3; }
  #nasil-yurur .snc-ise-sahasi::before { left: 22px; top: 14px; }
  #nasil-yurur .snc-ise-sahasi:hover { transform: rotateX(0deg) translateY(calc(var(--basamak, 0) * -18px - 8px)); }
}
#nasil-yurur .snc-kiremit-serhi { --p-zemin: rgba(255, 255, 255, 0.06); --p-kenar: var(--snc-cam-kenar); margin-top: var(--snc-a6); }
#nasil-yurur .snc-kiremit-serhi::after { background: var(--snc-limon); }
#nasil-yurur + .snc-kiremit-dilimi { margin-top: var(--snc-bolum); }

/* --- Notlar, kenar kartı, tablolar, sekmeler ------------------------------- */
.snc-kiremit-serhi { --p-pah: 16px; }
.snc-kiremit-serhi::after { top: 12px; bottom: 12px; width: 4px; border-radius: 4px; background: var(--snc-kiremit); }
.snc-kenar-kiremit { --p-pah: 22px; }
.snc-isaret-kiremitsi thead th { background: var(--snc-gece-2); }
.snc-isaret-hucresi { border-radius: 10px; font-family: var(--snc-f-unvan); font-size: 15px; font-weight: 600; }
.snc-gecis-seridi { border-radius: var(--snc-hap); padding: 5px; }
.snc-gecis-seridi a, .snc-gecis-seridi button { border-radius: var(--snc-hap); }
.snc-gecis-seridi [aria-selected="true"], .snc-gecis-seridi [aria-current="true"] { box-shadow: var(--snc-golge-1); }
.snc-belirti-tus-dizilimi button { border-radius: 14px; }
.snc-belirti-tus-dizilimi button span { border-radius: 8px; font-family: var(--snc-f-unvan); font-weight: 500; }
.snc-belirti-tus-dizilimi button[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--snc-kiremit), var(--snc-golge-1); transform: translateX(4px); }
.snc-gun-kiremitleri button { border-radius: 12px; }
.snc-dizgi-serisi:has(> a:hover)::after { transform: translateX(3px); }
.snc-dizgi-serisi::after { transition: transform var(--snc-zaman) var(--snc-yay); }

/* --- Servis ağı: sayı karoları derinlikte ---------------------------------- */
.snc-kiremit-dilimi--kum { background: radial-gradient(60% 80% at 100% 0%, rgba(98, 112, 130, 0.08), transparent 60%), var(--snc-kum); }
.snc-sehir-olcumleri { gap: 10px; background: none; box-shadow: none; perspective: 700px; }
.snc-sehir-olcumleri div { padding: 14px 18px; border-radius: 18px; background: var(--snc-ak); box-shadow: var(--snc-golge-1); transform: rotateX(10deg); transition: transform 0.5s var(--snc-yay); }
.snc-sehir-olcumleri div + div { border-left: 0; }
.snc-sehir-olcumleri div:hover { transform: rotateX(0deg) translateY(-4px); }
.snc-sehir-olcumleri dd { font-weight: 600; letter-spacing: -0.04em; background: linear-gradient(180deg, var(--snc-kiremit), #000000); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* --- Form ----------------------------------------------------------------- */
.snc-kayit-kiremitsi { --p-pah: 28px; --p-kenar: var(--snc-hatti-narin); }
.snc-kiremit-sahasi input, .snc-kiremit-sahasi select, .snc-kiremit-sahasi textarea { border-radius: 14px; background-color: #fbfbf8; box-shadow: inset 0 0 0 1.5px var(--snc-hatti); }
.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-hatti-katı); }
.snc-kiremit-sahasi input:focus-visible, .snc-kiremit-sahasi select:focus-visible, .snc-kiremit-sahasi textarea:focus-visible { box-shadow: inset 0 0 0 2px var(--snc-kiremit), 0 0 0 5px var(--snc-kiremit-acik); }
.snc-teyit-serisi input { border-radius: 7px; }
.snc-kesim-adi::before { border-radius: 0; width: 13px; height: 13px; background: var(--snc-kiremit); -webkit-mask: var(--snc-m-nokta) center / contain no-repeat; mask: var(--snc-m-nokta) center / contain no-repeat; }
.snc-kayit-anlatimi h2 { font-size: var(--snc-y-1); }

/* --- Sorular: ayrı yüzen kartlar --------------------------------------------- */
.snc-merak-kiremitsi { display: grid; gap: 10px; box-shadow: none; }
.snc-merak-kiremit-serisi { overflow: hidden; border-radius: 18px; background: var(--snc-ak); box-shadow: var(--snc-golge-1), inset 0 0 0 1px var(--snc-hatti-narin); transition: box-shadow var(--snc-zaman) var(--snc-kivrik); }
.snc-merak-kiremit-serisi + .snc-merak-kiremit-serisi { border-top: 0; }
.snc-merak-kiremit-serisi summary { font-size: 16px; letter-spacing: -0.015em; }
.snc-merak-kiremit-serisi summary::after { width: 30px; height: 30px; border-radius: 50%; background: var(--snc-kiremit-acik); -webkit-mask: none; mask: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2328' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E"); background-size: 18px; background-position: center; background-repeat: no-repeat; transition: transform 0.4s var(--snc-yay); }
.snc-merak-kiremit-serisi summary:hover { background: transparent; }
.snc-merak-kiremit-serisi[open] { background: var(--snc-ak); box-shadow: var(--snc-golge-2), inset 0 0 0 1.5px var(--snc-kiremit); }
.snc-merak-kiremit-serisi[open] summary::after { transform: rotate(180deg); background-color: var(--snc-kiremit-acik); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2328' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E"); }
@media (min-width: 1080px) { .snc-merak-kiremitsi--iki .snc-merak-kiremit-serisi { box-shadow: var(--snc-golge-1), inset 0 0 0 1px var(--snc-hatti-narin); } }

/* --- Son plaka: gece kartı, dönen yörünge -------------------------------------- */
.snc-son-kiremit { --p-zemin: transparent; --p-kenar: var(--snc-cam-kenar); overflow: hidden; border-radius: 28px; color: var(--snc-gece-yazi);
  background:
    radial-gradient(60% 120% at 100% 0%, rgba(98, 112, 130, 0.6), transparent 60%),
    radial-gradient(40% 80% at 0% 100%, rgba(200, 245, 96, 0.12), transparent 70%),
    var(--snc-gece); box-shadow: 0 40px 70px -40px rgba(0, 0, 0, 0.8); }
.snc-son-kiremit::after { content: ""; position: absolute; z-index: -1; right: -70px; top: -90px; width: 300px; height: 300px; border-radius: 50%; border: 1px dashed rgba(200, 245, 96, 0.45); background: none; transform: perspective(700px) rotateX(64deg); animation: snc-derin-yorunge 18s linear infinite; pointer-events: none; }
@keyframes snc-derin-yorunge { to { transform: perspective(700px) rotateX(64deg) rotateZ(360deg); } }
.snc-son-kiremit h2 { color: #ffffff; }
.snc-son-kiremit p { color: var(--snc-gece-yazi); }
.snc-son-kiremit .snc-kavis-tus--tok { box-shadow: inset 0 0 0 1px var(--snc-cam-kenar); background: var(--snc-cam); color: #ffffff; }
.snc-son-kiremit .snc-kavis-tus--tok:hover { background: rgba(255, 255, 255, 0.15); color: #ffffff; }
.snc-bul-kiremit { --p-pah: 22px; }

/* --- Altbilgi: gece ---------------------------------------------------- */
.snc-kum-taban { border-top: 0; background: radial-gradient(50% 60% at 100% 0%, rgba(98, 112, 130, 0.3), transparent 70%), radial-gradient(rgba(225, 230, 215, 0.08) 1px, transparent 1.3px) 0 0 / 24px 24px, var(--snc-gece); }
.snc-kum-taban::before { top: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(200, 245, 96, 0.55), rgba(200, 245, 96, 0.55), transparent); }
.snc-taban-dizim h2 { font-size: 13px; letter-spacing: 0.01em; color: var(--snc-limon); }
.snc-taban-dizim a, .snc-taban-dizim button { color: var(--snc-gece-yazi); min-height: 36px; }
.snc-taban-dizim a:hover, .snc-taban-dizim button:hover { color: var(--snc-limon); }
.snc-taban-temas .snc-tabular-hane { font-family: var(--snc-f-unvan); font-size: 20px; color: #ffffff; }
.snc-taban-mini { border-top-color: var(--snc-hatti); }
.snc-model-rozeti { --p-zemin: rgba(255, 255, 255, 0.04); --p-kenar: var(--snc-hatti); --p-golge: 0 0 #0000; --p-pah: 20px; }
.snc-model-rozeti > div { box-shadow: -1px 0 0 var(--snc-hatti-narin), 0 -1px 0 var(--snc-hatti-narin); }
.snc-taban-beyan { color: var(--snc-gece-yazi); }

/* --- Mobil alt çubuk: gece camı, iki hap düğme ---------------------------------- */
.snc-alta-kiremit { background: rgba(12, 13, 16, 0.9); border-top: 1px solid var(--snc-cam-kenar); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.snc-alta-kiremit::before { content: none; }
.snc-alta-kiremit > .snc-kavis-tus { min-height: 52px; padding: 0 14px; font-size: 14.5px; }
.snc-alta-kiremit > .snc-kavis-tus span { white-space: normal; text-align: center; }
.snc-alta-kiremit > .snc-kavis-tus--hattili { box-shadow: inset 0 0 0 1px var(--snc-cam-kenar); background: var(--snc-cam); color: #ffffff; }
.snc-alta-kiremit > .snc-alta-kiremit-hatt { padding-inline: 14px; }
.snc-alta-kiremit > .snc-alta-kiremit-hatt span { text-align: left; }
.snc-alta-kiremit > .snc-alta-kiremit-hatt svg { color: var(--snc-limon); }
.snc-alta-kiremit small { font-family: var(--snc-f-omurga); color: var(--snc-gece-soluk); }

@media (max-width: 1079px) { body.snc-alta-kiremitli { padding-bottom: 0; } body.snc-alta-kiremitli .snc-kum-taban { padding-bottom: calc(76px + env(safe-area-inset-bottom)); } }

/* --- Çerez kartı -------------------------------------------------------- */
.snc-tanecik-kiremitsi { --p-pah: 22px; }

/* --- Kaydırmayla gelen derinlik (snc.js: html.snc-derin-hazir; hareket azaltmada yok) --- */
.snc-derin-giris { transition: opacity 0.8s var(--snc-yay), transform 1s var(--snc-yay); transition-delay: calc(var(--sira, 0) * 80ms); }
html.snc-derin-hazir .snc-derin-giris:not(.snc-derin-giris--acik) { opacity: 0; transform: var(--bas, perspective(1000px) rotateX(10deg) translateY(40px) scale(0.93)); }
.snc-kayit-kiremitsi, .snc-belirti-kiremitsi, .snc-son-kiremit, .snc-kenar-kiremit, .snc-cift-sol > .snc-kiremit-levha, .snc-sehir-kiremitsi-ucu { --bas: translateY(40px); }
@media (min-width: 900px) {
  html.snc-derin-hazir #nasil-yurur .snc-ise-sahasi.snc-derin-giris:not(.snc-derin-giris--acik) { --bas: rotateX(60deg) translateY(80px) translateZ(-120px); }
}
.snc-derin-giris--acik[data-egim] { transition: transform 0.5s var(--snc-yay); transition-delay: 0s; }
.snc-derin-giris--acik.snc-derin-egik { transition-duration: 0.12s; }
#nasil-yurur .snc-ise-sahasi { transition: transform 0.6s var(--snc-yay), opacity 0.8s var(--snc-yay); }
@media (prefers-reduced-motion: reduce) {
  .snc-derin-afis, .snc-yaprak-kiremitsi-resim > .snc-cizim-kenarligi, .snc-son-kiremit::after { animation: none; }
  .snc-derin-tuval { 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; } }