/* ==========================================================================
   ServisveServis — stil dosyası (TASARIM-SISTEMI.md v2 "Kurumsal servis", 12 Eki 2026)

   Kimlik: markadan bağımsız özel teknik servisin kurumsal yüzü. Zemin BEYAZ ve
   geniş; ikincil yüzey sıcak açık gri (#F7F4F1); kömür (#161311 / #1F1B19)
   yüzeyler üst bant, ilk ekran, kapanış bandı ve altbilgide. Vişne (#74101A)
   açık zeminde birincil düğme, odak, ince vurgu çizgisi ve logoda; koyu zeminde
   birincil düğme BEYAZDIR (vişne kömür üstünde seçilmez). Fotoğraflar
   araclar/foto_hazirla.py tonuyla (static/img/KAYNAKLAR.md).
   Yazı: Archivo (başlık, normal genişlik 100 %, 700) + Instrument Sans (gövde).
   Köşe 8 px (kart), 6 px (düğme, girdi); kartta yumuşak iki katlı gölge.
   Sınıf öneki: sv-   Belirteç öneki: --sv-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).

   Sınıf adları Faz 3'ten kalır (şablonlar, servisveservis.js ve forms.py onlara
   bağlı; adlar görünmez). Görünüm baştan yazıldı: delik çizgisi, yarım ay
   çentik, tırtıklı kenar ve geniş (125 %) başlık bu dosyada artık YOK.
     §00 yazı dosyaları         §10 etiket, bağlantı çipi, satır listesi
     §01 belirteçler            §11 kod tablosu
     §02 taban                  §12 sekme şeridi, sorular
     §03 kap, iki yan, bölüm    §13 form
     §04 üst başlık, manşet     §14 uyarı ve bildirim notu
     §05 üst bant, başlık, menü §15 ilk ekran, güven şeridi, parça listesi
     §06 düğme, ok bağlantı     §16 mobil alt çubuk
     §07 kart, cihaz kartı, yan §17 altbilgi, kapanış bandı, çerez kutusu
     §08 adımlar                §18 sayfa başı, tanım, çizelge
     §09 kırıntı                §19 yardımcılar, yazdırma
     §20 aileler (ana sayfa, cihaz/bölge, marka/kod, kurumsal) · §40 harita
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; Archivo değişken 400–800 ve
       100–125 % genişlik, Instrument Sans 400–700; latin + latin-ext) ------ */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100% 125%;
  font-display: swap;
  src: url("../fonts/archivo-latin-ext.cde95d2797df.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100% 125%;
  font-display: swap;
  src: url("../fonts/archivo-latin.2f7ea45bad3a.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: "Instrument Sans";
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-display: swap;
  src: url("../fonts/instrument-sans-latin-ext.c7cc7ab8744d.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-display: swap;
  src: url("../fonts/instrument-sans-latin.2cfc58cc232f.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- 01 Belirteçler ------------------------------------------------------ */
:root {
  color-scheme: light;

  /* renk (TASARIM-SISTEMI §02 — kontrastlar orada hesaplı). Adlar Faz 3'ten:
     "koçan" = sıcak açık gri yüzey, "mürekkep" = kömür, "vişne" = derin kırmızı. */
  --sv-beyaz: #ffffff;         /* sayfa zemini, kart yüzü */
  --sv-kocan: #f7f4f1;         /* ikincil bölüm, sayfa başı bandı (sıcak açık gri) */
  --sv-kocan-2: #efeae5;       /* tablo başı, ikon karosu, pasif düğme */
  --sv-kocan-3: #e6dfd8;       /* üzerine gelme, basılı yüzey */
  --sv-murekkep: #161311;      /* başlık, logo, altbilgi zemini (beyazda 18,50) */
  --sv-komur: #1f1b19;         /* üst bant, ilk ekran, kapanış bandı */
  --sv-komur-2: #2b2623;       /* koyu zeminde ayırıcı */
  --sv-koyu-metin: #ddd6d0;    /* koyu zeminde gövde (kömürde 11,88; mürekkepte 12,86) */
  --sv-koyu-gri: #aaa19a;      /* koyu zeminde ikincil metin (kömürde 6,73; mürekkepte 7,29) */
  --sv-koyu-vurgu: #e58a94;    /* koyu zeminde vurgu yazısı (kömürde 6,83; mürekkepte 7,39) */
  --sv-metin: #2c2724;         /* gövde metni (beyazda 14,76; açık gride 13,47) */
  --sv-gri: #5e5650;           /* ikincil metin (beyazda 7,18) */
  --sv-gri-2: #6e6660;         /* yer tutucu, dip satır (beyazda 5,63) */
  --sv-cizgi-ince: #ece7e2;    /* 1 px kıl çizgi: satır ayırıcı (süs) */
  --sv-cizgi: #ddd6cf;         /* bölüm ayırıcı, ikincil kenar (süs) */
  --sv-cizgi-sert: #8a817a;    /* girdi kenarı (beyazda 3,82; ≥3:1, WCAG 1.4.11) */
  --sv-fis-kenari: #e4ded8;    /* kart kenarı, 1 px (süs; girdi kenarı DEĞİL) */
  --sv-visne: #74101a;         /* birincil düğme, odak, vurgu çizgisi (beyazda 11,47) */
  --sv-visne-bas: #560b13;     /* düğme üzerine gelme (beyaz yazıyla 14,45) */
  --sv-visne-ust: #ffffff;     /* vişne düğmedeki yazı: BEYAZ */
  --sv-visne-acik: #f8eced;    /* uyarı notu, seçili satır zemini (vişne yazı 9,94) */
  --sv-yesil: #2b6a44;         /* "Kendiniz bakın", başarı (beyazda 6,47) */

  /* derinlik: yumuşak, iki katlı, sıcak gölge */
  --sv-golge: 0 1px 2px rgba(22, 19, 17, 0.05), 0 4px 16px rgba(22, 19, 17, 0.05);
  --sv-golge-iri: 0 2px 4px rgba(22, 19, 17, 0.06), 0 16px 40px rgba(22, 19, 17, 0.10);

  /* yazı aileleri */
  --sv-f-baslik: "Archivo", "Helvetica Neue", Arial, ui-sans-serif, system-ui, sans-serif;
  --sv-f-govde: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --sv-f-sayi: "Archivo", ui-sans-serif, system-ui, sans-serif;
  --sv-f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan) */
  --sv-y-dev: clamp(2.5rem, 1.8rem + 3.2vw, 4.25rem);
  --sv-y-manset: clamp(2.125rem, 1.5rem + 2.6vw, 3.625rem);
  --sv-y-1: clamp(1.875rem, 1.4rem + 1.9vw, 2.875rem);
  --sv-y-2: clamp(1.625rem, 1.3rem + 1.3vw, 2.375rem);
  --sv-y-3: clamp(1.0625rem, 1.02rem + 0.2vw, 1.1875rem);
  --sv-y-giris: clamp(1.0625rem, 1rem + 0.3vw, 1.21875rem);
  --sv-y-govde: 1.0625rem;     /* 17 px Instrument Sans */
  --sv-y-kucuk: 0.9375rem;     /* 15 px */
  --sv-y-etiket: 0.875rem;     /* 14 px */

  /* yerleşim */
  --sv-oluk: 16px;
  --sv-kap: 1320px;
  --sv-okuma: 700px;
  --sv-yan: 340px;             /* yan kart, ≥1080 px; yapışkan değil */

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

  /* biçim */
  --sv-k: 6px;                 /* düğme, girdi */
  --sv-k-kart: 8px;            /* kart, fotoğraf */
  --sv-k-ince: 4px;            /* etiket, kod karosu */
  --sv-cerceve: 1.5px;         /* girdi ve çerçeveli düğme kenarı */
  --sv-ust-boy: 64px;
  --sv-bant-boy: 40px;

  /* hareket */
  --sv-sure: 160ms;
  --sv-egri: cubic-bezier(0.25, 0.1, 0.25, 1);

  /* ikon maskeleri (renk currentColor ile; 2 px kalem, yuvarlak uç) */
  --sv-m-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9.5 5.5 6.5 6.5-6.5 6.5'/%3E%3C/svg%3E");
  --sv-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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12h15.5'/%3E%3Cpath d='m13.5 6.5 5.5 5.5-5.5 5.5'/%3E%3C/svg%3E");
  --sv-m-asagi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.5 9 6.5 6.5L18.5 9'/%3E%3C/svg%3E");
  --sv-m-onay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 12.8 4.6 4.4 10.4-10.4'/%3E%3C/svg%3E");
  --sv-m-tel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 4.5h3l1.3 3.6-1.9 1.3a10.8 10.8 0 0 0 6.7 6.7l1.3-1.9 3.6 1.3v3a1.5 1.5 0 0 1-1.6 1.5C10.6 19.3 4.7 13.4 4 6.1a1.5 1.5 0 0 1 1.5-1.6z'/%3E%3C/svg%3E");
  --sv-m-saat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");
  --sv-m-zarf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
  --sv-m-kalkan: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 5 6.2v5.3c0 4.3 2.9 7.6 7 9 4.1-1.4 7-4.7 7-9V6.2z'/%3E%3C/svg%3E");

  /* kart iç boşluğu */
  --sv-fis-ic: 24px;
}
@media (min-width: 720px) {
  :root { --sv-kenar: 24px; --sv-oluk: 20px; --sv-bolum: 72px; }
}
@media (min-width: 1080px) {
  :root { --sv-kenar: 40px; --sv-oluk: 24px; --sv-ust-boy: 76px; --sv-bolum: 104px; }
}
@media print {
  :root {
    --sv-kocan: #ffffff; --sv-kocan-2: #ffffff; --sv-kocan-3: #ffffff;
    --sv-murekkep: #000000; --sv-metin: #111111; --sv-gri: #444444; --sv-gri-2: #555555;
    --sv-cizgi-ince: #cccccc; --sv-cizgi: #999999; --sv-cizgi-sert: #555555;
    --sv-golge: none; --sv-golge-iri: none;
  }
}

/* --- 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(--sv-ust-boy) + var(--sv-a4));
}
body {
  margin: 0;
  background: var(--sv-beyaz);
  color: var(--sv-metin);
  font-family: var(--sv-f-govde);
  font-size: var(--sv-y-govde);
  line-height: 1.62;
  font-weight: 400;
  font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
img, svg, video { display: block; max-width: 100%; height: auto; }
[hidden] { display: none !important; }
/* Başlık: Archivo normal genişlik, kömür; sıkı ama sakin. */
h1, h2, h3, h4 {
  margin: 0;
  color: var(--sv-murekkep);
  font-family: var(--sv-f-baslik);
  font-stretch: 100%;
  font-weight: 700;
  letter-spacing: -0.015em;
  text-wrap: balance;
  hyphens: manual;
  overflow-wrap: break-word;
}
h1 { font-size: var(--sv-y-1); line-height: 1.12; letter-spacing: -0.022em; }
h2 { font-size: var(--sv-y-2); line-height: 1.16; letter-spacing: -0.02em; }
h3 { font-size: var(--sv-y-3); line-height: 1.3; font-weight: 650; letter-spacing: -0.008em; }
h4 { font-size: 1rem; font-family: var(--sv-f-govde); font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--sv-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--sv-cizgi-sert); text-decoration-thickness: 1px; text-underline-offset: 0.24em; }
a:hover { color: inherit; text-decoration-color: var(--sv-visne); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--sv-murekkep); }
code, kbd, samp { font-family: var(--sv-f-mono); font-size: 0.92em; font-weight: 500; }
hr { border: 0; height: 1px; background: var(--sv-cizgi); margin: var(--sv-a6) 0; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--sv-visne); color: var(--sv-visne-ust); }
:focus-visible { outline: 2px solid var(--sv-visne); outline-offset: 2px; }
.sv-yalniz-okuyucu {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.sv-dogrudan-icerige {
  position: absolute; left: var(--sv-a4); top: -100px; z-index: 100;
  background: var(--sv-murekkep); color: var(--sv-beyaz); padding: var(--sv-a2) var(--sv-a4);
  border-radius: var(--sv-k); font-weight: 600; text-decoration: none;
}
.sv-dogrudan-icerige:focus { top: var(--sv-a2); }

/* ==========================================================================
   BİLEŞENLER — §03–§19 (TASARIM-SISTEMI §06)
   ========================================================================== */

/* --- 03 Kap, iki yan, bölüm --------------------------------------------- */
.sv-fis-kabi { max-width: var(--sv-kap); margin-inline: auto; padding-inline: var(--sv-kenar); }
.sv-fis-sayfasi { display: block; min-height: 50vh; }
.sv-fis-ikili { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sv-a6); align-items: start; }
.sv-fis-ikili > * { min-width: 0; }
@media (min-width: 1080px) { .sv-fis-ikili { grid-template-columns: minmax(0, 1fr) var(--sv-yan); gap: var(--sv-a7); } }
.sv-fis-ikili-yan { display: grid; gap: var(--sv-a4); align-content: start; }
.sv-fis-yigini { display: grid; gap: var(--sv-a5); }
.sv-fis-yigini > * { min-width: 0; }
/* Bölüm: beyaz zeminde boşlukla ayrılır; --kocan sıcak açık gri bant. */
.sv-fis-bolumu { margin-top: var(--sv-bolum); }
.sv-fis-bolumu--kocan { background: var(--sv-kocan); padding-block: var(--sv-bolum); }
.sv-fis-bolumu--kocan + .sv-fis-bolumu--kocan { margin-top: 0; padding-top: 0; }
.sv-fis-bolumu[id], .sv-fis-karti[id], .sv-sekme-fisi[id] { scroll-margin-top: calc(var(--sv-ust-boy) + 24px); }

/* --- 04 Üst başlık (rubrik), manşet, bölüm başı ------------------------- */
/* Rubrik: önde 20 × 3 px düz vişne çizgi + vişne etiket (kesik çizgi YOK). */
.sv-delik-etiket { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; max-width: none; font-size: var(--sv-y-etiket); font-weight: 600; letter-spacing: 0.01em; line-height: 1.25; color: var(--sv-visne); }
.sv-delik-etiket::before { content: ""; flex: none; width: 20px; height: 3px; border-radius: 2px; background: currentColor; }
.sv-fis-manseti { font-family: var(--sv-f-baslik); font-stretch: 100%; font-weight: 750; font-size: var(--sv-y-manset); line-height: 1.07; letter-spacing: -0.02em; color: var(--sv-murekkep); margin: 0; text-wrap: balance; overflow-wrap: break-word; }
.sv-fis-girisi { font-size: var(--sv-y-giris); line-height: 1.6; color: var(--sv-metin); max-width: 60ch; margin: 14px 0 0; }
/* Bölüm başı: rubrik → H2 → giriş; sağda ok bağlantı. */
.sv-fis-basligi { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px var(--sv-a5); margin-bottom: clamp(28px, 3.4vw, 48px); }
.sv-fis-basligi > div { min-width: 0; flex: 1 1 26rem; }
.sv-fis-basligi h2 { margin: 0; }
.sv-fis-basligi p { margin: 14px 0 0; color: var(--sv-gri); font-size: var(--sv-y-giris); line-height: 1.6; max-width: 62ch; }
.sv-fis-basligi .sv-delik-etiket { margin: 0 0 12px; }
.sv-kalin-rakam { font-family: var(--sv-f-sayi); font-weight: 750; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; line-height: 1; color: var(--sv-murekkep); }
.sv-fis-metni { max-width: 68ch; }
.sv-fis-metni > :last-child { margin-bottom: 0; }
.sv-fis-metni h2 { margin: var(--sv-a6) 0 var(--sv-a3); }
.sv-fis-metni h3 { margin: var(--sv-a5) 0 8px; }
.sv-fis-metni ul, .sv-fis-metni ol { padding-left: 1.3rem; margin: 0 0 var(--sv-a4); }
.sv-fis-metni li { margin-bottom: 6px; }
.sv-fis-metni li::marker { color: var(--sv-visne); }

/* --- 05 Üst bant, başlık, menü, arama, çekmece -------------------------- */
/* Üst bant (≥720 px): kömür şerit — beyan solda; telefon, saat, e-posta sağda. */
.sv-tepe-bandi { display: none; background: var(--sv-komur); color: var(--sv-koyu-metin); font-size: 13.5px; }
@media (min-width: 720px) { .sv-tepe-bandi { display: block; } }
.sv-tepe-bandi-ic { display: flex; align-items: center; justify-content: space-between; gap: 8px 24px; min-height: var(--sv-bant-boy); }
.sv-tepe-bandi-ic > p { margin: 0; max-width: none; color: var(--sv-koyu-gri); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.sv-tepe-bandi-ic > p b { color: var(--sv-beyaz); font-weight: 600; }
.sv-tepe-bandi-kanallari { display: flex; align-items: center; gap: 22px; list-style: none; margin: 0; padding: 0; flex: none; }
.sv-tepe-bandi-kanallari li { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.sv-tepe-bandi-kanallari li::before { content: ""; flex: none; width: 15px; height: 15px; background: var(--sv-koyu-vurgu); -webkit-mask: var(--sv-m-saat) center / contain no-repeat; mask: var(--sv-m-saat) center / contain no-repeat; }
.sv-tepe-bandi-kanallari li[data-kanal="tel"]::before { -webkit-mask-image: var(--sv-m-tel); mask-image: var(--sv-m-tel); }
.sv-tepe-bandi-kanallari li[data-kanal="eposta"]::before { -webkit-mask-image: var(--sv-m-zarf); mask-image: var(--sv-m-zarf); }
.sv-tepe-bandi-kanallari li[data-kanal="beyan"]::before { -webkit-mask-image: var(--sv-m-kalkan); mask-image: var(--sv-m-kalkan); }
.sv-tepe-bandi a { color: var(--sv-beyaz); text-decoration: none; font-weight: 600; }
.sv-tepe-bandi a:hover { color: var(--sv-beyaz); text-decoration: underline; text-decoration-color: var(--sv-koyu-vurgu); }
@media (max-width: 1079px) { .sv-tepe-bandi-kanallari li[data-kanal="eposta"], .sv-tepe-bandi-kanallari li[data-kanal="saat"] { display: none; } }

/* Başlık: beyaz, yapışkan; altında kıl çizgi. */
.sv-ust-fis { position: sticky; top: 0; z-index: 40; background: var(--sv-beyaz); box-shadow: 0 1px 0 var(--sv-cizgi-ince); }
.sv-ust-fis-ic { display: flex; align-items: center; gap: 14px; height: var(--sv-ust-boy); }
.sv-ust-fis-logo { flex: none; display: block; line-height: 0; text-decoration: none; }
.sv-ust-fis-logo img { height: 21px; width: auto; }
@media (min-width: 480px) { .sv-ust-fis-logo img { height: 24px; } }
@media (min-width: 1240px) { .sv-ust-fis-logo img { height: 21px; } }
@media (min-width: 1440px) { .sv-ust-fis-logo img { height: 23px; } }
@media (min-width: 1560px) { .sv-ust-fis-logo img { height: 26px; } }
.sv-ust-fis-menu { display: none; }
.sv-ust-fis-menu > ul { display: flex; align-items: center; gap: 0; list-style: none; margin: 0; padding: 0; }
.sv-ust-fis-menu > ul > li { position: relative; }
.sv-ust-fis-menu > ul > li > a { display: inline-flex; align-items: center; gap: 4px; min-height: var(--sv-ust-boy); padding: 0 10px; font-size: 15px; font-weight: 500; white-space: nowrap; color: var(--sv-murekkep); text-decoration: none; }
.sv-ust-fis-menu > ul > li > a:hover { color: var(--sv-visne); }
.sv-ust-fis-menu > ul > li > a[aria-current] { box-shadow: inset 0 -3px 0 var(--sv-visne); }
.sv-fis-acilir > a::after { content: ""; flex: none; width: 14px; height: 14px; background: var(--sv-gri); -webkit-mask: var(--sv-m-asagi) center / contain no-repeat; mask: var(--sv-m-asagi) center / contain no-repeat; transition: transform var(--sv-sure) var(--sv-egri); }
.sv-acilir-fis { display: none; position: absolute; left: 0; top: calc(100% - 6px); z-index: 50; min-width: 260px; max-height: min(70vh, 560px); overflow-y: auto; list-style: none; margin: 0; padding: 10px; background: var(--sv-beyaz); border: 1px solid var(--sv-fis-kenari); border-top: 3px solid var(--sv-visne); border-radius: 0 0 var(--sv-k-kart) var(--sv-k-kart); box-shadow: var(--sv-golge-iri); }
.sv-fis-acilir:hover > .sv-acilir-fis, .sv-fis-acilir:focus-within > .sv-acilir-fis { display: block; }
.sv-fis-acilir:hover > a::after, .sv-fis-acilir:focus-within > a::after { transform: rotate(180deg); background: var(--sv-visne); }
.sv-acilir-fis a { display: flex; align-items: center; min-height: 40px; padding: 4px 12px; border-radius: var(--sv-k-ince); font-size: 15px; color: var(--sv-metin); text-decoration: none; }
.sv-acilir-fis a:hover { background: var(--sv-kocan); color: var(--sv-murekkep); }
.sv-acilir-grup-adi { margin-top: 6px; padding: 10px 12px 4px; border-top: 1px solid var(--sv-cizgi-ince); }
.sv-acilir-grup-adi:first-child { margin-top: 0; border-top: 0; }
.sv-acilir-grup-adi > a, .sv-acilir-grup-adi > span { min-height: 30px; padding: 0; font-family: var(--sv-f-baslik); font-weight: 650; font-size: 13px; letter-spacing: 0.01em; color: var(--sv-gri); }
.sv-acilir-grup-adi > a:hover { background: none; color: var(--sv-visne); text-decoration: underline; }
.sv-ust-fis-eylem { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.sv-ust-fis-tel { display: none; align-items: center; gap: 10px; min-height: 44px; padding-right: 6px; font-family: var(--sv-f-baslik); font-weight: 700; font-size: 16px; white-space: nowrap; color: var(--sv-murekkep); text-decoration: none; font-variant-numeric: tabular-nums; }
.sv-ust-fis-tel::before { content: ""; width: 34px; height: 34px; border-radius: 50%; background: var(--sv-visne-acik) center / 16px 16px 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='%2374101A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 4.5h3l1.3 3.6-1.9 1.3a10.8 10.8 0 0 0 6.7 6.7l1.3-1.9 3.6 1.3v3a1.5 1.5 0 0 1-1.6 1.5C10.6 19.3 4.7 13.4 4 6.1a1.5 1.5 0 0 1 1.5-1.6z'/%3E%3C/svg%3E"); }
.sv-ust-fis-tel:hover { color: var(--sv-visne); }
.sv-ust-fis-eylem .sv-ust-fis-cagri { display: none; white-space: nowrap; }
@media (max-width: 1439px) and (min-width: 1240px) { .sv-ust-fis-menu > ul > li > a { padding: 0 6px; font-size: 14px; } .sv-ust-fis-ic { gap: 10px; } }
.sv-ust-fis-bul { flex: none; }
@media (max-width: 359px) { .sv-ust-fis-logo img { height: 18px; } .sv-ust-fis-eylem { gap: 4px; } .sv-ust-fis-ic { gap: 8px; } }
@media (min-width: 720px) { .sv-ust-fis-eylem .sv-ust-fis-cagri { display: inline-flex; } }
@media (min-width: 1240px) {
  .sv-ust-fis-menu { display: block; margin-left: 8px; }
  .sv-ust-fis-eylem .sv-menu-acici { display: none; }
}
@media (min-width: 1560px) { .sv-ust-fis-tel { display: inline-flex; } }
.sv-sorgu-seridi { padding-block: 10px 16px; }
.sv-sorgu-kutusu { position: relative; display: flex; align-items: center; width: 100%; min-height: 50px; border: var(--sv-cerceve) solid var(--sv-cizgi-sert); border-radius: var(--sv-k); background: var(--sv-beyaz); transition: border-color var(--sv-sure) var(--sv-egri); }
.sv-sorgu-kutusu:hover { border-color: var(--sv-gri); }
.sv-sorgu-kutusu:focus-within { border-color: var(--sv-murekkep); outline: 2px solid var(--sv-visne); outline-offset: 2px; }
.sv-sorgu-kutusu input { flex: 1; min-width: 0; height: 46px; border: 0; background: transparent; padding: 0 8px 0 14px; font: inherit; font-size: 16px; color: var(--sv-murekkep); border-radius: var(--sv-k); -webkit-appearance: none; appearance: none; }
.sv-sorgu-kutusu input::placeholder { color: var(--sv-gri-2); }
.sv-sorgu-kutusu input:focus-visible { outline: none; }
.sv-sorgu-kutusu input::-webkit-search-cancel-button { display: none; }
.sv-sorgu-kutusu button { flex: none; display: grid; place-items: center; width: 42px; height: 42px; margin-right: 3px; border: 0; border-radius: var(--sv-k-ince); background: var(--sv-murekkep); color: var(--sv-beyaz); cursor: pointer; transition: background-color var(--sv-sure) var(--sv-egri); }
.sv-sorgu-kutusu button:hover { background: var(--sv-visne); }
.sv-sorgu-kutusu button svg { width: 18px; height: 18px; }
.sv-sorgu-kutusu--iri { min-height: 60px; }
.sv-sorgu-kutusu--iri input { height: 56px; font-size: 18px; padding-left: 18px; }
.sv-sorgu-kutusu--iri button { width: 50px; height: 50px; margin-right: 4px; background: var(--sv-visne); }
.sv-sorgu-kutusu--iri button:hover { background: var(--sv-visne-bas); }
form[data-bul] { position: relative; }
.sv-sorgu-listesi { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 60; list-style: none; margin: 0; padding: 6px; max-height: min(60vh, 480px); overflow-y: auto; background: var(--sv-beyaz); border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k-kart); box-shadow: var(--sv-golge-iri); }
.sv-sorgu-listesi--yukari { top: auto; bottom: calc(100% + 6px); }
.sv-sorgu-listesi a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 11px 12px; border-radius: var(--sv-k-ince); color: var(--sv-murekkep); text-decoration: none; }
.sv-sorgu-listesi a[aria-selected="true"], .sv-sorgu-listesi a:hover { background: var(--sv-kocan); }
.sv-sorgu-turu { color: var(--sv-gri); font-size: 13px; text-align: right; }
.sv-sorgu-kodu .sv-sorgu-adi { font-family: var(--sv-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; }
.sv-sorgu-sonucsuz { padding: 10px 12px; color: var(--sv-gri); font-size: var(--sv-y-kucuk); }
/* Menü çekmecesi (#dizin): sağdan 420 px beyaz panel, dar ekranda tam ekran. */
body.sv-cekmece-acik-govde { overflow: hidden; }
.sv-cekmece-perdesi { position: fixed; inset: 0; z-index: 70; background: rgba(22, 19, 17, 0.48); }
.sv-menu-cekmecesi { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(420px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--sv-a4) var(--sv-a5) var(--sv-a7); background: var(--sv-beyaz); box-shadow: var(--sv-golge-iri); }
.sv-cekmece-ust { display: flex; justify-content: space-between; align-items: center; gap: var(--sv-a3); padding-bottom: var(--sv-a4); margin-bottom: var(--sv-a4); border-bottom: 1px solid var(--sv-cizgi-ince); }
.sv-cekmece-ust img { height: 22px; width: auto; }
.sv-cekmece-eylem { display: grid; gap: var(--sv-a2); margin-bottom: var(--sv-a5); }
.sv-cekmece-kumesi { margin-top: var(--sv-a3); padding: 14px 16px 6px; background: var(--sv-kocan); border-radius: var(--sv-k-kart); }
.sv-cekmece-kumesi h2 { font-size: 1.0625rem; margin: 0 0 4px; }
.sv-cekmece-kumesi h2 a { text-decoration: none; }
.sv-cekmece-kumesi h2 a:hover { color: var(--sv-visne); }
.sv-cekmece-kumesi .sv-fis-satiri { min-height: 44px; }
.sv-cekmece-dibi { margin: var(--sv-a5) 0 0; padding-top: var(--sv-a4); border-top: 1px solid var(--sv-cizgi-ince); color: var(--sv-gri); font-size: 15px; max-width: none; }
.sv-dil-fisi { font-size: var(--sv-y-kucuk); }
.sv-dil-fisi summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: var(--sv-cerceve) solid var(--sv-cizgi); border-radius: var(--sv-k); color: var(--sv-murekkep); font-weight: 600; }
.sv-dil-fisi summary::-webkit-details-marker { display: none; }
.sv-dil-fisi ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--sv-a4); margin: var(--sv-a2) 0 0; }
.sv-dil-fisi a { display: inline-block; padding: 10px 0; color: var(--sv-gri); text-decoration: none; }
.sv-dil-fisi a:hover, .sv-dil-fisi a[aria-current="true"] { color: var(--sv-murekkep); }

/* --- 06 Düğmeler, ok bağlantı -------------------------------------------- */
/* 50 px (küçük 44), Archivo 650, 6 px köşe. Açık zeminde birincil = vişne,
   koyu zeminde birincil = beyaz (--acik); ikincil koyu zeminde --hayalet. */
.sv-fis-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border: var(--sv-cerceve) solid transparent; border-radius: var(--sv-k); font-family: var(--sv-f-baslik); font-weight: 650; font-size: 15.5px; letter-spacing: -0.003em; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer; transition: background-color var(--sv-sure) var(--sv-egri), color var(--sv-sure) var(--sv-egri), border-color var(--sv-sure) var(--sv-egri); }
.sv-fis-dugme svg { width: 18px; height: 18px; flex: none; }
.sv-fis-dugme b { font-family: var(--sv-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; color: inherit; }
.sv-fis-dugme--visne { background: var(--sv-visne); color: var(--sv-visne-ust); border-color: var(--sv-visne); box-shadow: 0 1px 2px rgba(116, 16, 26, 0.18), 0 6px 14px rgba(116, 16, 26, 0.16); }
.sv-fis-dugme--visne:hover { background: var(--sv-visne-bas); border-color: var(--sv-visne-bas); color: var(--sv-visne-ust); }
.sv-fis-dugme--cerceve { background: var(--sv-beyaz); color: var(--sv-murekkep); border-color: var(--sv-cizgi); }
.sv-fis-dugme--cerceve:hover { border-color: var(--sv-murekkep); color: var(--sv-murekkep); }
.sv-fis-dugme--acik { background: var(--sv-beyaz); color: var(--sv-murekkep); border-color: var(--sv-beyaz); }
.sv-fis-dugme--acik:hover { background: var(--sv-kocan-2); border-color: var(--sv-kocan-2); color: var(--sv-murekkep); }
.sv-fis-dugme--acik svg { color: var(--sv-visne); }
.sv-fis-dugme--hayalet { background: transparent; color: var(--sv-beyaz); border-color: rgba(255, 255, 255, 0.42); }
.sv-fis-dugme--hayalet:hover { border-color: var(--sv-beyaz); background: rgba(255, 255, 255, 0.06); color: var(--sv-beyaz); }
.sv-fis-dugme--kucuk { min-height: 44px; padding: 0 18px; font-size: 14.5px; }
.sv-fis-dugme--genis { width: 100%; }
.sv-fis-dugme--kare { width: 44px; padding: 0; flex: none; }
.sv-fis-dugme[aria-disabled="true"] { background: var(--sv-kocan-2); color: var(--sv-gri-2); border-color: var(--sv-kocan-2); box-shadow: none; cursor: not-allowed; }
.sv-fis-dugme[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.sv-fis-eylemleri { display: flex; flex-wrap: wrap; gap: var(--sv-a3); align-items: center; margin-top: var(--sv-a5); }
.sv-fis-eylemleri:first-child { margin-top: 0; }
@media (max-width: 479px) { .sv-fis-eylemleri > .sv-fis-dugme { flex: 1 1 100%; } }
/* Ok bağlantı: kalın yazı + vişne ok, üzerine gelince ok 3 px kayar. */
.sv-fis-oku { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; font-weight: 600; color: var(--sv-murekkep); text-decoration: none; }
.sv-fis-oku::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--sv-visne); -webkit-mask: var(--sv-m-sag) center / contain no-repeat; mask: var(--sv-m-sag) center / contain no-repeat; transition: transform var(--sv-sure) var(--sv-egri); }
.sv-fis-oku:hover { color: var(--sv-visne); }
.sv-fis-oku:hover::after { transform: translateX(3px); }

/* --- 07 Kart, cihaz kartı, yan kart -------------------------------------- */
.sv-fis-karti { position: relative; min-width: 0; background: var(--sv-beyaz); border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k-kart); padding: var(--sv-fis-ic); box-shadow: var(--sv-golge); }
@media (max-width: 719px) { .sv-fis-karti { --sv-fis-ic: 18px; } }
.sv-fis-karti > :last-child { margin-bottom: 0; }
.sv-fis-karti h3 { margin-bottom: 6px; }
/* İç kart: açık gri zeminli, gölgesiz (bir kartın içindeki alt parça). */
.sv-fis-karti--ic { background: var(--sv-kocan); border: 1px solid var(--sv-cizgi-ince); box-shadow: none; }
a.sv-fis-karti { display: block; color: inherit; text-decoration: none; transition: border-color var(--sv-sure) var(--sv-egri), box-shadow var(--sv-sure) var(--sv-egri), transform var(--sv-sure) var(--sv-egri); }
a.sv-fis-karti:hover { border-color: var(--sv-cizgi); box-shadow: var(--sv-golge-iri); transform: translateY(-2px); }
.sv-fis-karti-basi { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px var(--sv-a4); margin-bottom: var(--sv-a4); padding-bottom: 14px; border-bottom: 1px solid var(--sv-cizgi-ince); }
.sv-fis-karti-basi > div { min-width: 0; flex: 1 1 18rem; }
.sv-fis-karti-basi h2, .sv-fis-karti-basi h3 { margin: 0; }
.sv-fis-karti-basi h2 { font-size: clamp(1.3125rem, 1.15rem + 0.6vw, 1.625rem); }
.sv-fis-karti-basi h3 a { text-decoration: none; }
.sv-fis-karti-basi p { margin: 6px 0 0; color: var(--sv-gri); font-size: var(--sv-y-kucuk); }
.sv-fis-karti-basi small { color: var(--sv-gri); font-size: 14px; }
.sv-fis-kartlari { display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr); list-style: none; margin: 0; padding: 0; }
.sv-fis-kartlari > * { min-width: 0; }
@media (min-width: 720px) { .sv-fis-kartlari { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .sv-fis-kartlari--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sv-fis-kartlari--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } }
/* Kart gövdesi (cihaz kartında fotoğrafın altı): ad + kısa not. */
.sv-fis-kocani { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 16px 18px 14px; }
.sv-fis-kocani > div { min-width: 0; }
.sv-fis-kocani h3 { margin: 0; font-size: 17.5px; overflow-wrap: anywhere; }
.sv-fis-kocani p { margin: 4px 0 0; font-size: 14px; line-height: 1.45; color: var(--sv-gri); }
/* Fotoğraf levhası: kare dosya, kartta 4:3 kırpılır (object-fit). */
.sv-fis-levha { position: relative; display: block; aspect-ratio: 4 / 3; background: var(--sv-kocan-2); overflow: hidden; }
.sv-fis-levha picture { display: contents; }
.sv-fis-levha img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms var(--sv-egri); }
/* Cihaz kartı: fotoğraf kenara dayalı, altında gövde ve eylem satırı. */
.sv-fis-cihaz { padding: 0; display: flex; flex-direction: column; overflow: hidden; }
a.sv-fis-cihaz:hover .sv-fis-levha img, .sv-fis-cihaz-bagi:hover .sv-fis-levha img { transform: scale(1.035); }
a.sv-fis-cihaz:hover h3, .sv-fis-cihaz-bagi:hover h3 { color: var(--sv-visne); }
.sv-fis-cihaz--parcali { padding: 0; }
.sv-fis-cihaz-bagi { display: flex; flex-direction: column; flex: 1; color: inherit; text-decoration: none; }
.sv-fis-sira-no { display: none; }
.sv-fis-cihaz-eylemi { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 12px; margin-top: auto; padding: 12px 18px 14px; border-top: 1px solid var(--sv-cizgi-ince); font-size: 14px; }
.sv-fis-cihaz-eylemi a { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; color: var(--sv-gri); text-decoration: none; }
.sv-fis-cihaz-eylemi a:hover { color: var(--sv-murekkep); text-decoration: underline; }
.sv-fis-cihaz-eylemi .sv-fis-cihaz-cagri { color: var(--sv-visne); font-weight: 650; }
.sv-fis-cihaz-eylemi svg { width: 15px; height: 15px; }
.sv-fis-kartlari--cihaz { gap: 20px; }
@media (min-width: 1080px) { .sv-fis-kartlari--cihaz.sv-fis-kartlari--4 { gap: 24px; } }
@media (max-width: 719px) {
  .sv-fis-kartlari--cihaz { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .sv-fis-kartlari--cihaz .sv-fis-kocani { padding: 12px 12px 10px; }
  .sv-fis-kartlari--cihaz .sv-fis-kocani h3 { font-size: 15px; }
  .sv-fis-kartlari--cihaz .sv-fis-kocani p { font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .sv-fis-kartlari--cihaz .sv-fis-cihaz-eylemi { padding: 8px 12px 10px; font-size: 13px; }
  .sv-fis-kartlari--cihaz .sv-fis-cihaz-eylemi > a:not(.sv-fis-cihaz-cagri) { display: none; }
}
/* Yan kart: beyaz, üstte 3 px vişne kenar, kıl kenar, yumuşak gölge. Yapışkan DEĞİL. */
.sv-yan-fis { position: relative; min-width: 0; border: 1px solid var(--sv-fis-kenari); border-top: 3px solid var(--sv-visne); border-radius: var(--sv-k-kart); background: var(--sv-beyaz); padding: 24px; box-shadow: var(--sv-golge); }
.sv-yan-fis > .sv-delik-etiket { margin-bottom: 8px; }
.sv-yan-fis h2 { font-size: 1.25rem; margin: 0 0 14px; padding-bottom: 14px; border-bottom: 1px solid var(--sv-cizgi-ince); }
.sv-yan-fis dl { margin: 0 0 var(--sv-a4); }
.sv-yan-fis dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--sv-cizgi-ince); }
.sv-yan-fis dt { color: var(--sv-gri); font-size: 15px; }
.sv-yan-fis dd { margin: 0; color: var(--sv-murekkep); font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.sv-yan-fis .sv-fis-dugme + .sv-fis-dugme { margin-top: var(--sv-a2); }
.sv-yan-fis .sv-fis-tanimlari > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.sv-yan-fis .sv-fis-tanimlari dd { text-align: left; font-weight: 400; color: var(--sv-metin); }
.sv-yan-fis .sv-kocan-sirasi { margin: 0 0 var(--sv-a5); }
.sv-yan-fis-notu { margin: var(--sv-a4) 0 0; font-size: 14px; color: var(--sv-gri); }
.sv-yan-fis > dl:last-child { margin-bottom: 0; }

/* --- 08 Adımlar (süreç) --------------------------------------------------- */
/* Dikey sıra (yan kart, form anlatımı): numara dairesi + başlık + tek cümle,
   numaralar arasında ince dikey çizgi. Yatay sıra: dört adım kartı. */
.sv-kocan-sirasi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.sv-kocan-sirasi-ogesi { position: relative; min-width: 0; padding: 0 0 18px 44px; }
.sv-kocan-sirasi-ogesi:last-child { padding-bottom: 0; }
.sv-kocan-sirasi-ogesi::before { content: ""; position: absolute; left: 14px; top: 30px; bottom: 2px; width: 1px; background: var(--sv-cizgi); }
.sv-kocan-sirasi-ogesi:last-child::before { display: none; }
.sv-kocan-sirasi-no { position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; border: 1.5px solid var(--sv-cizgi-sert); background: var(--sv-beyaz); font-family: var(--sv-f-sayi); font-weight: 700; font-size: 13px; color: var(--sv-murekkep); font-variant-numeric: tabular-nums; }
.sv-kocan-sirasi-ogesi--simdi > .sv-kocan-sirasi-no { border-color: var(--sv-visne); background: var(--sv-visne); color: var(--sv-visne-ust); }
.sv-kocan-sirasi-ogesi h3 { margin: 3px 0 4px; font-size: 16.5px; }
.sv-kocan-sirasi-ogesi p { margin: 0; font-size: var(--sv-y-kucuk); color: var(--sv-gri); line-height: 1.5; }
.sv-kocan-sirasi--dikey .sv-kocan-sirasi-ogesi h3 { font-size: 16px; }
.sv-kocan-sirasi--dikey .sv-kocan-sirasi-ogesi p { font-size: 14px; }
/* Yatay adım kartları (ana sayfa süreci, gönderim sonrası): ≥900 px yan yana,
   numara karosu vişne-açık, ilk adım dolu vişne; kartlar arasında ince ok. */
.sv-kocan-sirasi:not(.sv-kocan-sirasi--dikey) { gap: 16px; }
@media (min-width: 900px) { .sv-kocan-sirasi:not(.sv-kocan-sirasi--dikey) { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 20px; } }
.sv-kocan-sirasi:not(.sv-kocan-sirasi--dikey) > .sv-kocan-sirasi-ogesi { padding: 26px 24px 24px; background: var(--sv-beyaz); border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k-kart); box-shadow: var(--sv-golge); }
.sv-kocan-sirasi:not(.sv-kocan-sirasi--dikey) > .sv-kocan-sirasi-ogesi::before { display: none; }
.sv-kocan-sirasi:not(.sv-kocan-sirasi--dikey) .sv-kocan-sirasi-no { position: static; display: inline-grid; width: 44px; height: 44px; margin-bottom: 18px; border: 0; border-radius: var(--sv-k); background: var(--sv-visne-acik); color: var(--sv-visne); font-size: 17px; }
.sv-kocan-sirasi:not(.sv-kocan-sirasi--dikey) > .sv-kocan-sirasi-ogesi--simdi .sv-kocan-sirasi-no { background: var(--sv-visne); color: var(--sv-visne-ust); }
.sv-kocan-sirasi:not(.sv-kocan-sirasi--dikey) h3 { margin: 0 0 8px; font-size: 18.5px; }
.sv-kocan-sirasi:not(.sv-kocan-sirasi--dikey) p { font-size: 15.5px; line-height: 1.55; }
@media (min-width: 900px) {
  .sv-kocan-sirasi:not(.sv-kocan-sirasi--dikey) > .sv-kocan-sirasi-ogesi + .sv-kocan-sirasi-ogesi::after { content: ""; position: absolute; left: -17px; top: 41px; width: 14px; height: 14px; background: var(--sv-cizgi-sert); -webkit-mask: var(--sv-m-ok) center / contain no-repeat; mask: var(--sv-m-ok) center / contain no-repeat; }
}

/* --- 09 Kırıntı ----------------------------------------------------------- */
.sv-fis-yolu ol { display: flex; flex-wrap: wrap; gap: 4px 10px; list-style: none; margin: 0 0 16px; padding: 0; font-size: 14px; color: var(--sv-gri); }
.sv-fis-yolu li + li::before { content: "/"; margin-right: 10px; color: var(--sv-cizgi-sert); }
.sv-fis-yolu a { color: var(--sv-gri); text-decoration: none; }
.sv-fis-yolu a:hover { color: var(--sv-murekkep); text-decoration: underline; text-decoration-color: var(--sv-visne); }
.sv-fis-yolu [aria-current] { color: var(--sv-murekkep); }

/* --- 10 Etiket (durum), bağlantı çipi, satır listesi --------------------- */
.sv-fis-etiketi { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 11px; border-radius: 999px; background: var(--sv-kocan-2); font-size: 13px; font-weight: 600; line-height: 1.2; white-space: nowrap; color: var(--sv-murekkep); }
.sv-fis-etiketi::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.sv-fis-etiketi--evde { color: var(--sv-yesil); background: #e9f2ec; }
.sv-fis-etiketi--usta { color: var(--sv-murekkep); }
.sv-fis-etiketi--dur { color: var(--sv-visne); background: var(--sv-visne-acik); }
/* Bağlantı çipi (sık aranan, markalar, küçük aletler). */
.sv-sik-fisler { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.sv-sik-fisler > li { min-width: 0; }
.sv-kesik-fis { display: inline-flex; align-items: center; min-height: 40px; padding: 0 15px; border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k); background: var(--sv-beyaz); color: var(--sv-murekkep); font-size: 14.5px; line-height: 1.25; text-decoration: none; overflow-wrap: anywhere; transition: border-color var(--sv-sure) var(--sv-egri), color var(--sv-sure) var(--sv-egri); }
span.sv-kesik-fis { color: var(--sv-metin); }
a.sv-kesik-fis:hover { border-color: var(--sv-visne); color: var(--sv-visne); }
.sv-sik-fis-satiri { display: grid; gap: 10px; margin-top: var(--sv-a6); }
.sv-sik-fis-satiri > span { font-size: 13.5px; font-weight: 600; color: var(--sv-gri); }
/* Satır listesi: satırlar arası kıl çizgi, bağlantıda ok. */
.sv-satir-fisi { list-style: none; margin: 0; padding: 0; }
.sv-fis-satiri { display: flex; align-items: center; gap: var(--sv-a3); min-height: 50px; padding: 9px 2px; border-top: 1px solid var(--sv-cizgi-ince); }
.sv-fis-satiri:first-child { border-top: 0; }
.sv-fis-satiri > a { flex: 1; min-width: 0; color: var(--sv-murekkep); text-decoration: none; font-weight: 500; overflow-wrap: anywhere; }
.sv-fis-satiri > a:hover { color: var(--sv-visne); }
.sv-fis-satiri small { flex: 0 1 auto; max-width: 55%; text-align: right; overflow-wrap: anywhere; color: var(--sv-gri); font-size: 14px; font-variant-numeric: tabular-nums; }
.sv-fis-satiri:has(> a)::after { content: ""; flex: none; width: 15px; height: 15px; background: var(--sv-cizgi-sert); -webkit-mask: var(--sv-m-ok) center / contain no-repeat; mask: var(--sv-m-ok) center / contain no-repeat; }
.sv-fis-satiri:has(> a:hover)::after { background: var(--sv-visne); }
.sv-fis-satiri > span { flex: 1; min-width: 0; }
.sv-satir-notu { display: inline-block; width: 100%; margin-top: 2px; color: var(--sv-gri); font-size: 14px; font-weight: 400; }
.sv-satir-fisi--sutunlu { columns: 1; column-gap: var(--sv-a6); }
.sv-satir-fisi--sutunlu .sv-fis-satiri { break-inside: avoid; border-top: 0; border-bottom: 1px solid var(--sv-cizgi-ince); min-height: 48px; }
.sv-satir-fisi--dortlu { columns: 2; column-gap: var(--sv-a4); }
@media (max-width: 559px) { .sv-satir-fisi--dortlu small { display: none; } }
@media (min-width: 560px) { .sv-satir-fisi--sutunlu { columns: 2; } }
@media (min-width: 1080px) {
  .sv-satir-fisi--sutunlu { columns: 3; } .sv-satir-fisi--dortlu { columns: 4; }
  .sv-fis-ikili-ana .sv-satir-fisi--sutunlu, .sv-fis-kartlari .sv-satir-fisi--sutunlu { columns: 2; }
}
.sv-ad-zinciri { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; color: var(--sv-metin); font-size: var(--sv-y-kucuk); line-height: 1.9; }
.sv-ad-zinciri li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--sv-cizgi-sert); }

/* --- 11 Kod tablosu (hata kodu) ------------------------------------------- */
.sv-kod-fisi { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k-kart); overflow: hidden; background: var(--sv-beyaz); font-size: 15px; }
.sv-kod-fisi caption { caption-side: top; text-align: left; padding: 0 0 10px; color: var(--sv-gri); font-size: 14px; }
.sv-kod-fisi th, .sv-kod-fisi td { text-align: left; vertical-align: top; padding: 13px 16px; border-bottom: 1px solid var(--sv-cizgi-ince); overflow-wrap: anywhere; }
.sv-kod-fisi thead th { background: var(--sv-kocan); font-size: 13.5px; font-weight: 600; color: var(--sv-gri); }
.sv-kod-fisi tbody tr:hover td { background: #fbfaf8; }
.sv-kod-fisi tbody tr:last-child > * { border-bottom: 0; }
.sv-kod-fisi td b { display: block; font-weight: 600; color: var(--sv-murekkep); }
.sv-kod-fisi td b + span { display: block; color: var(--sv-gri); font-size: 14px; }
.sv-kod-fisi tr:target td { background-color: var(--sv-visne-acik); }
.sv-kod-fisi tr[hidden] { display: none; }
.sv-kod-numarasi { display: inline-block; min-width: 58px; padding: 4px 10px; border-radius: var(--sv-k-ince); background: var(--sv-murekkep); font-family: var(--sv-f-sayi); font-weight: 700; font-size: 15px; line-height: 1.4; color: var(--sv-beyaz); text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; }
a.sv-kod-numarasi:hover { background: var(--sv-visne); color: var(--sv-beyaz); }
.sv-kod-fisi--uzun td:first-child { width: 1%; white-space: nowrap; }
.sv-kod-fisi--uzun td p { margin: 0 0 6px; max-width: 64ch; }
.sv-kod-fisi--uzun td strong { color: var(--sv-murekkep); font-weight: 600; }
.sv-kod-belirti-notu { color: var(--sv-gri); }
.sv-kod-acik-fisi { margin-top: 8px; }
.sv-kod-acik-fisi > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k); font-size: 14px; font-weight: 600; color: var(--sv-murekkep); cursor: pointer; list-style: none; }
.sv-kod-acik-fisi > summary::-webkit-details-marker { display: none; }
.sv-kod-acik-fisi > summary::after { content: ""; width: 14px; height: 14px; background: var(--sv-visne); -webkit-mask: var(--sv-m-asagi) center / contain no-repeat; mask: var(--sv-m-asagi) center / contain no-repeat; transition: transform var(--sv-sure) var(--sv-egri); }
.sv-kod-acik-fisi[open] > summary::after { transform: rotate(180deg); }
.sv-kod-acik-fisi > summary:hover { border-color: var(--sv-murekkep); }
.sv-kod-acik-fisi[open] { padding: var(--sv-a3) var(--sv-a4) var(--sv-a2); border: 1px solid var(--sv-cizgi-ince); border-radius: var(--sv-k-kart); background: var(--sv-kocan); }
.sv-kod-acik-fisi[open] > summary { border: 0; padding: 0; min-height: 36px; }
.sv-kod-acik-fisi h3 { margin: var(--sv-a3) 0 0; font-size: 15px; }
.sv-kod-acik-fisi .sv-kocan-sirasi { margin: 10px 0 4px; }
.sv-kod-acik-fisi .sv-fis-uyarisi { margin: 8px 0; }
.sv-kod-acik-fisi .sv-fis-satiri { min-height: 40px; padding-block: 6px; font-size: 15px; }
.sv-kod-suzgeci { max-width: 520px; }
.sv-kod-suzgeci .sv-fis-alan-notu { min-height: 1.5em; margin-top: 8px; }
.sv-kod-fisi--dizin td:first-child a { text-decoration: none; }
.sv-kod-fisi--dizin td:first-child a:hover b { color: var(--sv-visne); }
.sv-kod-fisi--dizin td:last-child, .sv-kod-fisi--dizin th:last-child { text-align: right; color: var(--sv-gri); }
@media (max-width: 719px) {
  .sv-kod-fisi thead { display: none; }
  .sv-kod-fisi tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--sv-cizgi-ince); }
  .sv-kod-fisi tbody tr:last-child { border-bottom: 0; }
  .sv-kod-fisi td, .sv-kod-fisi th { border: 0; padding: 2px 0; background: none !important; }
  .sv-kod-fisi td:first-child { grid-row: span 2; }
  .sv-kod-fisi--dizin tr { grid-template-columns: minmax(0, 1fr) auto; }
  .sv-kod-fisi--dizin td:first-child { grid-row: auto; }
  .sv-kod-fisi--dizin td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 6px; }
  .sv-kod-fisi--uzun td:last-child { grid-column: 2; padding-top: 6px; }
}

/* --- 12 Sekme şeridi, sorular -------------------------------------------- */
.sv-sekme-seridi { display: flex; gap: 2px; max-width: 100%; margin: var(--sv-a4) 0; padding: 0; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--sv-cizgi); }
.sv-sekme-seridi::-webkit-scrollbar { display: none; }
.sv-sekme-seridi a, .sv-sekme-seridi button { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 50px; padding: 0 16px; border: 0; background: transparent; color: var(--sv-gri); font: inherit; font-size: 15px; font-weight: 500; text-decoration: none; cursor: pointer; white-space: nowrap; box-shadow: inset 0 -3px 0 transparent; transition: color var(--sv-sure) var(--sv-egri), box-shadow var(--sv-sure) var(--sv-egri); }
.sv-sekme-seridi a:hover, .sv-sekme-seridi button:hover { color: var(--sv-murekkep); box-shadow: inset 0 -3px 0 var(--sv-cizgi); }
.sv-sekme-seridi [aria-selected="true"], .sv-sekme-seridi [aria-current="true"] { color: var(--sv-murekkep); font-weight: 650; box-shadow: inset 0 -3px 0 var(--sv-visne); }
.sv-sekme-seridi sup { font-size: 12px; color: var(--sv-gri); font-variant-numeric: tabular-nums; vertical-align: baseline; }
/* Sarılı sekmeler (arıza bulucu): bütün cihazlar görünür, seçili sekme kömür dolgu. */
.sv-sekme-seridi--sarili { flex-wrap: wrap; gap: 8px; padding: 0; overflow: visible; border-bottom: 0; margin: 0 0 var(--sv-a5); }
.sv-sekme-seridi--sarili a, .sv-sekme-seridi--sarili button { min-height: 42px; padding: 0 16px; border: 1px solid var(--sv-fis-kenari); border-radius: 999px; background: var(--sv-beyaz); color: var(--sv-metin); font-size: 14.5px; box-shadow: none; }
.sv-sekme-seridi--sarili a:hover, .sv-sekme-seridi--sarili button:hover { border-color: var(--sv-murekkep); box-shadow: none; }
.sv-sekme-seridi--sarili [aria-selected="true"], .sv-sekme-seridi--sarili [aria-current="true"] { background: var(--sv-murekkep); border-color: var(--sv-murekkep); color: var(--sv-beyaz); box-shadow: none; }
@media (max-width: 719px) { .sv-sekme-seridi--sarili { gap: 6px; } .sv-sekme-seridi--sarili a, .sv-sekme-seridi--sarili button { min-height: 40px; padding: 0 12px; font-size: 14px; } }
.sv-sekme-fisi[hidden] { display: none; }
.sv-sekme-fisi:focus-visible { outline-offset: 4px; }
/* Sorular: kenarlı katlanır satırlar; açık soruda artı işareti çarpıya döner. */
.sv-soru-fisi { display: grid; gap: 12px; }
.sv-soru-satiri { background: var(--sv-beyaz); border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k-kart); padding: 0 20px; transition: border-color var(--sv-sure) var(--sv-egri), box-shadow var(--sv-sure) var(--sv-egri); }
.sv-soru-satiri[open] { border-color: var(--sv-cizgi); box-shadow: var(--sv-golge); }
.sv-soru-satiri summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 60px; padding: 16px 0; cursor: pointer; list-style: none; font-family: var(--sv-f-baslik); font-weight: 650; font-size: 16.5px; line-height: 1.35; color: var(--sv-murekkep); }
.sv-soru-satiri summary::-webkit-details-marker { display: none; }
.sv-soru-satiri summary::after { content: ""; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--sv-kocan) center / 16px 16px 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='%2374101A' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); transition: transform var(--sv-sure) var(--sv-egri); }
.sv-soru-satiri summary:hover { color: var(--sv-visne); }
.sv-soru-satiri[open] summary::after { transform: rotate(45deg); background-color: var(--sv-visne-acik); }
.sv-soru-satiri > div { padding: 0 0 18px; color: var(--sv-metin); }
.sv-soru-satiri > div p { margin: 0 0 10px; }
.sv-soru-satiri > div p:last-child { margin-bottom: 0; }
@media (min-width: 1080px) { .sv-soru-fisi--ikili { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 12px 20px; } }

/* --- 13 Form ------------------------------------------------------------- */
/* Form grubu: numaralı başlık + alanlar; gruplar kıl çizgiyle ayrılır. */
.sv-fis-formu { display: grid; gap: var(--sv-a5); min-width: 0; counter-reset: sv-grup; }
.sv-form-grubu { display: grid; gap: var(--sv-a4); min-width: 0; margin: 0; padding: 0 0 var(--sv-a5); border: 0; border-bottom: 1px solid var(--sv-cizgi-ince); background: none; }
.sv-form-grubu-adi { counter-increment: sv-grup; max-width: none; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 0; }
.sv-form-grubu-adi::before { content: counter(sv-grup); display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--sv-murekkep); color: var(--sv-beyaz); font-family: var(--sv-f-sayi); font-size: 13px; font-weight: 700; }
.sv-form-grubu-adi b { font-family: var(--sv-f-baslik); font-size: 17px; font-weight: 700; color: var(--sv-murekkep); }
.sv-form-grubu-adi small { flex-basis: 100%; padding-left: 38px; color: var(--sv-gri); font-size: 14px; }
.sv-fis-alan-cifti { display: grid; gap: var(--sv-a4); grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 640px) { .sv-fis-alan-cifti--iki { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sv-fis-alan-cifti--iki > .sv-fis-alani--tam, .sv-fis-alan-cifti--iki > .sv-fis-onay { grid-column: 1 / -1; } }
.sv-fis-alani { display: grid; gap: 6px; min-width: 0; align-content: start; }
.sv-fis-alani > label, .sv-fis-alani-adi { font-size: 14px; font-weight: 600; color: var(--sv-murekkep); }
.sv-fis-alani label small { font-weight: 400; color: var(--sv-gri); }
.sv-fis-alani input, .sv-fis-alani select, .sv-fis-alani textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 14px; border: var(--sv-cerceve) solid var(--sv-cizgi-sert); border-radius: var(--sv-k); background: #fcfbfa; color: var(--sv-murekkep); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; transition: border-color var(--sv-sure) var(--sv-egri), background-color var(--sv-sure) var(--sv-egri); }
.sv-fis-alani textarea { padding-block: 13px; min-height: 112px; resize: vertical; }
.sv-fis-alani select { padding-right: 44px; background-repeat: no-repeat; background-position: right 14px center; background-size: 18px 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2374101A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.5 9 6.5 6.5L18.5 9'/%3E%3C/svg%3E"); }
.sv-fis-alani select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.sv-fis-alani input::placeholder, .sv-fis-alani textarea::placeholder { color: var(--sv-gri-2); }
.sv-fis-alani input:hover, .sv-fis-alani select:hover, .sv-fis-alani textarea:hover { border-color: var(--sv-gri); }
.sv-fis-alani input:focus-visible, .sv-fis-alani select:focus-visible, .sv-fis-alani textarea:focus-visible { outline: 2px solid var(--sv-visne); outline-offset: 2px; border-color: var(--sv-murekkep); background: var(--sv-beyaz); }
.sv-fis-alani input[type="date"], .sv-fis-alani input[type="time"] { -webkit-appearance: auto; appearance: auto; color-scheme: light; display: block; }
.sv-fis-alani input[type="date"]::-webkit-calendar-picker-indicator, .sv-fis-alani input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
.sv-fis-alani input[type="file"] { padding: 10px 12px; }
.sv-fis-alani input[type="file"]::file-selector-button { margin-right: var(--sv-a3); min-height: 32px; padding: 0 14px; border: var(--sv-cerceve) solid var(--sv-murekkep); border-radius: var(--sv-k-ince); background: var(--sv-beyaz); color: var(--sv-murekkep); font: inherit; font-weight: 600; cursor: pointer; }
.sv-fis-alani--hatali input, .sv-fis-alani--hatali select, .sv-fis-alani--hatali textarea { border-color: var(--sv-visne); border-width: 2px; }
.sv-fis-alan-hatasi { display: flex; gap: 8px; align-items: center; margin: 0; font-size: 14px; font-weight: 600; color: var(--sv-visne); max-width: none; }
.sv-fis-alan-hatasi::before { content: "!"; flex: none; display: inline-grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: var(--sv-visne); color: var(--sv-beyaz); font-size: 11px; font-weight: 700; }
.sv-fis-alan-notu { margin: 0; font-size: 13.5px; color: var(--sv-gri); }
.sv-fis-onay { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; color: var(--sv-metin); cursor: pointer; }
.sv-fis-onay input { flex: none; -webkit-appearance: none; appearance: none; width: 22px; height: 22px; margin: 1px 0 0; border: var(--sv-cerceve) solid var(--sv-cizgi-sert); border-radius: var(--sv-k-ince); background: var(--sv-beyaz); display: grid; place-content: center; cursor: pointer; }
.sv-fis-onay input:checked { background: var(--sv-visne); border-color: var(--sv-visne); }
.sv-fis-onay input:checked::after { content: ""; width: 11px; height: 6px; border: solid var(--sv-visne-ust); border-width: 0 0 2px 2px; transform: translateY(-2px) rotate(-45deg); }
.sv-fis-onay input:focus-visible { outline: 2px solid var(--sv-visne); outline-offset: 2px; }
.sv-fis-alani--hatali.sv-fis-onay input { border-color: var(--sv-visne); border-width: 2px; }
.sv-gun-sirasi { display: flex; flex-wrap: wrap; gap: 8px; }
.sv-gun-sirasi button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 14px; border: 1px solid var(--sv-cizgi); border-radius: var(--sv-k); background: var(--sv-beyaz); color: var(--sv-gri); font: inherit; font-size: 14px; cursor: pointer; transition: background-color var(--sv-sure) var(--sv-egri), border-color var(--sv-sure) var(--sv-egri); }
.sv-gun-sirasi button b { font-family: var(--sv-f-sayi); font-weight: 700; font-size: 15px; color: var(--sv-murekkep); font-variant-numeric: tabular-nums; }
.sv-gun-sirasi button:hover { border-color: var(--sv-murekkep); }
.sv-gun-sirasi button[aria-pressed="true"] { border-color: var(--sv-visne); background: var(--sv-visne-acik); color: var(--sv-murekkep); box-shadow: inset 0 0 0 1px var(--sv-visne); }
.sv-form-fisi-dibi { display: grid; gap: var(--sv-a3); }
.sv-form-fisi-dibi p { margin: 0; font-size: 14px; color: var(--sv-gri); }
@media (min-width: 720px) { .sv-form-fisi-dibi .sv-fis-dugme:not(.sv-fis-dugme--genis) { justify-self: start; min-width: 280px; } }
/* Tuzak satırı (parcalar/fis_kenari.html): display:none değil, ekran dışı. */
.sv-fis-kenari { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
/* Form iki yanı: solda anlatım + adımlar + iletişim kutusu │ sağda form kartı. */
.sv-form-cift-yani { display: grid; gap: var(--sv-a6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.sv-form-cift-yani > * { min-width: 0; }
@media (min-width: 1080px) { .sv-form-cift-yani { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; } }
.sv-form-anlatimi h2 { margin: 0 0 var(--sv-a3); font-size: var(--sv-y-1); }
.sv-form-anlatimi .sv-kocan-sirasi { margin: var(--sv-a6) 0; }
.sv-form-anlatimi-notu { font-size: 14px; color: var(--sv-gri); }
.sv-form-fisi { --sv-fis-ic: 32px; box-shadow: var(--sv-golge-iri); border-top: 3px solid var(--sv-visne); }
@media (max-width: 719px) { .sv-form-fisi { --sv-fis-ic: 20px; } }
@media (max-width: 479px) { .sv-form-fisi { --sv-fis-ic: 16px; } }
/* İletişim kutusu (form anlatımında): kömür kart, telefon iri. */
.sv-iletisim-kutusu { display: grid; gap: 4px; margin-top: var(--sv-a5); padding: 20px 22px; border-radius: var(--sv-k-kart); background: var(--sv-komur); color: var(--sv-koyu-metin); }
.sv-iletisim-kutusu span { font-size: 13.5px; color: var(--sv-koyu-gri); }
.sv-iletisim-kutusu a { font-family: var(--sv-f-sayi); font-size: clamp(1.375rem, 1.1rem + 1vw, 1.75rem); font-weight: 750; letter-spacing: -0.01em; color: var(--sv-beyaz); text-decoration: none; font-variant-numeric: tabular-nums; }
.sv-iletisim-kutusu a:hover { color: var(--sv-koyu-vurgu); }

/* --- 14 Uyarı notu, bildirim notu ---------------------------------------- */
.sv-fis-uyarisi { position: relative; padding: 16px 18px 16px 20px; border: 1px solid #ecc9cc; border-left: 4px solid var(--sv-visne); border-radius: var(--sv-k); background: var(--sv-visne-acik); color: var(--sv-metin); }
.sv-fis-uyarisi b { display: block; color: var(--sv-murekkep); margin-bottom: 4px; }
.sv-fis-uyarisi > :last-child { margin-bottom: 0; }
.sv-fis-notu { margin: 0 0 var(--sv-a4); padding: 14px 16px; border: 1px solid var(--sv-cizgi-ince); border-left: 4px solid var(--sv-murekkep); border-radius: var(--sv-k); background: var(--sv-kocan); color: var(--sv-metin); font-size: var(--sv-y-kucuk); max-width: none; }
.sv-fis-notu b { color: var(--sv-murekkep); }
.sv-fis-notu--tamam { border-left-color: var(--sv-yesil); }
.sv-fis-notu--uyari { border-color: #ecc9cc; border-left-color: var(--sv-visne); background: var(--sv-visne-acik); }
.sv-fis-notu p { margin: 0; }
.sv-fis-notu:last-child { margin-bottom: 0; }

/* --- 15 İlk ekran, güven şeridi, parça listesi ---------------------------- */
/* İlk ekran: kömür bant; fotoğraf sağ yarıda (dar ekranda arka planda), soldan
   kömüre eriyen degrade; solda rubrik · manşet · giriş · iki eylem · sık
   aranan. Altında beyaz güven şeridi bandın dibine biner. */
.sv-ilk-fis-bolumu { position: relative; isolation: isolate; overflow: hidden; background: var(--sv-komur); color: var(--sv-koyu-metin); }
.sv-ilk-fotograf { position: absolute; inset: 0; z-index: -1; display: block; }
.sv-ilk-fotograf img { width: 100%; height: 100%; object-fit: cover; object-position: 62% 30%; }
.sv-ilk-fotograf::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(31, 27, 25, 0.84) 0%, rgba(31, 27, 25, 0.9) 55%, rgba(31, 27, 25, 0.96) 100%); }
@media (min-width: 1080px) {
  .sv-ilk-fotograf { left: 46%; }
  .sv-ilk-fotograf::after { background: linear-gradient(90deg, var(--sv-komur) 0%, rgba(31, 27, 25, 0.72) 22%, rgba(31, 27, 25, 0.14) 60%, rgba(31, 27, 25, 0.05) 100%); }
}
.sv-ilk-fis { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); padding-block: clamp(56px, 8vw, 112px) clamp(96px, 10vw, 152px); }
@media (min-width: 1080px) { .sv-ilk-fis { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); min-height: 620px; align-items: center; } }
.sv-ilk-fis > * { min-width: 0; }
.sv-ilk-fis .sv-delik-etiket { color: var(--sv-koyu-vurgu); }
.sv-ilk-fis-sol .sv-fis-manseti { max-width: 17ch; color: var(--sv-beyaz); }
.sv-ilk-fis-sol .sv-fis-girisi { margin-top: 22px; color: var(--sv-koyu-metin); max-width: 50ch; }
.sv-ilk-fis-sol .sv-fis-eylemleri { margin-top: 34px; }
.sv-ilk-fis .sv-sik-fis-satiri { margin-top: 36px; }
.sv-ilk-fis .sv-sik-fis-satiri > span { color: var(--sv-koyu-gri); }
.sv-ilk-fis .sv-kesik-fis { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.2); color: var(--sv-beyaz); }
.sv-ilk-fis a.sv-kesik-fis:hover { border-color: var(--sv-beyaz); color: var(--sv-beyaz); background: rgba(255, 255, 255, 0.1); }
/* Güven şeridi: beyaz kart, dört madde; ilk ekranın dibine biner. */
.sv-ilk-fis-seridi { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; list-style: none; margin: calc(clamp(56px, 7vw, 96px) * -1) 0 0; padding: 0; background: var(--sv-beyaz); border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k-kart); box-shadow: var(--sv-golge-iri); }
@media (min-width: 640px) { .sv-ilk-fis-seridi { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .sv-ilk-fis-seridi { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.sv-ilk-fis-seridi > li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 14px; align-items: start; min-width: 0; padding: 20px; border-top: 1px solid var(--sv-cizgi-ince); }
.sv-ilk-fis-seridi > li:first-child { border-top: 0; }
@media (min-width: 640px) { .sv-ilk-fis-seridi > li:nth-child(2) { border-top: 0; } .sv-ilk-fis-seridi > li:nth-child(even) { border-left: 1px solid var(--sv-cizgi-ince); } }
@media (min-width: 1080px) { .sv-ilk-fis-seridi > li { border-top: 0; padding: 28px 26px; } .sv-ilk-fis-seridi > li + li { border-left: 1px solid var(--sv-cizgi-ince); } }
.sv-ilk-fis-seridi > li > svg { grid-row: span 2; width: 44px; height: 44px; padding: 11px; border-radius: var(--sv-k); background: var(--sv-visne-acik); color: var(--sv-visne); }
.sv-ilk-fis-seridi b { font-family: var(--sv-f-baslik); font-weight: 700; font-size: 16px; line-height: 1.3; }
.sv-ilk-fis-seridi span { font-size: 14px; line-height: 1.5; color: var(--sv-gri); }
/* İlke satırı: onay işaretli kısa maddeler (sayfa başı eylemlerinin altında). */
.sv-ilk-fis-ilkeler { display: flex; flex-wrap: wrap; gap: 8px 22px; list-style: none; margin: 22px 0 0; padding: 0; font-weight: 500; color: var(--sv-murekkep); }
.sv-ilk-fis-ilkeler li { display: inline-flex; align-items: center; gap: 8px; }
.sv-ilk-fis-ilkeler li::before { content: ""; flex: none; width: 16px; height: 16px; background: var(--sv-visne); -webkit-mask: var(--sv-m-onay) center / contain no-repeat; mask: var(--sv-m-onay) center / contain no-repeat; }
.sv-ilk-fis-ilkeler--kisa { margin-top: 20px; gap: 6px 20px; font-size: 14.5px; color: var(--sv-metin); }
.sv-ilk-fis-ilkeler--kisa li::before { width: 14px; height: 14px; }
/* Parça listesi (arıza bulucu): fotoğrafın altında numaralı parçalar; seçilen
   belirtinin parçası vişne zeminle yanar, ötekiler soluklaşır. */
.sv-parca-paneli { display: grid; min-width: 0; overflow: hidden; border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k-kart); background: var(--sv-beyaz); }
.sv-parca-paneli > .sv-fis-levha { aspect-ratio: 16 / 10; }
.sv-parca-dizelgesi { list-style: none; margin: 0; padding: 14px 16px 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; }
.sv-parca-dizelgesi-basi { grid-column: 1 / -1; margin: 0 0 4px; font-size: 13px; font-weight: 600; color: var(--sv-gri); }
.sv-parca-etiketi { display: flex; align-items: center; gap: 9px; min-width: 0; overflow-wrap: anywhere; padding: 5px 6px; border-radius: var(--sv-k-ince); font-size: 14px; color: var(--sv-metin); transition: background-color var(--sv-sure) var(--sv-egri), opacity var(--sv-sure) var(--sv-egri); }
.sv-parca-etiketi b { flex: none; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--sv-kocan-2); color: var(--sv-murekkep); font-family: var(--sv-f-sayi); font-size: 12px; font-weight: 700; }
.sv-parca-etiketi--secili { background: var(--sv-visne-acik); color: var(--sv-murekkep); font-weight: 600; }
.sv-parca-etiketi--secili b { background: var(--sv-visne); color: var(--sv-beyaz); }
.sv-parca-dizelgesi:has(.sv-parca-etiketi--secili) .sv-parca-etiketi:not(.sv-parca-etiketi--secili) { opacity: 0.45; }

/* --- 16 Mobil alt çubuk --------------------------------------------------- */
.sv-alt-kocan { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: var(--sv-beyaz); box-shadow: 0 -1px 0 var(--sv-cizgi-ince), 0 -8px 24px rgba(22, 19, 17, 0.08); transition: transform var(--sv-sure) var(--sv-egri); }
.sv-alt-kocan > .sv-fis-dugme { flex: 1 1 0; min-width: 0; padding-inline: 12px; }
.sv-alt-kocan > .sv-fis-dugme--cerceve { flex: 0 1 auto; }
.sv-alt-kocan > .sv-fis-dugme--kare { flex: none; }
.sv-alt-kocan .sv-fis-dugme span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sv-alt-kocan--gizli { transform: translateY(calc(100% + 4px)); }
body.sv-alt-kocanli { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) {
  .sv-alt-kocan { display: none; }
  body.sv-alt-kocanli { padding-bottom: 0; }
}

/* --- 17 Altbilgi, kurum şeridi, dip satır, kapanış bandı, çerez kutusu --- */
/* Altbilgi: koyu mürekkep; başlıklar beyaz, bağlantılar açık gri. */
.sv-fis-altligi { position: relative; margin-top: var(--sv-bolum); padding-top: clamp(48px, 6vw, 72px); background: var(--sv-murekkep); color: var(--sv-koyu-metin); }
.sv-fis-bolumu--kocan + .sv-fis-altligi, .sv-son-kocan-bolumu + .sv-fis-altligi { margin-top: 0; }
.sv-fis-altligi-izgara { display: grid; gap: 32px var(--sv-a6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .sv-fis-altligi-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .sv-fis-altligi-izgara { grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 32px 48px; } }
.sv-fis-altligi-izgara > * { min-width: 0; }
.sv-fis-altligi h2 { font-size: 15px; color: var(--sv-beyaz); margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid var(--sv-komur-2); }
.sv-fis-altligi nav > ul:not(.sv-sik-fisler) { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; font-size: 14.5px; }
.sv-fis-altligi nav > ul:not(.sv-sik-fisler) > li > a, .sv-fis-altligi li > button { display: inline-flex; align-items: center; min-height: 34px; padding: 0; color: var(--sv-koyu-metin); text-decoration: none; font: inherit; font-size: 14.5px; text-align: left; background: none; border: 0; cursor: pointer; }
.sv-fis-altligi nav > ul:not(.sv-sik-fisler) > li > a:hover, .sv-fis-altligi li > button:hover { color: var(--sv-beyaz); text-decoration: underline; text-decoration-color: var(--sv-koyu-vurgu); }
.sv-fis-altligi a { color: var(--sv-koyu-metin); }
.sv-fis-altligi a:hover { color: var(--sv-beyaz); }
.sv-altlik-kimlik > a img { height: 26px; width: auto; margin-bottom: 16px; }
.sv-altlik-tanim { font-size: 14.5px; color: var(--sv-koyu-gri); max-width: 44ch; margin: 0 0 16px; }
.sv-altlik-iletisim { display: grid; gap: 4px; font-size: 14.5px; color: var(--sv-koyu-gri); }
.sv-altlik-iletisim a { color: var(--sv-beyaz); font-weight: 600; text-decoration: none; }
.sv-altlik-iletisim a[href^="tel:"] { font-family: var(--sv-f-sayi); font-size: 20px; font-weight: 750; font-variant-numeric: tabular-nums; }
.sv-altlik-iletisim a:hover { color: var(--sv-koyu-vurgu); }
.sv-altlik-kucukler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--sv-a7); padding-top: 22px; border-top: 1px solid var(--sv-komur-2); }
.sv-altlik-kucukler > a { font-family: var(--sv-f-baslik); font-weight: 650; font-size: 15px; color: var(--sv-beyaz); text-decoration: none; margin-right: 4px; }
.sv-altlik-kucukler .sv-kesik-fis { min-height: 36px; font-size: 14px; background: transparent; border-color: var(--sv-komur-2); color: var(--sv-koyu-metin); }
.sv-altlik-kucukler a.sv-kesik-fis:hover { border-color: var(--sv-koyu-gri); color: var(--sv-beyaz); }
.sv-fis-kurum-seridi { display: grid; gap: 16px var(--sv-a6); grid-template-columns: minmax(0, 1fr); margin-top: var(--sv-a6); padding: 22px 0; border-top: 1px solid var(--sv-komur-2); font-size: 13.5px; color: var(--sv-koyu-gri); }
@media (min-width: 900px) { .sv-fis-kurum-seridi { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sv-fis-kurum-seridi > * { min-width: 0; }
.sv-fis-kurum-seridi b { display: block; margin-bottom: 4px; color: var(--sv-beyaz); font-size: 13.5px; }
.sv-fis-kurum-seridi dl { margin: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 10px; }
.sv-fis-kurum-seridi dt { color: var(--sv-koyu-gri); }
.sv-fis-kurum-seridi dd { margin: 0; color: var(--sv-koyu-metin); overflow-wrap: anywhere; }
.sv-altlik-beyani { margin: 0; color: var(--sv-koyu-gri); max-width: none; }
.sv-ziyaret-sayaci { margin: 0; color: var(--sv-koyu-gri); font-size: 13.5px; }
.sv-ziyaret-sayaci b { font-family: var(--sv-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--sv-beyaz); }
.sv-fis-dip { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: 16px 0 26px; border-top: 1px solid var(--sv-komur-2); font-size: 13px; color: var(--sv-koyu-gri); }
.sv-fis-dip p { margin: 0; }
.sv-fis-dip a { color: var(--sv-koyu-gri); }
.sv-fis-dip nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
/* Kapanış bandı: altbilginin hemen üstünde tam genişlik kömür bant; solda
   vişne dikey çizgili başlık, sağda beyaz birincil düğme + çerçeveli telefon. */
.sv-son-kocan-bolumu { margin-top: var(--sv-bolum); background: var(--sv-komur); }
.sv-son-kocan { position: relative; display: grid; gap: 22px; align-items: center; padding: 44px 0 48px; color: var(--sv-koyu-metin); }
@media (min-width: 900px) { .sv-son-kocan { grid-template-columns: minmax(0, 1fr) auto; gap: 40px; padding: 56px 0; } }
.sv-son-kocan > * { min-width: 0; }
.sv-son-kocan > div:first-child { padding-left: 20px; border-left: 4px solid var(--sv-visne); }
.sv-son-kocan .sv-delik-etiket { color: var(--sv-koyu-vurgu); }
.sv-son-kocan h2 { color: var(--sv-beyaz); margin: 0; }
.sv-son-kocan p { color: var(--sv-koyu-metin); margin: 10px 0 0; }
.sv-son-kocan .sv-fis-eylemleri { margin-top: 0; }
.sv-son-kocan .sv-fis-dugme--visne { background: var(--sv-beyaz); border-color: var(--sv-beyaz); color: var(--sv-murekkep); box-shadow: none; }
.sv-son-kocan .sv-fis-dugme--visne:hover { background: var(--sv-kocan-2); border-color: var(--sv-kocan-2); }
.sv-son-kocan .sv-fis-dugme--cerceve { background: transparent; color: var(--sv-beyaz); border-color: rgba(255, 255, 255, 0.42); }
.sv-son-kocan .sv-fis-dugme--cerceve:hover { border-color: var(--sv-beyaz); }
.sv-son-kocan-bolumu + .sv-fis-altligi { border-top: 1px solid var(--sv-komur-2); }
/* Ara çağrı: sayfa ortasında tek satır kart (açık gri zemin, vişne sol çizgi). */
.sv-ara-kocan .sv-fis-karti { display: grid; gap: var(--sv-a4); align-items: center; background: var(--sv-kocan); border-left: 4px solid var(--sv-visne); box-shadow: none; }
@media (min-width: 1080px) { .sv-ara-kocan .sv-fis-karti { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } .sv-ara-kocan .sv-fis-eylemleri { justify-content: flex-end; margin-top: 0; } }
.sv-ara-kocan p { margin: 0; color: var(--sv-gri); }
.sv-ara-kocan b { display: block; color: var(--sv-murekkep); font-family: var(--sv-f-baslik); font-size: var(--sv-y-3); font-weight: 700; }
/* Çerez kutusu: alt köşede beyaz kart. */
.sv-cerez-fisi { 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(--sv-a4) var(--sv-a5); background: var(--sv-beyaz); border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k-kart); box-shadow: var(--sv-golge-iri); }
.sv-cerez-fisi p { color: var(--sv-metin); font-size: 14px; margin: 0 0 12px; max-width: none; }
.sv-cerez-fisi .sv-fis-eylemleri { margin-top: 0; }

/* --- 18 Sayfa başı, tanımlar, çizelge, sayfa ekleri ---------------------- */
/* Sayfa başı bandı: sıcak açık gri, tam genişlik (zemin border-image ile kenara
   uzar, kaydırma yapmaz); kırıntı · rubrik · H1 · giriş · eylemler │ fotoğraf. */
.sv-fis-ustu { padding-top: clamp(24px, 3.4vw, 44px); background: var(--sv-kocan); border-image: conic-gradient(var(--sv-kocan) 0 0) fill 0 // 0 100vmax; }
.sv-fis-ustu:not(:has(> .sv-fis-kabi > .sv-sekme-seridi, > .sv-sekme-seridi)) { padding-bottom: clamp(28px, 3.4vw, 48px); }
.sv-fis-ustu .sv-fis-ustu-levha > .sv-fis-levha, .sv-fis-ustu .sv-fis-notu { background: var(--sv-beyaz); }
.sv-fis-ustu-govde { padding-bottom: var(--sv-a5); }
@media (min-width: 1080px) { .sv-fis-ustu-govde { padding-bottom: var(--sv-a6); } }
.sv-fis-ustu-govde > .sv-fis-girisi + .sv-fis-eylemleri, .sv-fis-ustu-ic .sv-fis-girisi + .sv-fis-eylemleri { margin-top: var(--sv-a5); }
.sv-fis-ustu-ic { display: grid; gap: var(--sv-a5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.sv-fis-ustu-ic > * { min-width: 0; }
.sv-fis-ustu h1 { margin: 0; overflow-wrap: break-word; }
@media (min-width: 1080px) { .sv-fis-ustu-ic { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; } }
.sv-fis-ustu-ic:has(> .sv-fis-ustu-levha:empty) { grid-template-columns: minmax(0, 1fr); }
.sv-fis-ustu-levha { display: grid; gap: var(--sv-a3); align-content: center; }
.sv-fis-ustu-levha:empty { display: none; }
/* Sayfa başı fotoğrafı: 4:3, 8 px köşe, iri gölge; dar ekranda 16:9. */
.sv-fis-ustu-levha > .sv-fis-levha { width: 100%; max-width: 520px; justify-self: end; border-radius: var(--sv-k-kart); box-shadow: var(--sv-golge-iri); }
@media (max-width: 1079px) { .sv-fis-ustu-levha > .sv-fis-levha { max-width: 560px; justify-self: stretch; aspect-ratio: 16 / 9; } }
.sv-fis-ustu > .sv-fis-kabi > .sv-sekme-seridi, .sv-fis-ustu > .sv-sekme-seridi { margin-bottom: 0; border-bottom: 0; }
.sv-fis-ustu + .sv-fis-kabi { margin-top: clamp(28px, 3.4vw, 48px); }
.sv-fis-tanimlari { margin: 0; font-size: var(--sv-y-kucuk); }
.sv-fis-tanimlari > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 11px 0; border-top: 1px solid var(--sv-cizgi-ince); }
.sv-fis-tanimlari > div:first-child { border-top: 0; padding-top: 0; }
.sv-fis-tanimlari dt { color: var(--sv-gri); }
.sv-fis-tanimlari dd { margin: 0; color: var(--sv-metin); overflow-wrap: anywhere; }
.sv-fis-cizelgesi { width: 100%; border-collapse: collapse; font-size: var(--sv-y-kucuk); }
.sv-fis-cizelgesi th { text-align: left; font-size: 13.5px; font-weight: 600; color: var(--sv-gri); padding: 8px 12px 10px 0; border-bottom: 1px solid var(--sv-cizgi); vertical-align: bottom; }
.sv-fis-cizelgesi tbody th { font-size: var(--sv-y-kucuk); color: var(--sv-murekkep); border-bottom: 1px solid var(--sv-cizgi-ince); padding-top: 12px; vertical-align: top; }
.sv-fis-cizelgesi td { padding: 12px 12px 12px 0; border-bottom: 1px solid var(--sv-cizgi-ince); vertical-align: top; overflow-wrap: anywhere; }
.sv-fis-cizelgesi tbody tr:last-child > * { border-bottom: 0; }
@media (max-width: 719px) {
  .sv-fis-cizelgesi--yigin thead { display: none; }
  .sv-fis-cizelgesi--yigin tr { display: grid; gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--sv-cizgi-ince); }
  .sv-fis-cizelgesi--yigin tr:last-child { border-bottom: 0; }
  .sv-fis-cizelgesi--yigin td, .sv-fis-cizelgesi--yigin tbody th { border: 0; padding: 0; }
}
.sv-yorum-fisi blockquote { margin: 0 0 var(--sv-a3); }
.sv-yorum-fisi figcaption { font-size: 14px; color: var(--sv-gri); }
.sv-logo-altligi { display: grid; place-items: center; min-height: 140px; padding: var(--sv-a5); margin-bottom: var(--sv-a4); border-radius: var(--sv-k-kart); background: var(--sv-beyaz); border: 1px solid var(--sv-fis-kenari); }
.sv-logo-altligi--koyu { background: var(--sv-murekkep); border-color: var(--sv-murekkep); }
.sv-logo-altligi img { max-height: 56px; width: auto; }
.sv-konum-fisi { aspect-ratio: 4 / 3; display: grid; place-items: center; padding: var(--sv-a5); text-align: center; border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k-kart); background: var(--sv-kocan); overflow: hidden; }
.sv-konum-fisi .sv-fis-eylemleri { justify-content: center; }
.sv-konum-fisi iframe, .sv-konum-iframe { width: 100%; height: 100%; border: 0; }
.sv-konum-fisi--acik { padding: 0; border-color: var(--sv-cizgi); }
.sv-konum-fisi--acik > div { display: none; }
@media (min-width: 720px) { .sv-konum-fisi { aspect-ratio: 16 / 9; } }
.sv-konum-adresi { margin: 0 0 var(--sv-a3); }

/* --- 19 Yardımcılar, hareket azaltma, yazdırma ---------------------------- */
.sv-ustten-ara { margin-top: var(--sv-a4); }
.sv-esit-rakamli { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
  .sv-tepe-bandi, .sv-ust-fis, .sv-alt-kocan, .sv-menu-cekmecesi, .sv-cekmece-perdesi, .sv-cerez-fisi, .sv-son-kocan-bolumu, .sv-ara-kocan, .sv-sekme-seridi, .sv-ilk-fotograf { display: none !important; }
  .sv-sekme-fisi[hidden] { display: block !important; }
  .sv-ilk-fis-bolumu, .sv-fis-altligi { background: #fff; color: #000; }
}

/* ==========================================================================
   §20 AİLELER — ana sayfa, cihaz/bölge, marka/kod, kurumsal (TASARIM-SISTEMI §08)
   ========================================================================== */
/* Arıza bulucu: cihaz sekmesi → belirti → parça listesinde parça yanar.
   JS yoksa bölüm gizli (aynı belirtiler cihaz sayfalarında). */
html:not(.sv-betik-hazir) .sv-belirti-bulucu { display: none; }
.sv-bulucu-fisi { display: grid; gap: var(--sv-a6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.sv-bulucu-fisi > *, .sv-bulucu-secim-alani { min-width: 0; }
@media (min-width: 900px) { .sv-bulucu-fisi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); padding: 32px; } }
.sv-bulucu-basligi { margin: 0 0 var(--sv-a4); font-family: var(--sv-f-baslik); font-size: var(--sv-y-3); font-weight: 700; color: var(--sv-murekkep); }
.sv-belirti-secimi { list-style: none; display: grid; gap: 8px; margin: 0; padding: 0; }
.sv-belirti-secimi button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 50px; padding: 8px 14px; border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k); background: var(--sv-beyaz); color: var(--sv-metin); font: inherit; font-size: 15px; text-align: left; cursor: pointer; transition: border-color var(--sv-sure) var(--sv-egri), background-color var(--sv-sure) var(--sv-egri); }
.sv-belirti-secimi button span { flex: none; display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--sv-kocan-2); font-family: var(--sv-f-sayi); font-weight: 700; font-size: 12px; color: var(--sv-gri); }
.sv-belirti-secimi button:hover { border-color: var(--sv-murekkep); color: var(--sv-murekkep); }
.sv-belirti-secimi button[aria-pressed="true"] { border-color: var(--sv-visne); background: var(--sv-visne-acik); color: var(--sv-murekkep); box-shadow: inset 0 0 0 1px var(--sv-visne); }
.sv-belirti-secimi button[aria-pressed="true"] span { background: var(--sv-visne); color: var(--sv-beyaz); }
.sv-bulucu-durumu { margin: var(--sv-a4) 0; min-height: 3em; font-size: 14px; color: var(--sv-gri); }
.sv-bulucu-durumu b { color: var(--sv-murekkep); }
/* Neden ServisveServis: solda fotoğraf, sağda 2 × 2 ilke; altında karşılaştırma. */
.sv-ilke-duzeni { display: grid; gap: var(--sv-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
@media (min-width: 1080px) { .sv-ilke-duzeni { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; } }
.sv-ilke-duzeni > * { min-width: 0; }
.sv-ilke-fotografi { position: relative; margin: 0; }
.sv-ilke-fotografi picture { display: block; }
.sv-ilke-fotografi img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--sv-k-kart); box-shadow: var(--sv-golge-iri); }
@media (min-width: 1080px) { .sv-ilke-fotografi img { aspect-ratio: 4 / 5; } }
.sv-ilke-fotografi figcaption { position: absolute; left: 16px; right: 16px; bottom: 16px; padding: 16px 18px; border-radius: var(--sv-k); background: rgba(31, 27, 25, 0.9); color: var(--sv-koyu-metin); font-size: 14px; line-height: 1.5; }
.sv-ilke-fotografi figcaption b { display: block; color: var(--sv-beyaz); font-family: var(--sv-f-baslik); font-size: 16px; margin-bottom: 2px; }
.sv-ilke-fisleri { gap: 32px 36px; }
@media (min-width: 720px) { .sv-ilke-duzeni .sv-ilke-fisleri { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sv-ilke-fisleri > .sv-fis-karti { padding: 0; border: 0; background: transparent; box-shadow: none; }
.sv-ilke-fisleri h3 { margin: 16px 0 8px; font-size: 18px; }
.sv-ilke-fisleri p { margin: 0; color: var(--sv-gri); font-size: 15.5px; line-height: 1.6; }
.sv-ilke-isareti { display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: var(--sv-k-kart); background: var(--sv-visne); color: var(--sv-beyaz); box-shadow: 0 6px 16px rgba(116, 16, 26, 0.2); }
.sv-ilke-isareti svg { width: 24px; height: 24px; }
.sv-karsit-fis summary { cursor: pointer; font-weight: 600; color: var(--sv-murekkep); list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 28px; }
.sv-karsit-fis summary::-webkit-details-marker { display: none; }
.sv-karsit-fis summary::after { content: ""; flex: none; width: 20px; height: 20px; background: var(--sv-visne); -webkit-mask: var(--sv-m-asagi) center / contain no-repeat; mask: var(--sv-m-asagi) center / contain no-repeat; transition: transform var(--sv-sure) var(--sv-egri); }
.sv-karsit-fis[open] summary::after { transform: rotate(180deg); }
.sv-karsit-fis dl { margin: var(--sv-a4) 0 0; display: grid; }
.sv-karsit-fis dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--sv-cizgi-ince); }
@media (min-width: 720px) { .sv-karsit-fis dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.sv-karsit-fis dt { color: var(--sv-gri); text-decoration: line-through; text-decoration-color: var(--sv-visne); }
.sv-karsit-fis dd { margin: 0; color: var(--sv-metin); }
/* Servis ağı: başında rakam kartları, harita, katlanır il listesi. */
.sv-ag-fisi-basi { display: grid; gap: var(--sv-a5); margin-bottom: var(--sv-a6); }
@media (min-width: 900px) { .sv-ag-fisi-basi { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.sv-ag-fisi-basi > * { min-width: 0; }
.sv-ag-fisi-basi h2 { margin: 0; }
.sv-ag-fisi-basi p { margin: 14px 0 0; color: var(--sv-gri); font-size: var(--sv-y-giris); line-height: 1.6; max-width: 60ch; }
.sv-ag-fisi-basi .sv-delik-etiket { margin: 0 0 12px; }
@media (min-width: 720px) { #kod-bul .sv-kod-fisi td:first-child, #kod-bul .sv-kod-fisi th:first-child { width: 1%; white-space: nowrap; padding-right: 28px; }
#kod-bul .sv-kod-fisi td:last-child, #kod-bul .sv-kod-fisi th:last-child { text-align: right; } }
#kartla-odeme { margin-top: clamp(24px, 3vw, 40px); }
.sv-ag-rakamlari { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
.sv-ag-rakamlari div { display: flex; flex-direction: column; min-width: 112px; padding: 16px 22px; background: var(--sv-beyaz); border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k-kart); box-shadow: var(--sv-golge); }
.sv-ag-rakamlari dd { margin: 0; font-family: var(--sv-f-baslik); font-size: clamp(2rem, 1.6rem + 1.6vw, 3rem); font-weight: 750; line-height: 1; letter-spacing: -0.03em; color: var(--sv-visne); font-variant-numeric: tabular-nums; }
.sv-ag-rakamlari dt { order: 2; margin-top: 6px; font-size: 13px; color: var(--sv-gri); }
@media (max-width: 479px) { .sv-ag-rakamlari div { flex: 1 1 0; min-width: 0; padding: 14px 14px; } }
.sv-ag-dizini { margin-top: var(--sv-a4); }
.sv-ag-dizini summary { cursor: pointer; display: inline-flex; align-items: center; min-height: 44px; color: var(--sv-murekkep); font-weight: 600; }
/* Hat kutusu (marka sayfa başının yanı): numara iri, açılış maddeleri. */
.sv-hat-fisi { display: grid; gap: 6px; }
.sv-hat-fisi .sv-delik-etiket { margin: 0; }
.sv-hat-fisi .sv-kalin-rakam { font-size: clamp(1.625rem, 1.2rem + 1.6vw, 2.375rem); text-decoration: none; overflow-wrap: anywhere; }
.sv-hat-fisi .sv-kalin-rakam:hover { color: var(--sv-visne); }
.sv-hat-fisi p { margin: 0; font-size: 14px; color: var(--sv-gri); }
.sv-madde-fisi .sv-fis-satiri { min-height: 40px; padding-block: 6px; font-size: 15px; color: var(--sv-metin); }
.sv-madde-fisi .sv-fis-satiri::before { content: ""; flex: none; width: 15px; height: 15px; background: var(--sv-visne); -webkit-mask: var(--sv-m-onay) center / contain no-repeat; mask: var(--sv-m-onay) center / contain no-repeat; }
.sv-rakam-fisi { display: flex; flex-wrap: wrap; gap: var(--sv-a4) var(--sv-a6); margin: 0; }
.sv-rakam-fisi > div { display: flex; flex-direction: column-reverse; gap: 6px; }
.sv-rakam-fisi dd { margin: 0; font-size: var(--sv-y-dev); }
.sv-rakam-fisi dt { font-size: var(--sv-y-etiket); color: var(--sv-gri); }
@media (min-width: 1080px) { .sv-rakam-fisi { justify-content: flex-end; } }
.sv-katlanir-fis { border-top: 1px solid var(--sv-cizgi-ince); }
.sv-katlanir-fis > summary { display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 8px 0; cursor: pointer; list-style: none; }
.sv-katlanir-fis > summary::-webkit-details-marker { display: none; }
.sv-katlanir-fis > summary h3 { flex: 1; min-width: 0; margin: 0; font-size: 17px; }
.sv-katlanir-fis > summary small { color: var(--sv-gri); font-size: 14px; font-variant-numeric: tabular-nums; }
.sv-katlanir-fis > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--sv-visne); -webkit-mask: var(--sv-m-asagi) center / contain no-repeat; mask: var(--sv-m-asagi) center / contain no-repeat; transition: transform var(--sv-sure) var(--sv-egri); }
.sv-katlanir-fis[open] > summary::after { transform: rotate(180deg); }
.sv-katlanir-fis > summary:hover h3 { color: var(--sv-visne); }
.sv-katlanir-fis > p { margin: 0 0 8px; color: var(--sv-gri); }
.sv-katlanir-fis > .sv-satir-fisi { margin-bottom: var(--sv-a3); }
.sv-fis-karti > .sv-katlanir-fis:first-of-type { margin-top: var(--sv-a3); }
.sv-harf-suzgec-kutusu { max-width: 360px; margin-bottom: var(--sv-a4); }
.sv-harf-bloklari { columns: 1; column-gap: var(--sv-a6); }
@media (min-width: 560px) { .sv-harf-bloklari { columns: 2; } }
@media (min-width: 1080px) { .sv-harf-bloklari { columns: 4; } }
.sv-harf-blogu { break-inside: avoid; margin-bottom: var(--sv-a4); }
.sv-harf-blogu .sv-delik-etiket { margin: 0; color: var(--sv-murekkep); font-family: var(--sv-f-baslik); font-weight: 750; font-size: 16px; }
.sv-harf-blogu .sv-fis-satiri { min-height: 44px; padding-block: 6px; }
.sv-harf-blogu .sv-fis-satiri small { font-size: 13px; text-align: right; }
.sv-sekme-seridi[data-az-harfler] { margin-top: 0; }
.sv-sekme-seridi[data-az-harfler] a { min-width: 44px; padding: 0 12px; justify-content: center; font-family: var(--sv-f-baslik); font-weight: 700; }
.sv-hata-rakami { font-size: var(--sv-y-dev); color: var(--sv-visne); }
.sv-hata-fisi { position: relative; display: grid; justify-items: start; gap: 6px; padding: 28px 32px; border: 1px solid var(--sv-fis-kenari); border-top: 3px solid var(--sv-visne); border-radius: var(--sv-k-kart); background: var(--sv-beyaz); box-shadow: var(--sv-golge); }
.sv-hata-fisi .sv-delik-etiket { margin: 0; }
#resmi-hat + .sv-fis-kabi { margin-top: calc(var(--sv-bolum) * 0.6); }
.sv-fis-ikili-ana > .sv-fis-karti > p { max-width: 68ch; }

/* ==========================================================================
   §40 HARİTA (servis ağı: parcalar/harita.html + js/harita.js; SVG'ler
   araclar/harita_uret.py). İller açık gri dolgulu, beyaz sınırlı; vişne YALNIZ
   üzerine gelinen, odaklanan ya da listeden vurgulanan alanda.
   ========================================================================== */
.sv-harita-fisi { margin: var(--sv-a4) 0 var(--sv-a5); padding: 0 var(--sv-a5) var(--sv-a5); border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k-kart); background: var(--sv-beyaz); box-shadow: var(--sv-golge); }
@media (max-width: 479px) { .sv-harita-fisi { padding: 0 var(--sv-a3) var(--sv-a3); } }
.sv-harita-fisi[hidden] { display: none; }
.sv-harita-fisi-basi { display: flex; flex-wrap: wrap; align-items: end; gap: var(--sv-a3) var(--sv-a4); padding: var(--sv-a4) 0; border-bottom: 1px solid var(--sv-cizgi-ince); }
.sv-harita-fisi-geri { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: var(--sv-cerceve) solid var(--sv-cizgi); border-radius: var(--sv-k); background: var(--sv-beyaz); color: var(--sv-murekkep); font: 650 15px/1 var(--sv-f-baslik); cursor: pointer; transition: border-color var(--sv-sure) var(--sv-egri); }
.sv-harita-fisi-geri[hidden] { display: none; }
.sv-harita-fisi-geri svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sv-harita-fisi-geri:hover { border-color: var(--sv-murekkep); }
.sv-harita-fisi-geri:focus-visible, .sv-harita-fisi-il-secimi:focus-visible { outline: 2px solid var(--sv-visne); outline-offset: 2px; }
.sv-harita-fisi-il { display: grid; gap: 6px; min-width: 0; flex: 1 1 220px; max-width: 320px; }
.sv-harita-fisi-il label { font-size: var(--sv-y-etiket); font-weight: 600; color: var(--sv-murekkep); }
.sv-harita-fisi-il-secimi { width: 100%; min-height: 46px; padding: 0 44px 0 12px; border: var(--sv-cerceve) solid var(--sv-cizgi-sert); border-radius: var(--sv-k); font: inherit; font-size: 16px; color: var(--sv-metin); cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--sv-beyaz) right 12px center / 18px 18px no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2374101A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m5.5 9 6.5 6.5L18.5 9'/%3E%3C/svg%3E"); }
.sv-harita-fisi-durumu { flex: 1 1 100%; margin: 0; font-size: var(--sv-y-kucuk); color: var(--sv-gri); font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .sv-harita-fisi-durumu { flex: 1 1 0; text-align: right; padding-bottom: 12px; } }
.sv-harita-fisi-ic { display: grid; gap: var(--sv-a4); padding-top: var(--sv-a4); }
.sv-harita-fisi-cizimi { min-width: 0; transition: opacity var(--sv-sure) var(--sv-egri); }
.sv-harita-fisi-cizimi svg { display: block; width: 100%; height: auto; }
.sv-harita-fisi-alani { fill: #ebe5df; stroke: #ffffff; stroke-width: 1.1; stroke-linejoin: round; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--sv-sure) var(--sv-egri); }
.sv-harita-fisi-alani:hover, .sv-harita-fisi-alani:focus, .sv-harita-fisi-alani.sv-harita-fisi-alani--vurgu { fill: var(--sv-visne); outline: none; }
.sv-harita-fisi--yukleniyor .sv-harita-fisi-cizimi { opacity: 0.4; cursor: progress; }
.sv-harita-fisi-yan { min-width: 0; border-top: 1px solid var(--sv-cizgi-ince); }
.sv-harita-fisi-yan[hidden] { display: none; }
.sv-harita-fisi-yan-basi { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--sv-cizgi-ince); font-family: var(--sv-f-baslik); font-weight: 700; font-size: 1.125rem; }
.sv-harita-fisi-yan-basi a { color: var(--sv-murekkep); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.sv-harita-fisi-yan-basi a:hover { text-decoration-color: var(--sv-visne); }
.sv-harita-fisi-ilceleri { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: var(--sv-oluk); }
.sv-harita-fisi-ilceleri li { break-inside: avoid; }
.sv-harita-fisi-ilceleri a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--sv-cizgi-ince); color: var(--sv-metin); text-decoration: none; }
.sv-harita-fisi-ilceleri a:hover, .sv-harita-fisi-ilceleri a:focus-visible { color: var(--sv-visne); border-bottom-color: var(--sv-visne); outline: none; }
@media (min-width: 1080px) {
  .sv-harita-fisi--il-acik .sv-harita-fisi-ic { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .sv-harita-fisi--il-acik.sv-harita-fisi--dar .sv-harita-fisi-ic { grid-template-columns: minmax(0, 1fr) 240px; }
  .sv-harita-fisi-yan { border-top: 0; }
  .sv-harita-fisi-ilceleri { columns: 1; max-height: 480px; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .sv-harita-fisi-alani, .sv-harita-fisi-cizimi, .sv-harita-fisi-geri { transition: none; } }
@media print { .sv-harita-fisi { display: none !important; } }
.sv-harita-fisi-svg { display: block; width: 100%; height: auto; }