/* ==========================================================================
   ServisveServis — stil dosyası (TASARIM-SISTEMI.md, "Koçanlı fiş", Faz 3, 11 Eki 2026)

   Kimlik: BEYAZ zeminli, basılı bir servis fişi. Sayfa ve fiş yüzü beyaz;
   ikincil yüzey "koçan" (#F7F4F1, sıcak kırık beyaz). Mürekkep (#161311) başlık
   ve 1,5 px fiş çerçevesi; vişne (#74101A) YALNIZ delik çizgisi (kesik
   perforasyon), birincil düğme (BEYAZ yazı, 11,47:1), odak ve logodaki koçan.
   Archivo GENİŞ (font-stretch 125 %, başlık) + Instrument Sans (gövde). Köşe
   6 px; fiş kenarında yarım ay çentik; gölge, degrade, hap YOK.
   Sınıf öneki: sv-   Belirteç öneki: --sv-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).

   Faz 3: dosya baştan yazıldı. Çatal tabanının (Sfacon/Tijd) bütün sınıfları,
   Faz 2 takma adları ve §99 köprüsü silindi; adlar dokuz kardeşin önekleri
   atılmış sınıf adlarıyla ortak değil (TASARIM-SISTEMI §10).
     §00 yazı dosyaları         §10 fiş etiketi, kesik fiş, satır fişi
     §01 belirteçler            §11 kod fişi
     §02 taban                  §12 sekme şeridi, soru fişi
     §03 kap, iki yan, bölüm    §13 form
     §04 rubrik, manşet         §14 uyarı ve bildirim notu
     §05 üst fiş, menü, çekmece §15 ilk ekran fişi, parçalı çizim
     §06 düğme, ok bağlantı     §16 mobil alt koçan
     §07 fiş, koçan, yan fiş    §17 altbilgi, son koçan, çerez fişi
     §08 koçan sırası           §18 fiş üstü (sayfa başı), tanım, çizelge
     §09 fiş yolu (kırıntı)     §19 yardımcılar, yazdırma
     §20 aileler (ana sayfa, cihaz/bölge, marka/kod, kurumsal) · §40 harita fişi
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; Google Fonts'tan indirildi,
       Archivo (değişken ağırlık 400–800, genişlik 100–125 %) + Instrument Sans (400–700); latin + latin-ext alt kümesi:
       İ Ş Ğ ı ç ö ü dahil) ------------------------------------------------ */
@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: fiş kâğıdı, mürekkep, vişne (TASARIM-SISTEMI §02 — kontrastlar orada hesaplı) */
  --sv-beyaz: #ffffff;         /* sayfa zemini, fiş yüzü */
  --sv-kocan: #f7f4f1;         /* koçan: ikincil bölüm, fişin koçan kısmı, altbilgi */
  --sv-kocan-2: #efeae5;       /* tablo başı, sekme rayı, pasif düğme */
  --sv-kocan-3: #e6dfd8;       /* üzerine gelme, basılı yüzey */
  --sv-murekkep: #161311;      /* başlık, fiş çerçevesi, logo (beyazda 18,50) */
  --sv-metin: #2c2724;         /* gövde metni (beyazda 14,76; koçanda 13,47) */
  --sv-gri: #5e5650;           /* ikincil metin (beyazda 7,18; koçan-2'de 6,01) */
  --sv-gri-2: #6e6660;         /* yer tutucu, dip satır (beyazda 5,63; koçan-2'de 4,71) */
  --sv-cizgi-ince: #e7e1db;    /* 1 px kıl çizgi: satır ayırıcı (süs) */
  --sv-cizgi: #cdc4bc;         /* bölüm ayırıcı, ikincil kenar (süs) */
  --sv-cizgi-sert: #8a817a;    /* girdi kenarı (beyazda 3,82; koçanda 3,48; ≥3:1, WCAG 1.4.11) */
  --sv-fis-kenari: #ddd5cd;    /* fiş (kart) kenarı, 1 px: sakin çerçeve (süs; girdi kenarı DEĞİL) — servisfer yakınlaştırma turu */
  --sv-visne: #74101a;         /* delik çizgisi, birincil düğme, odak (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: #f7e8e9;    /* uyarı notu, "Cihazı kapatın" damgası (vişne yazı 9,65) */
  --sv-yesil: #2b6a44;         /* "Kendiniz bakın", başarı (beyazda 6,47) */

  /* imza: delik çizgisi (perforasyon), koçan çentiği, fiş çerçevesi */
  --sv-delik: repeating-linear-gradient(90deg, var(--sv-visne) 0 8px, transparent 8px 14px);
  --sv-delik-dikey: repeating-linear-gradient(180deg, var(--sv-cizgi-sert) 0 6px, transparent 6px 11px);
  --sv-delik-boy: 2px;
  --sv-centik: 10px;           /* fiş kenarındaki yarım ay çentiğin yarıçapı */
  --sv-cerceve: 1.5px;         /* fiş çerçevesi (mürekkep) */

  /* 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;
  --sv-genis: 125%;            /* başlık genişliği (Archivo wdth ekseni) */

  /* yazı ölçeği (mobil → masaüstü akışkan). Geniş başlık yatayda yer kaplar:
     ölçek dar kardeşlerden ~%8 küçük, harf aralığı hafif sıkı. */
  --sv-y-dev: clamp(2.75rem, 1.9rem + 3.8vw, 4.75rem);
  --sv-y-manset: clamp(2.125rem, 1.55rem + 2.4vw, 3.5rem);
  --sv-y-1: clamp(1.75rem, 1.35rem + 1.7vw, 2.625rem);
  --sv-y-2: clamp(1.5rem, 1.22rem + 1.1vw, 2.25rem);
  --sv-y-3: clamp(1.0625rem, 1.02rem + 0.2vw, 1.1875rem);
  --sv-y-giris: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --sv-y-govde: 1.0625rem;     /* 17 px Instrument Sans */
  --sv-y-kucuk: 0.9375rem;     /* 15 px */
  --sv-y-etiket: 0.875rem;     /* 14 px: fiş etiketi, tablo başı */

  /* yerleşim */
  --sv-sutun: 12;
  --sv-oluk: 16px;
  --sv-kap: 1240px;
  --sv-okuma: 700px;
  --sv-yan: 340px;             /* koçan (yan fiş), ≥1080 px; yapışkan değil */

  /* boşluk (8 tabanlı, 4 yarım adım) */
  --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: 6 px köşe + yarım ay çentik; çerçeve 1,5 px mürekkep */
  --sv-k: 6px;
  --sv-k-ince: 3px;            /* fiş etiketi, kod karosu */
  --sv-kil-kalinlik: 1px;
  --sv-vurgu-kalinlik: 2px;
  --sv-ust-boy: 64px;
  --sv-hat-boy: 64px;

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

  /* ikon maskeleri (renk currentColor ile; kalın kalem: 2,25 px, 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.25' 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.25' 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.25' 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.75' 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-ara: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10' r='6'/%3E%3Cpath d='M15 14.5 20 19.5'/%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.25' 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-bilgi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.75'/%3E%3Cpath d='M12 10.8v5.7'/%3E%3Cpath d='M12 7.6v.1'/%3E%3C/svg%3E");

  /* fiş içi ölçüler: kartın iç boşluğu (koçan kenara kadar uzanır) ve çentik zemini */
  --sv-fis-ic: 22px;
  --sv-centik-zemin: var(--sv-beyaz);
}
@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: 72px; --sv-bolum: 96px; }
}
/* Koyu tema YOK (fiş kimliği). Yazdırmada koçan tonu beyaza iner. */
@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;
  }
}

/* --- 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 GENİŞ (125 %), mürekkep; geniş harfte aralık hafif sıkı. */
h1, h2, h3, h4 {
  margin: 0;
  color: var(--sv-murekkep);
  font-family: var(--sv-f-baslik);
  font-stretch: var(--sv-genis);
  font-weight: 700;
  letter-spacing: -0.012em;
  text-wrap: balance;
  hyphens: manual;
  overflow-wrap: break-word;
}
h1 { font-size: var(--sv-y-1); line-height: 1.1; font-weight: 720; letter-spacing: -0.018em; }
h2 { font-size: var(--sv-y-2); line-height: 1.14; font-weight: 700; font-stretch: 115%; letter-spacing: -0.016em; }
h3 { font-size: var(--sv-y-3); line-height: 1.3; font-weight: 650; font-stretch: 112.5%; letter-spacing: -0.005em; }
h4 { font-size: 1rem; font-family: var(--sv-f-govde); font-stretch: 100%; font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--sv-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı: yazı rengi + 1 px sert gri alt çizgi; üzerine gelince çizgi vişne ve 2 px. */
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: delik çizgisi (vişne kesik perforasyon) */
hr { border: 0; height: var(--sv-delik-boy); background: var(--sv-delik); margin: var(--sv-a6) 0; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--sv-visne); color: var(--sv-visne-ust); }
/* Odak: 2 px vişne çizgi, 2 px açıklık; öğenin 6 px köşesini izler. Hale yok. */
: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); }

/* ==========================================================================
   FİŞ BİLEŞENLERİ — §03–§19 (TASARIM-SISTEMI §06). Stil rehberinde onaylanan
   biçim; bölüm SIRASI servisfer şablonlarından (§08). Bütün adlar sv- önekli ve
   dokuz kardeşin önekleri atılmış sınıf adlarıyla ortak değil (§10 denetimi).
   ========================================================================== */

/* --- 03 Kap, okuma sütunu, 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; }
/* İki yan (servisfer "ikili"): ana │ yan fiş (≥1080 px, 340 px). Yapışkan DEĞİL. */
.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 aralıklı; --kocan sıcak kırık beyaz bant (servisfer'in koyu
   bandının ServisveServis karşılığı). Koçan bantta çentik zemini koçan renginde. */
.sv-fis-bolumu { margin-top: calc(var(--sv-bolum) * 0.85); }
.sv-fis-bolumu--kocan { background: var(--sv-kocan); padding-block: calc(var(--sv-bolum) * 0.85); --sv-centik-zemin: var(--sv-kocan); }
.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 Rubrik, manşet, giriş, bölüm başı ------------------------------- */
/* Rubrik: önde 30 px vişne delik çizgisi + vişne etiket. */
.sv-delik-etiket { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 14px; max-width: none; font-size: var(--sv-y-etiket); font-weight: 600; line-height: 1.25; color: var(--sv-visne); }
.sv-delik-etiket::before { content: ""; flex: none; width: 30px; height: var(--sv-delik-boy); background: var(--sv-delik); }
.sv-fis-manseti { font-family: var(--sv-f-baslik); font-stretch: var(--sv-genis); font-weight: 800; font-size: var(--sv-y-manset); line-height: 1.04; letter-spacing: -0.022em; 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.55; color: var(--sv-metin); max-width: 58ch; margin: 14px 0 0; }
/* Bölüm başı: H2 + gri alt cümle; altında tam genişlik vişne delik çizgisi; sağda ok bağlantı. */
/* Bölüm başı (servisfer hiyerarşisi, kendi görünümüyle): rubrik → H2 → okunaklı giriş cümlesi;
   sağda ok bağlantı. Tam genişlik alt çizgi yok: bölümü boşluk ayırır. */
.sv-fis-basligi { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px var(--sv-a5); margin-bottom: clamp(24px, 3vw, 40px); }
.sv-fis-basligi > div { min-width: 0; flex: 1 1 26rem; }
.sv-fis-basligi h2 { margin: 0; }
.sv-fis-basligi p { margin: 12px 0 0; color: var(--sv-gri); font-size: var(--sv-y-giris); line-height: 1.55; max-width: 60ch; }
.sv-fis-basligi .sv-delik-etiket { margin: 0 0 12px; font-size: var(--sv-y-etiket); line-height: 1.25; color: var(--sv-visne); }
.sv-kalin-rakam { font-family: var(--sv-f-sayi); font-stretch: var(--sv-genis); font-weight: 800; 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 fiş (başlık), menü, arama, çekmece -------------------------- */
/* servisfer düzeni: logo · 7 öğe (3 açılır) · bul · telefon · Ustaya yaz · Menü;
   tek satır, beyaz, altında tam genişlik vişne delik çizgisi. */
.sv-ust-fis { position: sticky; top: 0; z-index: 40; background: var(--sv-beyaz); }
.sv-ust-fis::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: 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: 22px; } }
@media (min-width: 1440px) { .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: 44px; padding: 0 9px; font-size: 14.5px; 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 -2px 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); }
/* Açılır = basit liste: beyaz fiş, 1,5 px mürekkep çerçeve, üstte delik çizgisi. */
.sv-acilir-fis { display: none; position: absolute; left: 0; top: 100%; z-index: 50; min-width: 250px; 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-radius: var(--sv-k); }
.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 10px; 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: 8px 10px 4px; background: repeating-linear-gradient(90deg, var(--sv-cizgi) 0 6px, transparent 6px 11px) top / 100% 1px no-repeat; }
.sv-acilir-grup-adi:first-child { margin-top: 0; background: none; }
.sv-acilir-grup-adi > a, .sv-acilir-grup-adi > span { min-height: 32px; padding: 0; font-family: var(--sv-f-baslik); font-stretch: 112.5%; font-weight: 650; font-size: 13.5px; color: var(--sv-visne); }
.sv-acilir-grup-adi > a:hover { background: none; 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: 8px; min-height: 44px; font-family: var(--sv-f-baslik); font-stretch: 112.5%; font-weight: 650; font-size: 15px; white-space: nowrap; color: var(--sv-murekkep); text-decoration: none; font-variant-numeric: tabular-nums; }
.sv-ust-fis-tel::before { content: ""; width: 16px; height: 16px; background: var(--sv-visne); -webkit-mask: var(--sv-m-tel) center / contain no-repeat; mask: var(--sv-m-tel) center / contain no-repeat; }
.sv-ust-fis-tel:hover { color: var(--sv-visne); }
.sv-ust-fis-eylem .sv-ust-fis-cagri { display: none; }
.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: 4px; }
  .sv-ust-fis-eylem .sv-menu-acici { display: none; }
}
@media (min-width: 1560px) { .sv-ust-fis-tel { display: inline-flex; } }
/* Sorgu şeridi: büyüteçle açılır, başlığın altında (bütün genişliklerde). */
.sv-sorgu-seridi { padding-block: 10px 14px; }
/* Sorgu kutusu: girdi + kare gönder; 6 px köşe, 1,5 px sert çizgi. */
.sv-sorgu-kutusu { position: relative; display: flex; align-items: center; width: 100%; min-height: 48px; 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: 44px; 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: 40px; height: 40px; 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; }
/* Sorgu listesi (servisveservis.js "Bul kutuları"): kutunun altında beyaz fiş. */
.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); }
.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-stretch: var(--sv-genis); font-weight: 750; 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 koçan fiş, 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.4); }
.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); border-left: 1px solid var(--sv-fis-kenari); }
.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-a4); padding: 14px 16px 6px; background: var(--sv-kocan); border-radius: var(--sv-k); }
.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); background: repeating-linear-gradient(90deg, var(--sv-cizgi) 0 6px, transparent 6px 11px) top / 100% 1px no-repeat; color: var(--sv-gri); font-size: 15px; max-width: none; }
/* Dil fişi (çekmecenin dibinde). */
.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-murekkep); 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 112,5 % 650, 6 px köşe. Vişne sayfada ≤ 2; yazı BEYAZ. */
.sv-fis-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 22px; border: var(--sv-cerceve) solid transparent; border-radius: var(--sv-k); font-family: var(--sv-f-baslik); font-stretch: 112.5%; font-weight: 650; font-size: 15.5px; 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); }
.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-murekkep); }
.sv-fis-dugme--cerceve:hover { background: var(--sv-murekkep); color: var(--sv-beyaz); }
.sv-fis-dugme--kucuk { min-height: 44px; padding: 0 16px; 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); 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ı: altında mürekkep delik çizgisi, 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; background: repeating-linear-gradient(90deg, var(--sv-murekkep) 0 5px, transparent 5px 9px) left calc(100% - 6px) / 100% 1.5px no-repeat; }
.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 Fiş (kart), koçan, cihaz fişi, yan fiş --------------------------- */
.sv-fis-karti { --sv-fis-ic: 22px; position: relative; min-width: 0; background: var(--sv-beyaz); border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k); padding: var(--sv-fis-ic); }
@media (max-width: 719px) { .sv-fis-karti { --sv-fis-ic: 16px; } }
.sv-fis-karti > :last-child { margin-bottom: 0; }
.sv-fis-karti h3 { margin-bottom: 6px; }
/* İç fiş: koçan zeminli, kıl çizgili (bir fişin içindeki alt parça). */
.sv-fis-karti--ic { background: var(--sv-kocan); border: 1px solid var(--sv-cizgi-ince); }
a.sv-fis-karti { display: block; color: inherit; text-decoration: none; transition: border-color var(--sv-sure) var(--sv-egri); }
a.sv-fis-karti:hover { border-color: var(--sv-visne); }
/* Fiş başı: başlık + not + sağda etiket/bağlantı; altında kıl delik çizgisi. */
.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: 12px; 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; }
/* Fiş ızgarası */
.sv-fis-kartlari { display: grid; gap: 18px; 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)); } }
@media (max-width: 719px) { .sv-fis-kartlari--cihaz { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }
/* Koçan: fişin delik çizgisiyle ayrılan alt parçası; iki yanda yarım ay çentik. */
.sv-fis-kocani { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 16px calc(var(--sv-fis-ic) * -1) calc(var(--sv-fis-ic) * -1); padding: 14px var(--sv-fis-ic) 16px; background: repeating-linear-gradient(90deg, var(--sv-cizgi) 0 7px, transparent 7px 13px) 14px 0 / calc(100% - 28px) 1.5px no-repeat, var(--sv-kocan); border-radius: 0 0 var(--sv-k) var(--sv-k); }
.sv-fis-kocani::before, .sv-fis-kocani::after { content: ""; position: absolute; top: calc(var(--sv-centik) * -1); width: calc(var(--sv-centik) * 2); height: calc(var(--sv-centik) * 2); border-radius: 50%; background: var(--sv-centik-zemin); border: 1px solid var(--sv-fis-kenari); }
.sv-fis-kocani::before { left: calc(var(--sv-centik) * -1 - 0.75px); clip-path: inset(0 0 0 50%); }
.sv-fis-kocani::after { right: calc(var(--sv-centik) * -1 - 0.75px); clip-path: inset(0 50% 0 0); }
.sv-fis-kocani > div { min-width: 0; }
.sv-fis-kocani h3 { margin: 0; font-size: 17px; overflow-wrap: anywhere; }
.sv-fis-kocani p { margin: 2px 0 0; font-size: 14px; color: var(--sv-gri); }
/* Çizim levhası: beyaz zemin, kare çizim; levhanın kendi çerçevesi yok (fiş çerçevesi yeter). */
.sv-fis-levha { position: relative; display: grid; place-items: center; aspect-ratio: 1; background: var(--sv-beyaz); border-radius: var(--sv-k-ince); overflow: hidden; }
.sv-fis-levha picture { display: contents; }
.sv-fis-levha img { width: 100%; height: 100%; object-fit: contain; }
/* Cihaz fişi: levha + koçan (ad + kısa not + vişne ok). */
.sv-fis-cihaz { --sv-fis-ic: 10px; display: flex; flex-direction: column; }
.sv-fis-cihaz .sv-fis-kocani { margin-top: auto; }
.sv-fis-cihaz > .sv-fis-levha { margin-bottom: 14px; }
a.sv-fis-cihaz .sv-fis-kocani::after, .sv-fis-cihaz-bagi .sv-fis-kocani::after { right: calc(var(--sv-centik) * -1 - 0.75px); }
.sv-fis-cihaz .sv-fis-kocani > div::after { content: ""; display: none; }
a.sv-fis-cihaz:hover h3, .sv-fis-cihaz-bagi:hover h3 { color: var(--sv-visne); }
@media (max-width: 719px) { .sv-fis-kartlari--cihaz .sv-fis-kocani { padding-block: 10px 12px; } .sv-fis-kartlari--cihaz .sv-fis-kocani h3 { font-size: 15px; } .sv-fis-kartlari--cihaz .sv-fis-kocani p { font-size: 13px; } }
.sv-fis-cihaz--parcali { padding-bottom: 0; }
.sv-fis-cihaz-bagi { display: flex; flex-direction: column; flex: 1; color: inherit; text-decoration: none; }
.sv-fis-cihaz-bagi .sv-fis-levha { margin-bottom: 14px; }
.sv-fis-cihaz-bagi .sv-fis-kocani { margin-bottom: 0; border-radius: 0; }
.sv-fis-sira-no { margin-right: 8px; font-family: var(--sv-f-sayi); font-stretch: var(--sv-genis); font-weight: 800; font-size: 12.5px; color: var(--sv-visne); font-variant-numeric: tabular-nums; }
.sv-fis-cihaz-eylemi { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; margin: 0 calc(var(--sv-fis-ic) * -1); padding: 10px var(--sv-fis-ic) 12px; background: var(--sv-kocan); border-top: 1px solid var(--sv-cizgi-ince); border-radius: 0 0 var(--sv-k) var(--sv-k); font-size: 14px; }
.sv-fis-cihaz-eylemi a { display: inline-flex; align-items: center; gap: 4px; 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: 600; }
.sv-fis-cihaz-eylemi svg { width: 15px; height: 15px; }
/* Cihaz ızgarası (servisfer yakınlaştırma turu): daha sık, daha sakin. Çizim levhanın %74ü (4:3 görünüm),
   çizim kare kalır (parça etiketleri yüzdeyle durur); üzerine gelince kenar
   mürekkebe döner. Dar ekranda iki sütun, "Şikâyetler" bağlantısı gizlenir (kartın
   kendisi cihaz sayfasına gider). */
.sv-fis-kartlari--cihaz { gap: 16px; }
.sv-fis-kartlari--cihaz .sv-fis-levha { aspect-ratio: auto; background: transparent; }
.sv-fis-kartlari--cihaz .sv-fis-noktali { width: 74%; margin-inline: auto; }
.sv-fis-kartlari--cihaz .sv-fis-cihaz { transition: border-color var(--sv-sure) var(--sv-egri); }
.sv-fis-kartlari--cihaz .sv-fis-cihaz:hover { border-color: var(--sv-murekkep); }
.sv-fis-kartlari--cihaz .sv-fis-cihaz-bagi .sv-fis-levha { margin-bottom: 8px; }
.sv-fis-kartlari--cihaz .sv-fis-kocani { margin-top: 0; padding-block: 12px 12px; }
@media (max-width: 719px) {
  .sv-fis-kartlari--cihaz { gap: 10px; }
  .sv-fis-kartlari--cihaz .sv-fis-cihaz-eylemi > a:not(.sv-fis-cihaz-cagri) { display: none; }
  .sv-fis-kartlari--cihaz .sv-fis-cihaz-eylemi { padding-block: 6px 8px; }
}
@media (max-width: 719px) { .sv-fis-cihaz-eylemi { font-size: 13px; } }
/* Yan fiş (servisfer yan kartı): koçan zemin, mürekkep çerçeve; başlığın altında delik çizgisi. Yapışkan DEĞİL. */
.sv-yan-fis { position: relative; min-width: 0; border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k); background: var(--sv-kocan); padding: 22px; --sv-centik-zemin: var(--sv-beyaz); }
.sv-yan-fis > .sv-delik-etiket { margin-bottom: 8px; }
.sv-yan-fis h2 { font-size: 1.1875rem; font-stretch: 112.5%; margin: 0 0 14px; padding-bottom: 14px; background: repeating-linear-gradient(90deg, var(--sv-cizgi) 0 7px, transparent 7px 13px) left bottom / 100% 1.5px no-repeat; }
.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); }
.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-a4); }
.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 Koçan sırası (süreç; imza) --------------------------------------- */
/* Yan yana yırtılabilir koçanlar: masaüstünde yatay (araları dikey delik çizgisi),
   dar ekranda ve yan fişte dikey. "Şimdi" koçanı koçan zeminde. */
.sv-kocan-sirasi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k); background: var(--sv-beyaz); overflow: hidden; }
@media (min-width: 900px) { .sv-kocan-sirasi:not(.sv-kocan-sirasi--dikey) { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } }
.sv-kocan-sirasi-ogesi { position: relative; min-width: 0; padding: 18px 20px 20px; }
.sv-kocan-sirasi-ogesi + .sv-kocan-sirasi-ogesi { background-image: repeating-linear-gradient(90deg, var(--sv-cizgi) 0 7px, transparent 7px 13px); background-position: top; background-size: 100% 1.5px; background-repeat: no-repeat; }
@media (min-width: 900px) { .sv-kocan-sirasi:not(.sv-kocan-sirasi--dikey) > .sv-kocan-sirasi-ogesi + .sv-kocan-sirasi-ogesi { background-image: repeating-linear-gradient(180deg, var(--sv-cizgi) 0 7px, transparent 7px 13px); background-position: left; background-size: 1.5px 100%; } }
.sv-kocan-sirasi-no { display: block; margin-bottom: 8px; font-family: var(--sv-f-baslik); font-stretch: var(--sv-genis); font-weight: 800; font-size: 13px; color: var(--sv-visne); font-variant-numeric: tabular-nums; }
.sv-kocan-sirasi-ogesi h3 { margin: 0 0 6px; font-size: 18px; }
.sv-kocan-sirasi-ogesi p { margin: 0; font-size: var(--sv-y-kucuk); color: var(--sv-gri); }
.sv-kocan-sirasi-ogesi--simdi { background-color: var(--sv-kocan); }
.sv-kocan-sirasi--dikey .sv-kocan-sirasi-ogesi { padding: 12px 14px 14px; }
.sv-kocan-sirasi--dikey .sv-kocan-sirasi-ogesi h3 { font-size: 16px; margin-bottom: 2px; }
.sv-kocan-sirasi--dikey .sv-kocan-sirasi-ogesi p { font-size: 14px; }
.sv-kocan-sirasi--dikey .sv-kocan-sirasi-ogesi--simdi { background-color: var(--sv-kocan-2); }
/* Yatay koçan sırası (ana sayfa süreci; servisfer yakınlaştırma turu): çerçevesiz,
   açık sıra. Her koçanın üstünde delik çizgisi (ilki vişne = "şimdi", ötekiler
   gri); numara küçük vişne etiket. Yan fişteki dikey sıra çerçeveli kalır. */
.sv-kocan-sirasi--acik { gap: 28px; border: 0; border-radius: 0; background: transparent; overflow: visible; }
@media (min-width: 900px) { .sv-kocan-sirasi--acik { gap: 32px; } }
.sv-kocan-sirasi.sv-kocan-sirasi--acik > .sv-kocan-sirasi-ogesi, .sv-kocan-sirasi.sv-kocan-sirasi--acik > .sv-kocan-sirasi-ogesi + .sv-kocan-sirasi-ogesi { padding: 20px 0 0; background: repeating-linear-gradient(90deg, var(--sv-cizgi-sert) 0 8px, transparent 8px 14px) left top / 100% var(--sv-delik-boy) no-repeat; }
.sv-kocan-sirasi.sv-kocan-sirasi--acik > .sv-kocan-sirasi-ogesi--simdi { background-image: var(--sv-delik); background-color: transparent; }
.sv-kocan-sirasi--acik .sv-kocan-sirasi-no { display: inline-grid; place-items: center; min-width: 26px; height: 22px; margin-bottom: 12px; padding: 0 7px; border-radius: var(--sv-k-ince); background: var(--sv-visne); color: var(--sv-visne-ust); font-size: 12px; }
.sv-kocan-sirasi--acik h3 { font-size: 19px; margin-bottom: 8px; }
.sv-kocan-sirasi--acik p { font-size: 15.5px; line-height: 1.55; }

/* --- 09 Fiş yolu (kırıntı) ------------------------------------------------ */
.sv-fis-yolu ol { display: flex; flex-wrap: wrap; gap: 4px 10px; list-style: none; margin: 0 0 14px; 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 Fiş etiketi (durum), kesik fiş (bağlantı çipi), satır fişi ------- */
.sv-fis-etiketi { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 11px 0 15px; border: var(--sv-cerceve) solid currentColor; border-radius: var(--sv-k-ince); background: var(--sv-beyaz); font-size: 13.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; color: var(--sv-murekkep); }
.sv-fis-etiketi::before { content: ""; position: absolute; left: -5px; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; border-radius: 50%; background: var(--sv-centik-zemin); border: var(--sv-cerceve) solid currentColor; clip-path: inset(0 0 0 50%); }
.sv-fis-etiketi--evde { color: var(--sv-yesil); }
.sv-fis-etiketi--usta { color: var(--sv-murekkep); }
.sv-fis-etiketi--dur { color: var(--sv-visne); background: var(--sv-visne-acik); }
.sv-fis-karti--ic .sv-fis-etiketi, .sv-yan-fis .sv-fis-etiketi { --sv-centik-zemin: var(--sv-kocan); }
/* Kesik fiş: kesik çizgili 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 14px; 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; }
span.sv-kesik-fis { color: var(--sv-metin); }
a.sv-kesik-fis:hover { border-style: solid; border-color: var(--sv-murekkep); color: var(--sv-murekkep); }
.sv-sik-fis-satiri { display: grid; gap: 8px; margin-top: var(--sv-a5); }
.sv-sik-fis-satiri > span { font-size: 13.5px; font-weight: 600; color: var(--sv-gri); }
/* Satır fişi: bağlantı/madde listesi; satırlar arası kıl çizgi, bağlantıda vişne 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; }
}
/* Ad zinciri: mahalle adları, "·" ayraçlı düz metin (sayfa ya da bağlantı yok). */
.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-visne); }

/* --- 11 Kod fişi (hata kodu tablosu) ------------------------------------- */
.sv-kod-fisi { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k); 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: 12px 14px; border-bottom: 1px solid var(--sv-cizgi-ince); overflow-wrap: anywhere; }
.sv-kod-fisi thead th { background: var(--sv-kocan-2); font-size: 13.5px; font-weight: 600; color: var(--sv-murekkep); }
.sv-kod-fisi tbody td:first-child { background: repeating-linear-gradient(180deg, var(--sv-cizgi) 0 5px, transparent 5px 9px) right / 1.5px 100% no-repeat; }
.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: 56px; padding: 3px 9px; border: var(--sv-cerceve) solid var(--sv-murekkep); border-radius: var(--sv-k-ince); background: var(--sv-beyaz); font-family: var(--sv-f-sayi); font-stretch: var(--sv-genis); font-weight: 800; font-size: 16px; line-height: 1.4; color: var(--sv-murekkep); text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; }
a.sv-kod-numarasi:hover { background: var(--sv-murekkep); 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-style: solid; 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); border-radius: var(--sv-k); 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: 6px 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, soru fişi ------------------------------------------ */
/* Sekme şeridi: çerçeveli fiş içinde düz sekmeler; etkin sekme mürekkep alt çizgi +
   koçan zemin. role=tablist (data-sekmeli="pano") ya da çapa listesi. */
.sv-sekme-seridi { display: flex; gap: 2px; max-width: 100%; margin: var(--sv-a4) 0; padding: 0 4px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--sv-fis-kenari); }
.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: 46px; padding: 0 14px; border: 0; border-radius: var(--sv-k) var(--sv-k) 0 0; background: transparent; color: var(--sv-gri); font: inherit; font-size: 15px; font-weight: 500; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background-color var(--sv-sure) var(--sv-egri), color var(--sv-sure) var(--sv-egri); }
.sv-sekme-seridi a:hover, .sv-sekme-seridi button:hover { color: var(--sv-murekkep); background: var(--sv-kocan); }
.sv-sekme-seridi [aria-selected="true"], .sv-sekme-seridi [aria-current="true"] { background: var(--sv-kocan-2); color: var(--sv-murekkep); font-weight: 600; 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ı sekme şeridi (ana sayfa arıza bulucu): bütün cihazlar görünür, satıra
   sarılır; her sekme 6 px köşeli kenarlı düğme, seçili sekme mürekkep 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 14px; border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k); background: var(--sv-beyaz); color: var(--sv-metin); font-size: 14.5px; }
.sv-sekme-seridi--sarili a:hover, .sv-sekme-seridi--sarili button:hover { border-color: var(--sv-murekkep); background: var(--sv-beyaz); }
.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 11px; font-size: 14px; } }
.sv-sekme-fisi[hidden] { display: none; }
.sv-sekme-fisi:focus-visible { outline-offset: 4px; }
/* Soru fişi: üstte 1,5 px mürekkep, sorular arasında kıl çizgi, vişne ok. */
.sv-soru-fisi { display: grid; border-top: 1px solid var(--sv-fis-kenari); }
.sv-soru-satiri { border-bottom: 1px solid var(--sv-cizgi); }
.sv-soru-satiri summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 58px; padding: 14px 0; cursor: pointer; list-style: none; font-family: var(--sv-f-baslik); font-stretch: 112.5%; 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: 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-soru-satiri summary:hover { color: var(--sv-visne); }
.sv-soru-satiri[open] summary::after { transform: rotate(180deg); }
.sv-soru-satiri > div { padding: 0 0 16px; 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)); column-gap: var(--sv-a7); border-top: 0; } .sv-soru-fisi--ikili > .sv-soru-satiri:nth-child(-n + 2) { border-top: 1px solid var(--sv-fis-kenari); } }

/* --- 13 Form ------------------------------------------------------------- */
.sv-fis-formu { display: grid; gap: var(--sv-a4); min-width: 0; }
/* Form grubu: koçan zeminli iç fiş, başında "Cihaz / Adres / İletişim / Onay". */
.sv-form-grubu { display: grid; gap: var(--sv-a4); min-width: 0; margin: 0; padding: 18px; border: 1px solid var(--sv-cizgi-ince); border-radius: var(--sv-k); background: var(--sv-kocan); }
@media (max-width: 479px) { .sv-form-grubu { padding: 14px; } }
.sv-form-grubu-adi { max-width: none; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0; padding-bottom: 10px; border-bottom: 1px solid var(--sv-cizgi); }
.sv-form-grubu-adi b { font-family: var(--sv-f-baslik); font-stretch: 112.5%; font-size: 16px; font-weight: 650; color: var(--sv-murekkep); }
.sv-form-grubu-adi small { 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: var(--sv-beyaz); color: var(--sv-murekkep); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; transition: border-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.25' 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); }
.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; width: 16px; height: var(--sv-delik-boy); background: var(--sv-delik); }
.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; }
/* Uygun gün: önümüzdeki günler, koçan biçimli seçim düğmeleri (servisveservis.js). */
.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-fis-kenari); 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-stretch: var(--sv-genis); font-weight: 750; font-size: 15px; color: var(--sv-murekkep); font-variant-numeric: tabular-nums; }
.sv-gun-sirasi button:hover { border-style: solid; border-color: var(--sv-murekkep); }
.sv-gun-sirasi button[aria-pressed="true"] { border-style: solid; border-color: var(--sv-visne); background: var(--sv-visne-acik); color: var(--sv-murekkep); }
.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; } }
/* Fiş denetiminin koçan numarası 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ı (servisfer form bölümü): solda anlatım + koçan sırası │ sağda form fişi. */
.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: var(--sv-a7); } }
.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-a5) 0; }
.sv-form-anlatimi-notu { font-size: 14px; color: var(--sv-gri); }
.sv-form-fisi { --sv-fis-ic: 24px; }
@media (max-width: 479px) { .sv-form-fisi { --sv-fis-ic: 12px; } }

/* --- 14 Uyarı notu, bildirim notu ---------------------------------------- */
.sv-fis-uyarisi { position: relative; padding: 16px 18px 16px 20px; border: var(--sv-cerceve) 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); border-left: 3px 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: var(--sv-visne); border-left-width: 3px; background: var(--sv-visne-acik); }
.sv-fis-notu p { margin: 0; }
.sv-fis-notu:last-child { margin-bottom: 0; }

/* --- 15 İlk ekran, parçalı çizim, lejant ----------------------------------- */
/* Servisfer yakınlaştırma turu (12 Eki 2026): ilk ekran artık çerçeveli tek dev fiş
   değil, açık bir sayfa: solda rubrik · açık teklif (manşet) · tek cümle giriş ·
   iki eylem · sık aranan; sağda koçan fişi (çizim + delik çizgisi + çentik +
   lejant). Altında dört maddelik dayanak şeridi (gerçek bilgiler). */
.sv-ilk-fis-bolumu { padding-top: clamp(28px, 5vw, 72px); }
.sv-ilk-fis { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; align-items: center; }
@media (min-width: 1080px) { .sv-ilk-fis { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 72px; } }
.sv-ilk-fis > * { min-width: 0; }
.sv-ilk-fis-sol .sv-fis-manseti { max-width: 15ch; }
.sv-ilk-fis-sol .sv-fis-girisi { margin-top: 20px; color: var(--sv-gri); max-width: 46ch; }
.sv-ilk-fis-sol .sv-fis-eylemleri { margin-top: 28px; }
/* Koçan fişi: koçan zemin, 1 px kenar, 10 px köşe; lejantın üstünde vişne delik
   çizgisi ve iki yanda yarım ay çentik (fişin koçana ayrıldığı yer). */
.sv-ilk-fis-kocan { --sv-ic: 20px; position: relative; margin: 0; padding: var(--sv-ic); background: var(--sv-kocan); border: 1px solid var(--sv-fis-kenari); border-radius: 10px; }
@media (min-width: 720px) { .sv-ilk-fis-kocan { --sv-ic: 28px; } }
.sv-ilk-fis-kocan .sv-fis-noktali { max-width: 400px; margin-inline: auto; }
.sv-ilk-fis-kocan .sv-fis-lejant { position: relative; margin: var(--sv-ic) 0 0; padding-top: var(--sv-ic); background: var(--sv-delik) left top / 100% var(--sv-delik-boy) no-repeat; }
.sv-ilk-fis-kocan .sv-fis-lejant::before, .sv-ilk-fis-kocan .sv-fis-lejant::after { content: ""; position: absolute; top: -11px; width: 22px; height: 22px; border-radius: 50%; background: var(--sv-beyaz); border: 1px solid var(--sv-fis-kenari); }
.sv-ilk-fis-kocan .sv-fis-lejant::before { left: calc(var(--sv-ic) * -1 - 12px); clip-path: inset(0 0 0 50%); }
.sv-ilk-fis-kocan .sv-fis-lejant::after { right: calc(var(--sv-ic) * -1 - 12px); clip-path: inset(0 50% 0 0); }
@media (max-width: 719px) { .sv-ilk-fis-kocan .sv-fis-noktali { max-width: 290px; } }
/* İlke satırı: vişne onaylı kısa maddeler; --kisa sayfa başı eylemlerinin altında (parcalar/ust_eylemleri.html). */
.sv-ilk-fis-ilkeler { display: flex; flex-wrap: wrap; gap: 8px 20px; 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: 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-ilk-fis-ilkeler--kisa { margin-top: 18px; gap: 6px 18px; font-size: 14.5px; color: var(--sv-metin); }
.sv-ilk-fis-ilkeler--kisa li::before { width: 13px; height: 13px; }
/* Dayanak şeridi: ilk ekranın dibinde dört madde; ikon koçan karoda, başlık + tek satır. */
.sv-ilk-fis-seridi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 18px; list-style: none; margin: clamp(36px, 5vw, 64px) 0 0; padding: clamp(20px, 2.5vw, 32px) 0 0; border-top: 1px solid var(--sv-cizgi-ince); }
@media (min-width: 900px) { .sv-ilk-fis-seridi { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 32px; } }
.sv-ilk-fis-seridi > li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 12px; align-items: start; min-width: 0; }
.sv-ilk-fis-seridi > li > svg { grid-row: span 2; width: 40px; height: 40px; padding: 9px; border-radius: var(--sv-k); background: var(--sv-kocan-2); color: var(--sv-visne); }
.sv-ilk-fis-seridi b { font-family: var(--sv-f-baslik); font-stretch: 112.5%; font-weight: 650; font-size: 15.5px; line-height: 1.3; }
.sv-ilk-fis-seridi span { font-size: 14px; line-height: 1.45; color: var(--sv-gri); }
@media (max-width: 479px) { .sv-ilk-fis-seridi { grid-template-columns: minmax(0, 1fr); gap: 14px; } }
/* Parçalı çizim: kare çizim + üstünde viewBox 0–100 SVG katmanında 3 px köşeli vişne
   parça etiketleri (yuvarlak nokta değil). */
.sv-fis-noktali { position: relative; width: 100%; aspect-ratio: 1; }
.sv-fis-noktali img { width: 100%; height: 100%; object-fit: contain; border-radius: var(--sv-k); }
.sv-ilk-fis-kocan .sv-fis-noktali img { mix-blend-mode: multiply; }
.sv-parca-etiket-katmani { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.sv-parca-etiketi { transition: opacity var(--sv-sure) var(--sv-egri); }
.sv-parca-etiketi text { font-family: var(--sv-f-baslik); font-stretch: var(--sv-genis); font-size: 3.6px; font-weight: 800; text-anchor: middle; dominant-baseline: central; fill: #fff; }
.sv-parca-etiketi-zemini { fill: var(--sv-visne); stroke: #fff; stroke-width: 0.6; }
.sv-parca-etiketi-cercevesi { fill: none; stroke: var(--sv-visne); stroke-width: 0.6; stroke-dasharray: 1.4 1; opacity: 0; transition: opacity var(--sv-sure) var(--sv-egri); }
.sv-parca-etiketi--secili .sv-parca-etiketi-cercevesi { opacity: 1; }
.sv-parca-etiket-katmani:has(.sv-parca-etiketi--secili) .sv-parca-etiketi:not(.sv-parca-etiketi--secili) { opacity: 0.3; }
.sv-fis-lejant { margin-top: 14px; font-size: 13.5px; color: var(--sv-metin); }
.sv-fis-lejant-basi { display: block; margin-bottom: 8px; font-weight: 600; color: var(--sv-murekkep); font-size: 14px; }
.sv-fis-lejant ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; list-style: none; margin: 0; padding: 0; }
.sv-fis-lejant li { display: flex; gap: 8px; align-items: baseline; min-width: 0; }
.sv-fis-lejant b { flex: none; display: inline-grid; place-items: center; min-width: 22px; height: 18px; border-radius: var(--sv-k-ince); background: var(--sv-visne); color: #fff; font-family: var(--sv-f-baslik); font-stretch: var(--sv-genis); font-weight: 800; font-size: 11px; }

/* --- 16 Mobil alt koçan --------------------------------------------------- */
/* Kenara yapışık beyaz şerit: üstte 1,5 px mürekkep + iç delik çizgisi. <1080 px. */
.sv-alt-kocan { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: 12px 12px calc(12px + env(safe-area-inset-bottom)); background: var(--sv-beyaz); border-top: 1px solid var(--sv-fis-kenari); transition: transform var(--sv-sure) var(--sv-egri); }
.sv-alt-kocan::before { content: ""; position: absolute; left: 0; right: 0; top: 4px; height: 1.5px; background: repeating-linear-gradient(90deg, var(--sv-cizgi) 0 8px, transparent 8px 14px); }
.sv-alt-kocan > .sv-fis-dugme { flex: 1 1 0; min-width: 0; padding-inline: 12px; }
.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(76px + 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, son koçan, çerez fişi --------- */
/* Altbilgi: koçan zemin; üst kenarı tırtıklı yırtma kenarı (fişin koçandan koparıldığı yer). */
.sv-fis-altligi { position: relative; margin-top: calc(var(--sv-bolum) * 0.8); padding-top: 44px; background: var(--sv-kocan); }
.sv-fis-altligi::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; background: radial-gradient(circle at 10px 10px, var(--sv-kocan) 9.5px, transparent 10px) 0 0 / 20px 10px repeat-x; }
.sv-fis-bolumu--kocan + .sv-fis-altligi, .sv-son-kocan-bolumu + .sv-fis-altligi { margin-top: 12px; }
.sv-fis-altligi-izgara { display: grid; gap: 28px 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)); } }
.sv-fis-altligi-izgara > * { min-width: 0; }
.sv-fis-altligi h2 { font-size: 15px; font-stretch: 112.5%; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--sv-cizgi); }
.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-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-visne); text-decoration: underline; }
.sv-altlik-kimlik > a img { height: 24px; width: auto; margin-bottom: 14px; }
.sv-altlik-tanim { font-size: 14.5px; color: var(--sv-metin); max-width: 44ch; margin: 0 0 12px; }
.sv-altlik-iletisim { display: grid; gap: 2px; font-size: 14.5px; color: var(--sv-metin); }
.sv-altlik-iletisim a { color: var(--sv-murekkep); font-weight: 600; text-decoration-color: var(--sv-cizgi-sert); }
.sv-altlik-iletisim a:hover { color: var(--sv-visne); }
.sv-altlik-kucukler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--sv-a6); padding-top: 18px; background: repeating-linear-gradient(90deg, var(--sv-cizgi-sert) 0 6px, transparent 6px 11px) top / 100% 1px no-repeat; }
.sv-altlik-kucukler > a { font-family: var(--sv-f-baslik); font-stretch: 112.5%; font-weight: 650; font-size: 15px; color: var(--sv-murekkep); text-decoration: none; margin-right: 4px; }
.sv-altlik-kucukler .sv-kesik-fis { min-height: 36px; font-size: 14px; background: transparent; }
/* Kurum şeridi: üstte vişne delik çizgisi; üç sütun (hizmet sağlayıcı · kapsam · beyan). */
.sv-fis-kurum-seridi { display: grid; gap: 16px var(--sv-a6); grid-template-columns: minmax(0, 1fr); margin-top: var(--sv-a6); padding: 20px 0; background: var(--sv-delik) top / 100% var(--sv-delik-boy) no-repeat; font-size: 13.5px; color: var(--sv-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-murekkep); 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-gri); }
.sv-fis-kurum-seridi dd { margin: 0; color: var(--sv-metin); overflow-wrap: anywhere; }
.sv-altlik-beyani { margin: 0; color: var(--sv-gri); max-width: none; }
.sv-ziyaret-sayaci { margin: 0; color: var(--sv-gri); font-size: 13.5px; }
.sv-ziyaret-sayaci b { font-family: var(--sv-f-sayi); font-stretch: var(--sv-genis); font-weight: 750; font-variant-numeric: tabular-nums; color: var(--sv-murekkep); }
.sv-fis-dip { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: 14px 0 24px; border-top: 1px solid var(--sv-cizgi); font-size: 13px; color: var(--sv-gri); }
.sv-fis-dip p { margin: 0; }
.sv-fis-dip a { color: var(--sv-gri); }
.sv-fis-dip nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
/* Son koçan: sayfa sonu çağrısı — tek koyu yüzey; mürekkep fiş, iki yanda çentik. */
.sv-son-kocan-bolumu { margin-top: calc(var(--sv-bolum) * 0.62); }
.sv-son-kocan { position: relative; display: grid; gap: 18px; align-items: center; padding: 30px 24px; border-radius: 10px; background: var(--sv-murekkep); color: #d8d2cc; }
@media (min-width: 900px) { .sv-son-kocan { grid-template-columns: minmax(0, 1fr) auto; padding: 38px 48px; } }
.sv-son-kocan > * { min-width: 0; }
.sv-son-kocan .sv-delik-etiket { color: #e0707c; }
.sv-son-kocan .sv-delik-etiket::before { background: repeating-linear-gradient(90deg, #e0707c 0 8px, transparent 8px 14px); }
.sv-son-kocan h2 { color: var(--sv-beyaz); margin: 0; }
.sv-son-kocan p { color: #d8d2cc; margin: 8px 0 0; }
.sv-son-kocan::before, .sv-son-kocan::after { content: ""; position: absolute; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%; background: var(--sv-centik-zemin); }
.sv-son-kocan::before { left: -11px; } .sv-son-kocan::after { right: -11px; }
.sv-son-kocan .sv-fis-eylemleri { margin-top: 0; }
.sv-son-kocan .sv-fis-dugme--cerceve { background: transparent; color: var(--sv-beyaz); border-color: #d8d2cc; }
.sv-son-kocan .sv-fis-dugme--cerceve:hover { background: var(--sv-beyaz); color: var(--sv-murekkep); }
/* Ara koçan: sayfa ortasında tek satırlık fiş (koçan zeminli, çerçeveli). */
.sv-ara-kocan .sv-fis-karti { display: grid; gap: var(--sv-a4); align-items: center; background: var(--sv-kocan); }
@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-stretch: 112.5%; font-size: var(--sv-y-3); font-weight: 650; }
/* Çerez fişi: alt köşede çerçeveli beyaz fiş. */
.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); }
.sv-cerez-fisi::before { content: ""; position: absolute; left: 0; right: 0; top: 6px; height: 1.5px; background: var(--sv-delik); }
.sv-cerez-fisi p { color: var(--sv-metin); font-size: 14px; margin: 6px 0 12px; max-width: none; }
.sv-cerez-fisi .sv-fis-eylemleri { margin-top: 0; }

/* --- 18 Fiş üstü (sayfa başı), tanımlar, çizelge, sayfa ekleri ----------- */
/* Sayfa başı: kırıntı · rubrik · H1 · giriş · eylemler │ çizim levhası (varsa). */
/* Sayfa başı bandı (servisfer yakınlaştırma turu): koçan zeminli tam genişlik bant; kap içinde
   kalır, zemin border-image ile kenara uzar (mürekkep taşması, kaydırma yapmaz). Sekme şeridi bandın dibinde. */
.sv-fis-ustu { padding-top: clamp(20px, 3vw, 36px); background: var(--sv-kocan); border-image: conic-gradient(var(--sv-kocan) 0 0) fill 0 // 0 100vmax; --sv-centik-zemin: var(--sv-kocan); }
.sv-fis-ustu:not(:has(> .sv-fis-kabi > .sv-sekme-seridi, > .sv-sekme-seridi)) { padding-bottom: clamp(20px, 3vw, 36px); }
.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); border-bottom: 1px solid var(--sv-cizgi); }
@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, 4fr); gap: var(--sv-a7); } }
.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; }
/* Levha: kare çizim, koçan zeminli çentikli fişte. */
.sv-fis-ustu-levha > .sv-fis-levha { width: 100%; max-width: 360px; justify-self: center; border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k); }
@media (max-width: 1079px) { .sv-fis-ustu-levha > .sv-fis-levha { max-width: 240px; justify-self: start; } }
@media (max-width: 719px) { .sv-fis-ustu-levha > .sv-fis-levha { max-width: 180px; } }
.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(24px, 3vw, 40px); }
/* Tanımlar: künye, iletişim, kurum kayıtları (sol ad, sağ değer). */
.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; }
/* Çizelge: veri tablosu (renkler, basın, hesaplar, ekipler, resmi hatlar). */
.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-murekkep); padding: 8px 12px 10px 0; border-bottom: 1px solid var(--sv-fis-kenari); vertical-align: bottom; }
.sv-fis-cizelgesi tbody th { font-size: var(--sv-y-kucuk); font-weight: 600; 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); }
/* Logo altlığı (logo paketi sayfası): açık ve koyu zemin örnekleri. */
.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); background: var(--sv-beyaz); border: 1px dashed var(--sv-cizgi-sert); }
.sv-logo-altligi--koyu { background: var(--sv-murekkep); border-color: var(--sv-murekkep); }
.sv-logo-altligi img { max-height: 56px; width: auto; }
/* İletişim: tıkla-yükle harita çerçevesi (iletisim-harita.js --acik ekler). */
.sv-konum-fisi { aspect-ratio: 4 / 3; display: grid; place-items: center; padding: var(--sv-a5); text-align: center; border: 1px dashed var(--sv-cizgi-sert); border-radius: var(--sv-k); 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-style: solid; border-color: var(--sv-murekkep); }
.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-ust-fis, .sv-alt-kocan, .sv-menu-cekmecesi, .sv-cekmece-perdesi, .sv-cerez-fisi, .sv-son-kocan-bolumu, .sv-ara-kocan, .sv-sekme-seridi { display: none !important; }
  .sv-sekme-fisi[hidden] { display: block !important; }
}

/* ==========================================================================
   §20 AİLELER — ana sayfa, cihaz/bölge, marka/kod, kurumsal (TASARIM-SISTEMI §08)
   ========================================================================== */
/* Arıza bulucu (ana sayfa): cihaz sekmesi → belirti → çizimde parça etiketi.
   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-a5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.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); } }
.sv-bulucu-fisi > .sv-fis-levha { border: 1px solid var(--sv-cizgi-ince); max-width: 420px; justify-self: center; width: 100%; }
.sv-bulucu-basligi { margin: 0 0 var(--sv-a3); font-family: var(--sv-f-baslik); font-stretch: 112.5%; font-size: var(--sv-y-3); font-weight: 650; color: var(--sv-murekkep); }
.sv-belirti-secimi { list-style: none; display: grid; gap: 6px; margin: 0; padding: 0; }
.sv-belirti-secimi button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; 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; font-family: var(--sv-f-sayi); font-stretch: var(--sv-genis); font-weight: 800; font-size: 12.5px; color: var(--sv-gri); }
.sv-belirti-secimi button:hover { border-style: solid; border-color: var(--sv-murekkep); color: var(--sv-murekkep); }
.sv-belirti-secimi button[aria-pressed="true"] { border-style: solid; border-color: var(--sv-visne); background: var(--sv-visne-acik); color: var(--sv-murekkep); }
.sv-belirti-secimi button[aria-pressed="true"] span { color: var(--sv-visne); }
.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: dört ilke fişi + katlanır karşılaştırma. */
/* İlke fişleri: çerçevesiz açık maddeler (servisfer yakınlaştırma turu); ikon koçan karoda. */
.sv-ilke-fisleri { gap: 28px 32px; }
.sv-ilke-fisleri > .sv-fis-karti { padding: 0; border: 0; background: transparent; }
.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.55; }
.sv-ilke-isareti { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: var(--sv-k); background: var(--sv-kocan-2); color: var(--sv-visne); }
.sv-ilke-isareti svg { width: 22px; height: 22px; }
.sv-karsit-fis summary { cursor: pointer; font-weight: 600; color: var(--sv-murekkep); list-style: none; display: flex; justify-content: space-between; 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); }
/* Usta ağı: başında iri rakamlar, harita, katlanır il listesi. */
.sv-ag-fisi-basi { display: grid; gap: var(--sv-a5); margin-bottom: var(--sv-a5); }
@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: 12px 0 0; color: var(--sv-gri); font-size: var(--sv-y-giris); line-height: 1.55; max-width: 60ch; }
.sv-ag-fisi-basi .sv-delik-etiket { margin: 0 0 12px; font-size: var(--sv-y-etiket); color: var(--sv-visne); }
/* Ana sayfa: kısa kod tablosunda kod sütunu dar, "Tablo" bağlantısı sağda; süreçten sonra kart notu ayrı nefes alır. */
@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: 0; margin: 0; }
.sv-ag-rakamlari div { display: flex; flex-direction: column; padding: 4px 28px 4px 0; }
.sv-ag-rakamlari div + div { padding-left: 28px; border-left: 1px solid var(--sv-cizgi); }
.sv-ag-rakamlari dd { margin: 0; font-family: var(--sv-f-baslik); font-stretch: var(--sv-genis); font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem); font-weight: 800; line-height: 1; letter-spacing: -0.02em; color: var(--sv-murekkep); font-variant-numeric: tabular-nums; }
.sv-ag-rakamlari dt { order: 2; margin-top: 6px; font-size: 13px; color: var(--sv-gri); }
.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 fişi (marka sayfa başının yanı): servis numarası 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: 14px; height: 14px; background: var(--sv-visne); -webkit-mask: var(--sv-m-onay) center / contain no-repeat; mask: var(--sv-m-onay) center / contain no-repeat; }
/* Rakam fişi: gerçek sayılar (kod, tablo, marka); iri rakam, altında gri ad. */
.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; } }
/* Katlanır fiş (belirti grupları, "Diğer 69 il"): başlık satırı + sayı + ok. */
.sv-katlanir-fis { border-top: 1px solid var(--sv-cizgi); }
.sv-katlanir-fis > summary { display: flex; align-items: center; gap: 12px; min-height: 52px; 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); }
/* A–Z harf blokları (marka dizini, il dizini) + harf eleği. */
.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-stretch: var(--sv-genis); font-weight: 800; 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-stretch: var(--sv-genis); font-weight: 750; }
/* Hata rakamı (404/500): Archivo geniş iri sayı; 404'te iki yanı çentikli koçan fişte. */
.sv-hata-rakami { font-size: var(--sv-y-dev); }
.sv-hata-fisi { position: relative; display: grid; justify-items: start; gap: 6px; padding: 26px 30px; border: 1px solid var(--sv-fis-kenari); border-radius: 10px; background: var(--sv-kocan); }
.sv-hata-fisi .sv-delik-etiket { margin: 0; }
.sv-hata-fisi::before, .sv-hata-fisi::after { content: ""; position: absolute; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%; background: var(--sv-beyaz); border: 1px solid var(--sv-fis-kenari); }
.sv-hata-fisi::before { left: -12px; clip-path: inset(0 0 0 50%); }
.sv-hata-fisi::after { right: -12px; clip-path: inset(0 50% 0 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 FİŞİ (usta ağı: parcalar/harita.html + js/harita.js; SVG'ler
   araclar/harita_uret.py). Kıl sınırlı iller koçan dolgulu; 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-a4) var(--sv-a4); border: 1px solid var(--sv-fis-kenari); border-radius: var(--sv-k); background: var(--sv-beyaz); }
.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-a3) 0; background: repeating-linear-gradient(90deg, var(--sv-cizgi) 0 7px, transparent 7px 13px) left bottom / 100% 1.5px no-repeat; }
.sv-harita-fisi-geri { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: var(--sv-cerceve) solid var(--sv-murekkep); border-radius: var(--sv-k); background: var(--sv-beyaz); color: var(--sv-murekkep); font: 650 15px/1 var(--sv-f-baslik); font-stretch: 112.5%; cursor: pointer; transition: background-color var(--sv-sure) var(--sv-egri), 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.25; stroke-linecap: round; stroke-linejoin: round; }
.sv-harita-fisi-geri:hover { background: var(--sv-murekkep); color: var(--sv-beyaz); }
.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: 44px; 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.25' 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: var(--sv-kocan); stroke: var(--sv-murekkep); stroke-width: 0.9; 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; background: repeating-linear-gradient(90deg, var(--sv-cizgi) 0 6px, transparent 6px 11px) top / 100% 1px no-repeat; }
.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-stretch: 112.5%; 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-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; }