/* ==========================================================================
   Fbali — stil dosyası (TASARIM-SISTEMI.md, v2 "Sıcak kâğıt, koyu mürekkep")

   Kimlik: sıcak kâğıt zemin (#FFFCF7), kum ikincil yüzey (#F3EEE4), mürekkep
   başlık (#0F2B2A), tek işaret rengi erik (#5E2A6E: birincil düğme, odak, köşe
   imi). Spectral (başlık, sözcük markası) + Hanken Grotesk (gövde, sayı).
   Köşe: kart ve kutu 16 px yuvarlak; düğme, etiket, arama kutusu hap. Gölge yok.
   Sınıf öneki: fbl-   Belirteç öneki: --fbl-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; Google Fonts'tan indirildi, latin + latin-ext
       alt kümesi, İ Ş Ğ ı ç ö ü dahil): Spectral (başlık, statik 400/600) + Hanken Grotesk
       (gövde, değişken 100–900) ------------------------------------------------ */
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/spectral-400-latin.4ab9de683a2e.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: "Spectral";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/spectral-600-latin.d09b699983a8.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: "Hanken Grotesk";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/hanken-grotesk-latin.af8fc5e7e62c.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: kâğıt, kum, mürekkep, erik (TASARIM-SISTEMI §02 — kontrastlar orada hesaplı) */
  --fbl-beyaz: #fffcf7;         /* sayfa zemini, plaka yüzü */
  --fbl-celik: #f3eee4;         /* çelik: ikincil bölüm, altbilgi, künye plakası */
  --fbl-celik-2: #e8e1d2;       /* tablo başı, sekme rayı, pasif düğme */
  --fbl-celik-3: #dcd3bf;       /* üzerine gelme, basılı yüzey */
  --fbl-grafit: #0f2b2a;        /* başlık, plaka kenarı, logo (kâğıtta 14,7) */
  --fbl-metin: #1e2e2d;         /* gövde metni (çelikte 12,2) */
  --fbl-gri: #4f5f5c;           /* ikincil metin (çelik-2 üzerinde 5,2) */
  --fbl-gri-2: #55645f;         /* yer tutucu, dip satır (çelik-2 üzerinde 4,8) */
  --fbl-cizgi-ince: #e5dfd0;    /* 1 px kıl çizgi (süs) */
  --fbl-cizgi: #cdc4af;         /* plaka kenarı, ayırıcı (süs) */
  --fbl-cizgi-sert: #76817e;    /* girdi kenarı (beyazda 4,0; ≥3:1) */
  --fbl-yakut: #5e2a6e;         /* erik: köşe imi, birincil düğme, odak, nokta (beyazda 10,3) */
  --fbl-yakut-bas: #3f1a4a;     /* düğme üzerine gelme (beyaz yazıyla 14,4) */
  --fbl-yakut-ust: #ffffff;     /* erik düğmedeki yazı: BEYAZ */
  --fbl-yakut-acik: #f4eaf6;    /* uyarı notu, "Cihazı kapatın" etiketi (erik yazı 8,8) */
  --fbl-yakut-isik: #d9a2e6;   /* koyu zeminde erik nokta; mürekkepte 7,3 */
  --fbl-yesil: #2d6a4f;         /* "Kendiniz bakın", başarı (beyazda 6,44) */

  /* imza: pah köşe ve köşe imi */
  --fbl-kose: 14px;              /* kart / plaka: sağ üst köşe */
  --fbl-kose-orta: 8px;          /* düğme, girdi: sağ üst + sol alt */
  --fbl-kose-kucuk: 5px;         /* etiket, kod karosu */
  --fbl-kose-kart: inset(0 round 16px);
  --fbl-kose-dugme: none;
  --fbl-imi: circle(50% at 50% 50%);   /* köşe imi: yuvarlak nokta */

  /* yazı aileleri */
  --fbl-f-baslik: "Spectral", Georgia, "Times New Roman", serif;
  --fbl-f-govde: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fbl-f-sayi: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
  --fbl-f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

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

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

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

  /* biçim: yuvarlak köşe YOK; kesik köşe clip-path ile (plaka boyama kalıbı) */
  --fbl-kil-kalinlik: 1px;
  --fbl-vurgu-kalinlik: 2px;
  --fbl-ust-boy: 64px;
  --fbl-hat-boy: 64px;

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

  /* ikon maskeleri (renk currentColor ile; ince kalem 1,6 px, KARE uç, sivri birleşim) */
  --fbl-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='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E");
  --fbl-m-sag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 12h16'/%3E%3Cpath d='M14 7l5 5-5 5'/%3E%3C/svg%3E");
  --fbl-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='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
  --fbl-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.1' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 12.5 9 17.5 20 6.5'/%3E%3C/svg%3E");
  --fbl-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='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8 4h5l3 3v5l-3 3H8l-3-3V7z'/%3E%3Cpath d='M16.2 16.2 20 20'/%3E%3C/svg%3E");
  --fbl-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='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 4h3.5l1.5 4-2 1.5 6.5 6.5 1.5-2 4 1.5V19l-1.5 1.5C10.5 20 4 13.5 3.5 5.5z'/%3E%3C/svg%3E");
  --fbl-m-bilgi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8.5 3h7L21 8.5v7L15.5 21h-7L3 15.5v-7z'/%3E%3Cpath d='M12 10.5v6'/%3E%3Cpath d='M12 7.5v.5'/%3E%3C/svg%3E");
  --fbl-ok-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 12h13'/%3E%3Cpath d='M14 7l5 5-5 5'/%3E%3C/svg%3E");
}

@media (min-width: 720px) {
  :root { --fbl-kenar: 24px; --fbl-oluk: 20px; --fbl-bolum: 72px; }
}
@media (min-width: 1080px) {
  :root { --fbl-kenar: 40px; --fbl-oluk: 24px; --fbl-ust-boy: 72px; --fbl-bolum: 96px; }
}
/* Koyu tema YOK. Yazdırmada çelik tonları beyaza iner. */
@media print {
  :root {
    --fbl-celik: #ffffff; --fbl-celik-2: #ffffff; --fbl-celik-3: #ffffff;
    --fbl-grafit: #000000; --fbl-metin: #111111; --fbl-gri: #444444; --fbl-gri-2: #555555;
    --fbl-cizgi-ince: #cccccc; --fbl-cizgi: #999999; --fbl-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(--fbl-ust-boy) + var(--fbl-a4));
}
body {
  margin: 0;
  background: var(--fbl-beyaz);
  color: var(--fbl-metin);
  font-family: var(--fbl-f-govde);
  font-size: var(--fbl-y-govde);
  line-height: 1.6;
  font-weight: 400;
  font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
img, svg, video { display: block; max-width: 100%; height: auto; }
[hidden] { display: none !important; }
/* Başlık: Chakra Petch 600, grafit; köşeli harf, aralık nötr. */
h1, h2, h3, h4 {
  margin: 0;
  color: var(--fbl-grafit);
  font-family: var(--fbl-f-baslik);
  font-weight: 600;
  letter-spacing: -0.005em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--fbl-y-1); line-height: 1.1; letter-spacing: -0.012em; }
h2 { font-size: var(--fbl-y-2); line-height: 1.16; }
h3 { font-size: var(--fbl-y-3); line-height: 1.3; font-weight: 600; }
h4 { font-size: 1rem; font-family: var(--fbl-f-govde); font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--fbl-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı: yazı rengi + 1 px sert gri alt çizgi; üzerine gelince çizgi yakut ve 2 px. */
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--fbl-cizgi-sert); text-decoration-thickness: 1px; text-underline-offset: 0.24em; }
a:hover { color: inherit; text-decoration-color: var(--fbl-yakut); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--fbl-grafit); }
code, kbd, samp { font-family: var(--fbl-f-mono); font-size: 0.92em; font-weight: 500; }
/* hr: grafit kıl çizgi, sol ucunda yakut köşe imi */
hr { border: 0; height: 8px; margin: var(--fbl-a6) 0; background: linear-gradient(var(--fbl-cizgi), var(--fbl-cizgi)) 0 100% / 100% 1px no-repeat, linear-gradient(225deg, var(--fbl-yakut) 50%, transparent 50%) 0 0 / 8px 8px no-repeat; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--fbl-yakut); color: var(--fbl-yakut-ust); }
/* Odak: 2 px yakut çizgi, 2 px açıklık. Hale yok. */
:focus-visible { outline: 2px solid var(--fbl-yakut); outline-offset: 2px; }
.fbl-perde-disa {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.fbl-anlik-ozu {
  position: absolute; left: var(--fbl-a4); top: -100px; z-index: 100;
  background: var(--fbl-grafit); color: var(--fbl-beyaz); padding: var(--fbl-a2) var(--fbl-a4);
  font-family: var(--fbl-f-baslik); font-weight: 600; text-decoration: none;
}
.fbl-anlik-ozu:focus { top: var(--fbl-a2); }

/* ==========================================================================
   BİLEŞENLER §03–§19 (TASARIM-SISTEMI §06) — stil rehberinde onaylanan biçim.
   PLAKA BOYAMA KALIBI: pahlı yüzeyler öğenin kendisini KESMEZ; zemin, 1 px
   kenar ve pahın çapraz çizgisi ::before'da (clip-path) çizilir, köşe imi
   ::after'da kesiğin yerine oturur (öğe kesilseydi imi de kesilirdi). Ayar:
   --p-zemin, --p-kenar, --p-kose, --p-imi. Düğme ve girdi gibi küçük öğeler
   doğrudan clip-path'lidir; odak halkaları bu yüzden İÇ gölgedir.
   ========================================================================== */
.fbl-kagit-fis, .fbl-yanal-kagit, .fbl-birinci-kagit, .fbl-doldur-kagidi, .fbl-ig-kagidi,
.fbl-cins-rozeti, .fbl-sondaki-kagit, .fbl-sorgu-kagit, .fbl-kagit-serhi, .fbl-kagit-acilan-liste,
.fbl-resim-cita, .fbl-yol-kagidi, .fbl-damga-kagidi, .fbl-yer-kagidi,
.fbl-mesafe-dizgisi, .fbl-ipucu-sirasi, .fbl-kurabiye-kagidi, .fbl-seri-acilan-detay[open], .fbl-ayrim-ozetu {
  --p-zemin: var(--fbl-beyaz);
  --p-kenar: var(--fbl-cizgi);
  --p-kose: var(--fbl-kose);
  --p-imi: 10px;
  position: relative;
  isolation: isolate;
}
.fbl-kagit-fis::before, .fbl-yanal-kagit::before, .fbl-birinci-kagit::before, .fbl-doldur-kagidi::before,
.fbl-ig-kagidi::before, .fbl-cins-rozeti::before, .fbl-sondaki-kagit::before, .fbl-sorgu-kagit::before,
.fbl-kagit-serhi::before, .fbl-kagit-acilan-liste::before, .fbl-resim-cita::before, .fbl-yol-kagidi::before,
.fbl-damga-kagidi::before, .fbl-yer-kagidi::before, .fbl-mesafe-dizgisi::before, .fbl-ipucu-sirasi::before,
.fbl-kurabiye-kagidi::before, .fbl-seri-acilan-detay[open]::before, .fbl-ayrim-ozetu::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.6px), var(--p-kenar) calc(50% - 0.6px) calc(50% + 0.6px), transparent calc(50% + 0.6px)) top right / var(--p-kose) var(--p-kose) no-repeat,
    var(--p-zemin);
  box-shadow: inset 0 0 0 1px var(--p-kenar);
  clip-path: inset(0 round 12px);
  transition: box-shadow var(--fbl-sure) var(--fbl-egri);
}
/* Köşe imi: pahın yerine oturan yakut dik üçgen (imza). */
.fbl-kagit-fis--nisanli::after, .fbl-yanal-kagit::after, .fbl-birinci-kagit::after, .fbl-cins-rozeti::after,
.fbl-sondaki-kagit::after, .fbl-sorgu-kagit::after, .fbl-resim-cita::after, .fbl-yol-kagidi::after,
.fbl-doldur-kagidi::after, .fbl-kurabiye-kagidi::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--p-imi);
  height: var(--p-imi);
  background: var(--p-imi-renk, var(--fbl-yakut));
  clip-path: var(--fbl-imi);
  pointer-events: none;
}

/* --- §03 Kap, iki yan, kesit -------------------------------------------- */
.fbl-kagit-kapak { max-width: var(--fbl-kap); margin-inline: auto; padding-inline: var(--fbl-kenar); }
.fbl-birincil-gover { display: block; min-height: 50vh; }
/* İki yan: ana │ yan plaka (≥1080 px). Yan plaka YAPIŞKAN DEĞİL. */
.fbl-kagit-cift { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--fbl-a6); align-items: start; }
.fbl-kagit-cift > * { min-width: 0; }
@media (min-width: 1080px) { .fbl-kagit-cift { grid-template-columns: minmax(0, 1fr) var(--fbl-yan); gap: var(--fbl-a7); } }
.fbl-kagit-istif { display: grid; gap: var(--fbl-a4); }
.fbl-kagit-istif > * { min-width: 0; }
/* Kesit: sayfanın bir bölümü. Beyaz ↔ çelik dönüşümü servisfer'in koyu bant
   dönüşümünün Fbali karşılığıdır (--celik: tam genişlik çelik zemin). */
.fbl-kagit-profil { margin-top: var(--fbl-bolum); }
.fbl-kagit-profil--kum { padding-block: var(--fbl-bolum); background: var(--fbl-celik); }
.fbl-kagit-profil--kum .fbl-kagit-fis { --p-zemin: var(--fbl-beyaz); }
.fbl-kagit-cift + .fbl-kagit-profil, .fbl-tabaka-kagidi + .fbl-kagit-profil { margin-top: calc(var(--fbl-bolum) * 0.75); }
.fbl-tabaka-kagidi + .fbl-kagit-kapak { margin-top: var(--fbl-a6); }
[id] { scroll-margin-top: calc(var(--fbl-ust-boy) + var(--fbl-a5)); }

/* --- §04 Rubrik, manşet, giriş, bölüm başı -------------------------------- */
.fbl-nisanli-rozet { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--fbl-f-baslik); font-size: var(--fbl-y-etiket); font-weight: 600; line-height: 1.25; letter-spacing: 0.02em; color: var(--fbl-gri); }
.fbl-nisanli-rozet::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--fbl-yakut); clip-path: var(--fbl-imi); }
.fbl-kagit-vitrin { margin: 0; font-family: var(--fbl-f-baslik); font-size: var(--fbl-y-manset); font-weight: 600; line-height: 1.04; letter-spacing: -0.02em; color: var(--fbl-grafit); text-wrap: balance; overflow-wrap: anywhere; }
.fbl-kagit-kapisi { margin: 16px 0 0; max-width: 58ch; font-size: var(--fbl-y-giris); line-height: 1.55; color: var(--fbl-metin); }
/* Bölüm başı: üstte 1 px çizgi, solda 64×3 grafit ölçü çubuğu + ucunda yakut üçgen. */
.fbl-kagit-sunumu { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 6px var(--fbl-a4); margin-bottom: var(--fbl-a5); padding-top: 18px; border-top: 1px solid var(--fbl-cizgi); }
.fbl-kagit-sunumu::before { content: ""; position: absolute; left: 0; top: -2px; width: 64px; height: 3px; background: var(--fbl-grafit); }
.fbl-kagit-sunumu::after { content: ""; position: absolute; left: 64px; top: -2px; width: 10px; height: 10px; background: var(--fbl-yakut); clip-path: inset(0 round 12px); }
.fbl-kagit-sunumu > div { min-width: 0; }
.fbl-kagit-sunumu h2 { margin: 0; overflow-wrap: anywhere; }
.fbl-kagit-sunumu p { margin: 6px 0 0; color: var(--fbl-gri); font-size: var(--fbl-y-kucuk); }
.fbl-kagit-profil--kum .fbl-kagit-sunumu { border-top-color: var(--fbl-cizgi-sert); }
/* Düz metin sütunu. */
.fbl-kagit-tekstu { max-width: 68ch; }
.fbl-kagit-tekstu > :last-child { margin-bottom: 0; }
.fbl-kagit-tekstu h3 { margin: var(--fbl-a5) 0 8px; }
.fbl-kagit-tekstu ul, .fbl-kagit-tekstu ol { padding-left: 1.25rem; margin: 0 0 var(--fbl-a4); }
.fbl-kagit-tekstu li { margin-bottom: 6px; }
.fbl-kagit-tekstu li::marker { color: var(--fbl-yakut); }
.fbl-mesafe-rakami { font-family: var(--fbl-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -0.01em; color: var(--fbl-grafit); }
.fbl-kalici-basamak { font-variant-numeric: tabular-nums; }
.fbl-tepe-boslugu.fbl-tepe-boslugu { margin-top: var(--fbl-a4); }
.fbl-sorun-toplami { display: block; font-family: var(--fbl-f-sayi); font-size: var(--fbl-y-dev); font-weight: 700; line-height: 1; color: var(--fbl-grafit); }

/* --- §05 Üst plaka (başlık), menü, arama, öneriler, çekmece --------------- */
.fbl-tepe-kagit { position: sticky; top: 0; z-index: 40; background: var(--fbl-beyaz); border-bottom: 1px solid var(--fbl-cizgi); }
.fbl-tepe-kagit::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 120px; height: 3px; background: var(--fbl-grafit); }
.fbl-tepe-kagit-ic { display: flex; align-items: center; gap: var(--fbl-a3); max-width: var(--fbl-kap); height: var(--fbl-ust-boy); margin-inline: auto; padding-inline: var(--fbl-kenar); }
.fbl-tepe-kagit-damga { flex: none; display: block; line-height: 0; }
.fbl-tepe-kagit-damga img { height: 28px; width: auto; }
@media (min-width: 1080px) { .fbl-tepe-kagit-damga img { height: 30px; } }
.fbl-tepe-kagit-gezinti { display: none; }
.fbl-tepe-kagit-gezgin { display: flex; list-style: none; margin: 0; padding: 0; }
.fbl-tepe-kagit-gezgin > li { position: relative; }
.fbl-tepe-kagit-gezgin > li > a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 10px; font-family: var(--fbl-f-baslik); font-size: 15px; font-weight: 500; color: var(--fbl-grafit); text-decoration: none; white-space: nowrap; transition: color var(--fbl-sure) var(--fbl-egri); }
.fbl-tepe-kagit-gezgin > li > a:hover { color: var(--fbl-yakut); }
.fbl-tepe-kagit-gezgin > li > a[aria-current] { color: var(--fbl-yakut); box-shadow: inset 0 -2px 0 var(--fbl-yakut); }
.fbl-kagit-acilan > a::after { content: ""; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--fbl-m-asagi) center / contain no-repeat; mask: var(--fbl-m-asagi) center / contain no-repeat; }
/* Açılır liste: sağ üstü pahlı beyaz plaka; üzerine gelince ya da klavye odağında açılır. */
.fbl-kagit-acilan-liste { position: absolute; top: 100%; left: 0; z-index: 45; display: none; min-width: 248px; margin: 0; padding: 8px 0; list-style: none; }
.fbl-kagit-acilan:hover > .fbl-kagit-acilan-liste, .fbl-kagit-acilan:focus-within > .fbl-kagit-acilan-liste { display: block; }
.fbl-kagit-acilan-liste--enli { width: 500px; columns: 2; column-gap: 0; }
.fbl-kagit-acilan-liste li { break-inside: avoid; }
.fbl-kagit-acilan-liste a { display: flex; align-items: center; min-height: 38px; padding: 0 16px; color: var(--fbl-metin); font-size: 15px; text-decoration: none; }
.fbl-kagit-acilan-liste a:hover { background: var(--fbl-celik); color: var(--fbl-grafit); }
.fbl-kagit-acilan-liste-agzi { display: flex; align-items: center; gap: 8px; padding: 10px 16px 4px; font-family: var(--fbl-f-baslik); font-size: 12.5px; font-weight: 600; letter-spacing: 0.03em; color: var(--fbl-gri); }
.fbl-kagit-acilan-liste-agzi::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--fbl-yakut); clip-path: var(--fbl-imi); }
.fbl-kagit-acilan-liste .fbl-kagit-acilan-liste-agzi a { min-height: 0; padding: 0; color: var(--fbl-gri); font-size: inherit; }
.fbl-kagit-acilan-liste .fbl-kagit-acilan-liste-agzi a:hover { background: none; color: var(--fbl-yakut); }
.fbl-tepe-kagit-eylem { display: flex; align-items: center; gap: var(--fbl-a2); margin-left: auto; }
.fbl-tepe-kagit-telefon { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 6px; font-family: var(--fbl-f-baslik); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--fbl-grafit); text-decoration: none; white-space: nowrap; }
.fbl-tepe-kagit-telefon svg { width: 18px; height: 18px; color: var(--fbl-yakut); }
.fbl-tepe-kagit-telefon:hover { color: var(--fbl-yakut); }
.fbl-tepe-kagit-eylem .fbl-tepe-kagit-istek, .fbl-tepe-kagit-eylem .fbl-tepe-kagit-yol { display: none; }
@media (min-width: 720px) { .fbl-tepe-kagit-eylem .fbl-tepe-kagit-istek, .fbl-tepe-kagit-eylem .fbl-tepe-kagit-yol { display: inline-flex; } }
@media (min-width: 1240px) {
  .fbl-tepe-kagit-gezinti { display: block; margin-left: var(--fbl-a3); }
  .fbl-tepe-kagit-eylem .fbl-tepe-kagit-gezgin-acma { display: none; }
}
@media (min-width: 1560px) { .fbl-tepe-kagit-telefon { display: inline-flex; } }
@media (max-width: 359px) { .fbl-tepe-kagit-damga img { height: 24px; } .fbl-tepe-kagit-eylem { gap: 4px; } }
/* Büyütecin açtığı arama satırı (başlığın altında, her genişlikte). */
.fbl-arama-dizgisi { padding-block: 0 var(--fbl-a3); }
/* Pahlı arama kutusu: girdi + grafit pahlı gönder karosu. --buyuk 404 ve kod dizininde. */
.fbl-arama-kutucugu { position: relative; display: flex; align-items: center; width: 100%; min-height: 48px; background: var(--fbl-beyaz); box-shadow: inset 0 0 0 1.5px var(--fbl-cizgi-sert); border-radius: 24px; transition: box-shadow var(--fbl-sure) var(--fbl-egri); }
.fbl-arama-kutucugu:focus-within { box-shadow: inset 0 0 0 2px var(--fbl-yakut); }
.fbl-arama-kutucugu input { flex: 1; min-width: 0; height: 46px; padding: 0 8px 0 16px; border: 0; background: transparent; color: var(--fbl-grafit); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; }
.fbl-arama-kutucugu input::placeholder { color: var(--fbl-gri-2); }
.fbl-arama-kutucugu input:focus-visible { outline: none; }
.fbl-arama-kutucugu input::-webkit-search-cancel-button { display: none; }
.fbl-arama-kutucugu button { flex: none; display: grid; place-items: center; width: 40px; height: 40px; margin-right: 4px; border: 0; background: var(--fbl-grafit); color: var(--fbl-beyaz); clip-path: inset(0 round 20px); cursor: pointer; transition: background-color var(--fbl-sure) var(--fbl-egri); }
.fbl-arama-kutucugu button:hover { background: var(--fbl-yakut); }
.fbl-arama-kutucugu button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--fbl-beyaz), inset 0 0 0 4px var(--fbl-yakut); }
.fbl-arama-kutucugu button svg { width: 18px; height: 18px; }
.fbl-arama-kutucugu--iri { min-height: 60px; }
.fbl-arama-kutucugu--iri input { height: 58px; padding-left: 20px; font-size: 18px; }
.fbl-arama-kutucugu--iri button { width: 50px; height: 50px; margin-right: 5px; background: var(--fbl-yakut); }
.fbl-arama-kutucugu--iri button:hover { background: var(--fbl-yakut-bas); }
.fbl-arama-kutucugu--iri button svg { width: 22px; height: 22px; }
form[data-bul] { position: relative; }
/* Öneri listesi (fbali.js "Bul kutuları"): kutunun altında pahlı beyaz plaka. */
.fbl-ipucu-sirasi { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 60; max-height: min(60vh, 480px); overflow-y: auto; margin: 0; padding: 6px; list-style: none; --p-kenar: var(--fbl-cizgi-sert); }
.fbl-ipucu-sirasi--yukarida { top: auto; bottom: calc(100% + 6px); }
.fbl-ipucu-sirasi a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 11px 12px; color: var(--fbl-grafit); text-decoration: none; }
.fbl-ipucu-sirasi a[aria-selected="true"], .fbl-ipucu-sirasi a:hover { background: var(--fbl-celik); }
.fbl-ipucu-cesidi { color: var(--fbl-gri); font-size: 13px; text-align: right; }
.fbl-ipucu-dizgisi--seri .fbl-ipucu-lakap { font-family: var(--fbl-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; }
.fbl-ipucu-bulunmaz { padding: 10px 12px; color: var(--fbl-gri); font-size: var(--fbl-y-kucuk); }
/* Çekmece (#dizin, "Menü"): sağdan gelen beyaz plaka, mobilde tam ekran. */
body.fbl-gover-kitli { overflow: hidden; }
.fbl-kagit-cekmece-ortu { position: fixed; inset: 0; z-index: 70; background: rgba(18, 22, 28, 0.46); }
.fbl-kagit-cekmece { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(420px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--fbl-a4) var(--fbl-a5) var(--fbl-a7); background: var(--fbl-beyaz); box-shadow: inset 1px 0 0 var(--fbl-cizgi); }
.fbl-kagit-cekmece-agzi { position: relative; display: flex; justify-content: space-between; align-items: center; gap: var(--fbl-a3); margin: 0 0 var(--fbl-a5); padding-bottom: var(--fbl-a4); border-bottom: 1px solid var(--fbl-cizgi); }
.fbl-kagit-cekmece-agzi::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 72px; height: 3px; background: var(--fbl-grafit); }
.fbl-kagit-cekmece-agzi img { height: 26px; width: auto; }
.fbl-kagit-cekmece-eylemleri { display: grid; gap: var(--fbl-a2); }
.fbl-kagit-cekmece-kumesi { margin-top: var(--fbl-a5); }
.fbl-kagit-cekmece-kumesi h2 { margin: 0 0 4px; font-size: 1.0625rem; }
.fbl-kagit-cekmece-kumesi h2 a { text-decoration: none; }
.fbl-kagit-cekmece-kumesi h2 a[aria-current] { color: var(--fbl-yakut); }
.fbl-kagit-cekmece-kumesi .fbl-kagit-acilan-liste-agzi { padding: 12px 0 2px; }
.fbl-kagit-cekmece-tabani { margin: var(--fbl-a5) 0 0; padding-top: var(--fbl-a4); border-top: 1px solid var(--fbl-cizgi-ince); color: var(--fbl-gri); font-size: 15px; max-width: none; }
.fbl-lisan-ozetu { font-size: var(--fbl-y-kucuk); }
.fbl-lisan-ozetu summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--fbl-grafit); clip-path: var(--fbl-kose-dugme); font-family: var(--fbl-f-baslik); font-weight: 600; color: var(--fbl-grafit); cursor: pointer; }
.fbl-lisan-ozetu summary::-webkit-details-marker { display: none; }
.fbl-lisan-ozetu ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--fbl-a4); margin: var(--fbl-a2) 0 0; }
.fbl-lisan-ozetu a { display: inline-block; padding: 10px 0; color: var(--fbl-gri); text-decoration: none; }
.fbl-lisan-ozetu a:hover, .fbl-lisan-ozetu a[aria-current="true"] { color: var(--fbl-grafit); }

/* --- §06 Pahlı düğmeler, ok bağlantı -------------------------------------- */
.fbl-yuvar-tus { border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border: 0; background: var(--fbl-beyaz); color: var(--fbl-grafit); clip-path: var(--fbl-kose-dugme); font-family: var(--fbl-f-baslik); font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: 0.01em; text-align: center; text-decoration: none; cursor: pointer; transition: background-color var(--fbl-sure) var(--fbl-egri), color var(--fbl-sure) var(--fbl-egri); }
.fbl-yuvar-tus svg { width: 18px; height: 18px; flex: none; }
.fbl-yuvar-tus b { font-weight: 600; font-variant-numeric: tabular-nums; }
.fbl-yuvar-tus span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fbl-yuvar-tus--erik { background: var(--fbl-yakut); color: var(--fbl-yakut-ust); }
.fbl-yuvar-tus--erik:hover { background: var(--fbl-yakut-bas); color: var(--fbl-yakut-ust); }
/* Çizgili: 1,5 px grafit kenar (iç gölge) + kesikte çapraz çizgi. */
.fbl-yuvar-tus--hatli { color: var(--fbl-grafit); box-shadow: inset 0 0 0 1.5px var(--fbl-grafit);
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.75px), var(--fbl-grafit) calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) top right / var(--fbl-kose-orta) var(--fbl-kose-orta) no-repeat,
    linear-gradient(to top right, transparent calc(50% - 0.75px), var(--fbl-grafit) calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) bottom left / var(--fbl-kose-orta) var(--fbl-kose-orta) no-repeat,
    var(--fbl-beyaz); }
.fbl-yuvar-tus--hatli:hover { background: var(--fbl-grafit); color: var(--fbl-beyaz); }
/* Koyu: son plakanın grafit zemininde beyaz çizgili. */
.fbl-yuvar-tus--karanlik { color: var(--fbl-beyaz); box-shadow: inset 0 0 0 1.5px #c9ced6;
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.75px), #c9ced6 calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) top right / var(--fbl-kose-orta) var(--fbl-kose-orta) no-repeat,
    linear-gradient(to top right, transparent calc(50% - 0.75px), #c9ced6 calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) bottom left / var(--fbl-kose-orta) var(--fbl-kose-orta) no-repeat,
    transparent; }
.fbl-yuvar-tus--karanlik:hover { background: var(--fbl-beyaz); color: var(--fbl-grafit); }
.fbl-yuvar-tus--yalin { background: transparent; color: var(--fbl-grafit); }
.fbl-yuvar-tus--yalin:hover { background: var(--fbl-celik); }
.fbl-yuvar-tus--minik { min-height: 44px; padding: 0 18px; font-size: 15px; }
.fbl-yuvar-tus--enli { width: 100%; }
.fbl-yuvar-tus--gosterge { width: 44px; padding: 0; flex: none; }
.fbl-yuvar-tus[aria-disabled="true"] { background: var(--fbl-celik-2); color: var(--fbl-gri-2); box-shadow: none; cursor: not-allowed; }
.fbl-yuvar-tus[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.fbl-yuvar-tus:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--fbl-grafit), inset 0 0 0 5px var(--fbl-beyaz); }
.fbl-yuvar-tus--erik:focus-visible { box-shadow: inset 0 0 0 3px var(--fbl-grafit), inset 0 0 0 5px var(--fbl-beyaz); }
.fbl-yuvar-eylemleri { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.fbl-yuvar-eylemleri--dik { display: grid; gap: var(--fbl-a2); margin-top: var(--fbl-a5); }
/* Ok bağlantı: Chakra yazı + pahlı grafit karo içinde beyaz ok. */
.fbl-yuvar-ucu { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-family: var(--fbl-f-baslik); font-weight: 600; color: var(--fbl-grafit); text-decoration: none; transition: color var(--fbl-sure) var(--fbl-egri); }
.fbl-yuvar-ucu::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--fbl-grafit) var(--fbl-ok-ikon) center / 14px 14px no-repeat; clip-path: var(--fbl-kose-dugme); transition: background-color var(--fbl-sure) var(--fbl-egri); }
.fbl-yuvar-ucu:hover { color: var(--fbl-yakut); }
.fbl-yuvar-ucu:hover::after { background-color: var(--fbl-yakut); }

/* --- §07 Plaka (kart), cihaz plakası, yan plaka --------------------------- */
.fbl-kagit-fis { padding: 22px; min-width: 0; }
.fbl-kagit-fis--kum { --p-zemin: var(--fbl-celik); }
.fbl-kagit-fis > :last-child { margin-bottom: 0; }
.fbl-kagit-fis h3 { margin: 0 0 8px; }
a.fbl-kagit-fis { display: block; color: inherit; text-decoration: none; }
a.fbl-kagit-fis:hover { --p-kenar: var(--fbl-grafit); }
a.fbl-kagit-fis p { color: var(--fbl-gri); font-size: var(--fbl-y-kucuk); }
@media (max-width: 719px) { .fbl-kagit-fis { padding: 18px 16px; } }
.fbl-fis-agzi { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px var(--fbl-a4); margin-bottom: var(--fbl-a4); }
.fbl-fis-agzi h2, .fbl-fis-agzi h3 { margin: 0; }
.fbl-fis-agzi h2 { font-size: clamp(1.25rem, 1.12rem + 0.6vw, 1.625rem); }
.fbl-fis-agzi p { margin: 6px 0 0; color: var(--fbl-gri); font-size: var(--fbl-y-kucuk); }
.fbl-fis-agzi small { color: var(--fbl-gri); font-size: 14px; }
.fbl-fis-agzi h3 a { text-decoration: none; }
.fbl-fis-agzi h3 a:hover { text-decoration: underline; text-decoration-color: var(--fbl-yakut); }
.fbl-kagitlar { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.fbl-kagitlar > * { min-width: 0; }
@media (min-width: 720px) { .fbl-kagitlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .fbl-kagitlar--b3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .fbl-kagitlar--b4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fbl-kagitlar > .fbl-kagit-fis > .fbl-nisanli-rozet { margin-bottom: 8px; }
.fbl-kagitlar > .fbl-kagit-fis > p { margin: 0; color: var(--fbl-gri); font-size: var(--fbl-y-kucuk); }
.fbl-kagitlar > .fbl-kagit-fis > h3 + p { margin-top: 0; }
/* Cihaz plakası: izometrik çizim + ad satırı (ad + pahlı ok). */
.fbl-kagit-aygit { padding: 10px 10px 14px; }
a.fbl-kagit-aygit { display: grid; }
.fbl-kagit-aygit .fbl-resim-cita { padding: 0; }
.fbl-kagit-aygit .fbl-resim-cita::before, .fbl-kagit-aygit .fbl-resim-cita::after { display: none; }
.fbl-kagit-aygit img { width: 100%; height: auto; }
.fbl-kagit-aygit-bagli { display: block; color: inherit; text-decoration: none; }
.fbl-kagit-aygit-taban { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; padding: 12px 4px 0; border-top: 1px solid var(--fbl-cizgi-ince); }
.fbl-kagit-aygit-taban h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.fbl-kagit-aygit-taban p { margin: 2px 0 0; color: var(--fbl-gri); font-size: 14px; }
.fbl-kagit-aygit-taban::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--fbl-grafit) var(--fbl-ok-ikon) center / 14px 14px no-repeat; clip-path: var(--fbl-kose-dugme); transition: background-color var(--fbl-sure) var(--fbl-egri); }
.fbl-kagit-aygit:hover .fbl-kagit-aygit-taban::after, .fbl-kagit-aygit-bagli:hover .fbl-kagit-aygit-taban::after { background-color: var(--fbl-yakut); }
.fbl-kagit-aygit:hover, li.fbl-kagit-aygit:focus-within { --p-kenar: var(--fbl-grafit); }
.fbl-aygit-kademe-numarasi { margin-right: 8px; font-family: var(--fbl-f-sayi); font-size: 13px; font-weight: 700; color: var(--fbl-yakut); font-variant-numeric: tabular-nums; }
.fbl-kagit-aygit--puntolu { display: grid; grid-template-rows: auto 1fr auto; }
.fbl-kagit-aygit-eylem { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 10px; padding: 10px 4px 0; border-top: 1px solid var(--fbl-cizgi-ince); font-size: 14px; }
.fbl-kagit-aygit-eylem a { color: var(--fbl-gri); text-decoration: none; }
.fbl-kagit-aygit-eylem a:hover { color: var(--fbl-grafit); text-decoration: underline; text-decoration-color: var(--fbl-yakut); }
.fbl-kagit-aygit-eylem .fbl-kagit-aygit-istek { display: inline-flex; align-items: center; gap: 4px; font-family: var(--fbl-f-baslik); font-weight: 600; color: var(--fbl-grafit); }
.fbl-kagit-aygit-eylem .fbl-kagit-aygit-istek:hover { color: var(--fbl-yakut); }
@media (max-width: 719px) {
  .fbl-kagitlar--aygit { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .fbl-kagitlar--aygit .fbl-kagit-aygit { padding: 6px 6px 10px; }
  .fbl-kagitlar--aygit .fbl-kagit-aygit-taban { padding: 8px 2px 0; }
  .fbl-kagitlar--aygit .fbl-kagit-aygit-taban::after { display: none; }
  .fbl-kagitlar--aygit .fbl-kagit-aygit-taban h3 { font-size: 15px; }
  .fbl-kagitlar--aygit .fbl-kagit-aygit-taban p { font-size: 13px; }
  .fbl-kagitlar--aygit .fbl-kagit-aygit-eylem { padding: 8px 2px 0; font-size: 13px; }
}
/* Yan plaka: çelik, sağ üstü pahlı, köşe imli; yapışkan DEĞİL. */
.fbl-yanal-kagit { --p-zemin: var(--fbl-celik); --p-kenar: var(--fbl-celik); padding: 24px; min-width: 0; }
.fbl-yanal-kagit-sunum { margin: 0 0 12px; font-size: 19px; }
.fbl-yanal-kagit dl { margin: 0; }
.fbl-yanal-kagit dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; border-top: 1px solid var(--fbl-cizgi); }
.fbl-yanal-kagit dt { font-family: var(--fbl-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--fbl-gri); }
.fbl-yanal-kagit dd { margin: 0; font-family: var(--fbl-f-baslik); font-weight: 600; color: var(--fbl-grafit); text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.fbl-yanal-kagit .fbl-tarif-kagidi > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.fbl-yanal-kagit .fbl-tarif-kagidi dd { font-family: var(--fbl-f-govde); font-weight: 400; text-align: left; color: var(--fbl-metin); }
.fbl-yanal-kagit > .fbl-yuvar-tus { margin-top: var(--fbl-a4); }
.fbl-yanal-kagit-serhi { margin: var(--fbl-a4) 0 0; color: var(--fbl-gri); font-size: 14px; }

/* --- §08 İş plakası (süreç, imza): tek pahlı plakada alanlar ---------------- */
.fbl-ig-kagidi { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 1px; list-style: none; }
/* Alanların zemini (etkin alan çelik) pahı örtmesin: öğe kesilir, kenar ve pah çizgisi alanların ÜSTÜNDE. */
.fbl-ig-kagidi { --p-zemin: transparent; background: var(--fbl-beyaz); clip-path: var(--fbl-kose-kart); }
.fbl-ig-kagidi::before { z-index: 1; }
@media (min-width: 900px) { .fbl-ig-kagidi:not(.fbl-ig-kagidi--dik) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } }
.fbl-ig-sahasi { position: relative; padding: 18px 20px 22px; min-width: 0; }
.fbl-ig-sahasi + .fbl-ig-sahasi { border-top: 1px solid var(--fbl-cizgi); }
@media (min-width: 900px) { .fbl-ig-kagidi:not(.fbl-ig-kagidi--dik) > .fbl-ig-sahasi + .fbl-ig-sahasi { border-top: 0; border-left: 1px solid var(--fbl-cizgi); } }
.fbl-ig-sahasi small { display: block; margin-bottom: 10px; font-family: var(--fbl-f-baslik); font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--fbl-gri); }
.fbl-ig-sahasi h3 { margin: 0 0 6px; font-size: 19px; }
.fbl-ig-sahasi p { margin: 0; color: var(--fbl-gri); font-size: var(--fbl-y-kucuk); }
.fbl-ig-sahasi--hemen { background: var(--fbl-celik); }
.fbl-ig-sahasi--hemen small { color: var(--fbl-yakut); }
.fbl-ig-sahasi--hemen::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: var(--fbl-yakut); clip-path: inset(0 round 12px); }
.fbl-ig-kagidi--dik { margin: var(--fbl-a5) 0; }
.fbl-ig-kagidi--dik .fbl-ig-sahasi { padding: 14px 18px 16px; }
.fbl-ig-kagidi--dik .fbl-ig-sahasi small { margin-bottom: 6px; }
.fbl-ig-kagidi--dik .fbl-ig-sahasi h3 { font-size: 17px; }
.fbl-ig-kagidi--dik .fbl-ig-sahasi small + p { color: var(--fbl-metin); }

/* --- §09 Sayfa yolu ------------------------------------------------------- */
.fbl-kagit-guzergah { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 14px; padding: 0; list-style: none; font-family: var(--fbl-f-baslik); font-size: 14px; color: var(--fbl-gri); }
.fbl-kagit-guzergah li + li::before { content: "/"; margin-right: 10px; color: var(--fbl-yakut); }
.fbl-kagit-guzergah a { color: var(--fbl-gri); text-decoration: none; }
.fbl-kagit-guzergah a:hover { color: var(--fbl-grafit); text-decoration: underline; text-decoration-color: var(--fbl-yakut); }
.fbl-kagit-guzergah [aria-current] { color: var(--fbl-grafit); }

/* --- §10 Pahlı etiket (durum), pahlı çip, sık aranan -------------------------- */
.fbl-yuvar-rozet { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; clip-path: inset(0 round 12px); background: var(--fbl-celik-2); color: var(--fbl-grafit); font-family: var(--fbl-f-baslik); font-size: 13.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.fbl-yuvar-rozet--sizin { background: #e2f0e8; color: var(--fbl-yesil); }
.fbl-yuvar-rozet--hizmet { background: var(--fbl-celik-2); color: var(--fbl-grafit); }
.fbl-yuvar-rozet--dur { background: var(--fbl-yakut); color: var(--fbl-yakut-ust); }
.fbl-sik-kagitlar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.fbl-yuvar-hap { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; background: var(--fbl-celik); color: var(--fbl-grafit); font-size: 14.5px; text-decoration: none; clip-path: inset(0 round 12px); transition: background-color var(--fbl-sure) var(--fbl-egri); }
a.fbl-yuvar-hap:hover { background: var(--fbl-celik-3); color: var(--fbl-grafit); }
a.fbl-yuvar-hap:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--fbl-yakut); }
.fbl-kagit-profil--kum .fbl-yuvar-hap, .fbl-kagit-fis--kum .fbl-yuvar-hap { background: var(--fbl-beyaz); }
.fbl-sik-sorulan-dizgisi { display: grid; gap: 8px; margin-top: var(--fbl-a5); }
.fbl-sik-sorulan-dizgisi > span { font-family: var(--fbl-f-baslik); font-size: 13px; font-weight: 600; color: var(--fbl-gri); }

/* --- §11 Kod plakası ------------------------------------------------------ */
.fbl-seri-kagidi { width: 100%; border-collapse: collapse; font-size: 15px; box-shadow: inset 0 0 0 1px var(--fbl-cizgi); }
.fbl-seri-kagidi caption { padding: 0 0 10px; text-align: left; font-family: var(--fbl-f-baslik); font-size: 13.5px; font-weight: 600; color: var(--fbl-gri); }
.fbl-seri-kagidi th, .fbl-seri-kagidi td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--fbl-cizgi-ince); overflow-wrap: anywhere; }
.fbl-seri-kagidi thead th { background: var(--fbl-grafit); color: var(--fbl-beyaz); font-family: var(--fbl-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.03em; vertical-align: middle; }
.fbl-seri-kagidi tbody tr:last-child > * { border-bottom: 0; }
.fbl-seri-kagidi td b { display: block; font-weight: 600; color: var(--fbl-grafit); }
.fbl-seri-kagidi td b + span { display: block; color: var(--fbl-gri); font-size: 14px; }
.fbl-seri-kagidi tr:target > td { background: var(--fbl-celik); }
.fbl-seri-kagidi tr[hidden] { display: none; }
.fbl-seri-gozesi { display: inline-block; min-width: 58px; padding: 4px 10px; background: var(--fbl-celik); color: var(--fbl-grafit); font-family: var(--fbl-f-sayi); font-size: 18px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; clip-path: inset(0 round 12px); transition: background-color var(--fbl-sure) var(--fbl-egri), color var(--fbl-sure) var(--fbl-egri); }
a.fbl-seri-gozesi:hover { background: var(--fbl-grafit); color: var(--fbl-beyaz); }
a.fbl-seri-gozesi:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--fbl-yakut); }
@media (max-width: 719px) {
  .fbl-seri-kagidi thead { display: none; }
  .fbl-seri-kagidi tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--fbl-cizgi-ince); }
  .fbl-seri-kagidi tbody tr:last-child { border-bottom: 0; }
  .fbl-seri-kagidi td { padding: 2px 0; border: 0; }
  .fbl-seri-kagidi td:first-child { grid-row: span 2; }
}
/* Tam kod tablosu (marka × cihaz) ve markanın tabloları. */
.fbl-seri-kagidi--tum td:first-child { width: 1%; white-space: nowrap; }
.fbl-seri-kagidi--tum td p { margin: 0 0 6px; max-width: 64ch; }
.fbl-seri-kagidi--tum td strong { font-weight: 700; color: var(--fbl-grafit); }
.fbl-seri-gorunur { color: var(--fbl-gri); }
.fbl-seri-acilan-detay { margin-top: 8px; }
.fbl-seri-acilan-detay > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--fbl-grafit); clip-path: var(--fbl-kose-dugme); font-family: var(--fbl-f-baslik); font-size: 14px; font-weight: 600; color: var(--fbl-grafit); cursor: pointer; }
.fbl-seri-acilan-detay > summary::-webkit-details-marker { display: none; }
.fbl-seri-acilan-detay > summary::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--fbl-m-asagi) center / contain no-repeat; mask: var(--fbl-m-asagi) center / contain no-repeat; }
.fbl-seri-acilan-detay > summary:hover { background: var(--fbl-grafit); color: var(--fbl-beyaz); }
.fbl-seri-acilan-detay[open] { --p-zemin: var(--fbl-celik); --p-kenar: var(--fbl-celik); margin-top: 10px; padding: 12px 16px 8px; }
.fbl-seri-acilan-detay[open] > summary { min-height: 34px; padding: 0; box-shadow: none; clip-path: none; background: none; color: var(--fbl-grafit); }
.fbl-seri-acilan-detay[open] > summary::after { transform: rotate(180deg); }
.fbl-seri-acilan-detay h3 { margin: var(--fbl-a3) 0 0; font-size: 15px; }
.fbl-seri-acilan-detay .fbl-ozet-dizgisi { min-height: 40px; padding-block: 6px; font-size: 15px; }
.fbl-seri-eleme-kagidi { max-width: 520px; }
.fbl-seri-eleme-kagidi .fbl-aralik-betimleme { min-height: 1.5em; margin-top: 8px; }
.fbl-seri-kagidi--markasi td:first-child a { text-decoration: none; }
.fbl-seri-kagidi--markasi td:first-child a:hover b { text-decoration: underline; text-decoration-color: var(--fbl-yakut); }
.fbl-seri-kagidi--markasi .fbl-sik-kagitlar { gap: 6px; }
.fbl-seri-kagidi--markasi td:last-child, .fbl-seri-kagidi--markasi th:last-child { text-align: right; color: var(--fbl-gri); }
@media (max-width: 719px) {
  .fbl-seri-kagidi--markasi tr { grid-template-columns: minmax(0, 1fr) auto; }
  .fbl-seri-kagidi--markasi td:first-child { grid-row: auto; }
  .fbl-seri-kagidi--markasi td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 6px; }
  .fbl-seri-kagidi--tum td:last-child { grid-column: 2; padding-top: 6px; }
}
/* Tip tablosu: veri tablosu (renkler, basın, ekipler, resmi hatlar, işin sırası). */
.fbl-cins-tablosu { width: 100%; border-collapse: collapse; font-size: var(--fbl-y-kucuk); box-shadow: inset 0 0 0 1px var(--fbl-cizgi); }
.fbl-cins-tablosu th, .fbl-cins-tablosu td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--fbl-cizgi-ince); overflow-wrap: anywhere; }
.fbl-cins-tablosu thead th { background: var(--fbl-celik-2); color: var(--fbl-grafit); font-family: var(--fbl-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; vertical-align: bottom; }
.fbl-cins-tablosu tbody th { font-family: var(--fbl-f-baslik); font-weight: 600; color: var(--fbl-grafit); border-right: 1px solid var(--fbl-cizgi-ince); }
.fbl-cins-tablosu tbody tr:last-child > * { border-bottom: 0; }
@media (max-width: 719px) {
  .fbl-cins-tablosu--ensiz thead { display: none; }
  .fbl-cins-tablosu--ensiz tr { display: grid; gap: 4px; padding: 12px 14px; border-bottom: 1px solid var(--fbl-cizgi-ince); }
  .fbl-cins-tablosu--ensiz tbody tr:last-child { border-bottom: 0; }
  .fbl-cins-tablosu--ensiz td, .fbl-cins-tablosu--ensiz tbody th { padding: 0; border: 0; }
}
/* Tanım plakası: alan adı (küçük Chakra) │ değer; 1 px çizgilerle bölünmüş satırlar. */
.fbl-tarif-kagidi { margin: 0; font-size: var(--fbl-y-kucuk); }
.fbl-tarif-kagidi > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--fbl-cizgi-ince); }
.fbl-tarif-kagidi > div:first-child { padding-top: 0; border-top: 0; }
.fbl-tarif-kagidi dt { font-family: var(--fbl-f-baslik); font-size: 13.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--fbl-gri); }
.fbl-tarif-kagidi dd { margin: 0; color: var(--fbl-metin); overflow-wrap: anywhere; }
@media (max-width: 559px) { .fbl-tarif-kagidi > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* --- §12 Soru plakası (SSS), katlanan plaka --------------------------------- */
.fbl-soru-kagidi { box-shadow: inset 0 0 0 1px var(--fbl-cizgi); }
.fbl-soru-kagit-dizgisi + .fbl-soru-kagit-dizgisi { border-top: 1px solid var(--fbl-cizgi); }
.fbl-soru-kagit-dizgisi summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 18px; list-style: none; font-family: var(--fbl-f-baslik); font-size: 17px; font-weight: 600; color: var(--fbl-grafit); cursor: pointer; }
.fbl-soru-kagit-dizgisi summary::-webkit-details-marker { display: none; }
.fbl-soru-kagit-dizgisi summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--fbl-grafit); -webkit-mask: var(--fbl-m-asagi) center / contain no-repeat; mask: var(--fbl-m-asagi) center / contain no-repeat; }
.fbl-soru-kagit-dizgisi summary:hover { background: var(--fbl-celik); }
.fbl-soru-kagit-dizgisi[open] { background: var(--fbl-celik); }
.fbl-soru-kagit-dizgisi[open] summary::after { transform: rotate(180deg); background: var(--fbl-yakut); }
.fbl-soru-kagit-dizgisi > div { padding: 0 18px 16px; color: var(--fbl-metin); }
.fbl-soru-kagit-dizgisi > div p { margin: 0 0 10px; }
.fbl-soru-kagit-dizgisi > div p:last-child { margin-bottom: 0; }
@media (min-width: 1080px) {
  .fbl-soru-kagidi--ikisi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; box-shadow: none; }
  .fbl-soru-kagidi--ikisi .fbl-soru-kagit-dizgisi { box-shadow: inset 0 0 0 1px var(--fbl-cizgi); }
  .fbl-soru-kagidi--ikisi .fbl-soru-kagit-dizgisi + .fbl-soru-kagit-dizgisi { border-top: 0; }
}
.fbl-sarmal-kagit { border-top: 1px solid var(--fbl-cizgi-ince); }
.fbl-sarmal-kagit > summary { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; list-style: none; cursor: pointer; }
.fbl-sarmal-kagit > summary::-webkit-details-marker { display: none; }
.fbl-sarmal-kagit > summary h3 { flex: 1; min-width: 0; margin: 0; font-size: 17px; }
.fbl-sarmal-kagit > summary small { font-family: var(--fbl-f-sayi); font-size: 14px; font-weight: 600; color: var(--fbl-gri-2); font-variant-numeric: tabular-nums; }
.fbl-sarmal-kagit > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--fbl-grafit); -webkit-mask: var(--fbl-m-asagi) center / contain no-repeat; mask: var(--fbl-m-asagi) center / contain no-repeat; }
.fbl-sarmal-kagit[open] > summary::after { transform: rotate(180deg); background: var(--fbl-yakut); }
.fbl-sarmal-kagit > summary:hover h3 { text-decoration: underline; text-decoration-color: var(--fbl-yakut); }
.fbl-sarmal-kagit > p { margin: 0 0 8px; color: var(--fbl-gri); }
.fbl-sarmal-kagit > .fbl-dizgi-ozetu { margin-bottom: var(--fbl-a3); }
.fbl-kagit-fis > .fbl-sarmal-kagit:first-of-type { margin-top: var(--fbl-a3); }

/* --- §13 Form ------------------------------------------------------------- */
.fbl-kagit-sablon { display: grid; gap: var(--fbl-a5); min-width: 0; }
.fbl-doldur-blogu { display: grid; gap: 14px; min-width: 0; }
.fbl-doldur-blogu + .fbl-doldur-blogu { padding-top: var(--fbl-a5); border-top: 1px solid var(--fbl-cizgi-ince); }
.fbl-blok-lakap { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; }
.fbl-blok-lakap::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--fbl-yakut); clip-path: var(--fbl-imi); }
.fbl-blok-lakap b { font-family: var(--fbl-f-baslik); font-size: 17px; font-weight: 600; color: var(--fbl-grafit); }
.fbl-blok-lakap small { color: var(--fbl-gri); font-size: 14px; }
.fbl-sahalar-yanal-yanyana { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 640px) { .fbl-sahalar-yanal-yanyana { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fbl-sahalar-yanal-yanyana > .fbl-kagit-sahasi--tum, .fbl-sahalar-yanal-yanyana > .fbl-teyit-dizgisi { grid-column: 1 / -1; } }
.fbl-kagit-sahasi { display: grid; gap: 6px; min-width: 0; align-content: start; }
.fbl-kagit-sahasi > label, .fbl-aralik-sunumu { font-family: var(--fbl-f-baslik); font-size: 14px; font-weight: 600; color: var(--fbl-grafit); }
.fbl-kagit-sahasi label small { font-family: var(--fbl-f-govde); font-weight: 400; color: var(--fbl-gri); }
.fbl-kagit-sahasi input, .fbl-kagit-sahasi select, .fbl-kagit-sahasi textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 14px; border: 0; background: var(--fbl-beyaz); color: var(--fbl-grafit); font: inherit; font-size: 16px; box-shadow: inset 0 0 0 1.5px var(--fbl-cizgi-sert); clip-path: var(--fbl-kose-dugme); -webkit-appearance: none; appearance: none; transition: box-shadow var(--fbl-sure) var(--fbl-egri); }
.fbl-kagit-sahasi textarea { min-height: 116px; padding-block: 14px; resize: vertical; }
.fbl-kagit-sahasi select { padding-right: 44px; background: var(--fbl-beyaz) right 14px center / 18px 18px no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312161C' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.fbl-kagit-sahasi select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.fbl-kagit-sahasi input::placeholder, .fbl-kagit-sahasi textarea::placeholder { color: var(--fbl-gri-2); }
.fbl-kagit-sahasi input:hover, .fbl-kagit-sahasi select:hover, .fbl-kagit-sahasi textarea:hover { box-shadow: inset 0 0 0 1.5px var(--fbl-grafit); }
.fbl-kagit-sahasi input:focus-visible, .fbl-kagit-sahasi select:focus-visible, .fbl-kagit-sahasi textarea:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--fbl-yakut); }
.fbl-kagit-sahasi input[type="date"], .fbl-kagit-sahasi input[type="time"] { display: block; -webkit-appearance: auto; appearance: auto; color-scheme: light; }
.fbl-kagit-sahasi input[type="date"]::-webkit-calendar-picker-indicator, .fbl-kagit-sahasi input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
.fbl-kagit-sahasi input[type="file"] { padding: 10px 12px; }
.fbl-kagit-sahasi input[type="file"]::file-selector-button { margin-right: var(--fbl-a3); min-height: 34px; padding: 0 14px; border: 0; background: var(--fbl-grafit); color: var(--fbl-beyaz); font: inherit; font-family: var(--fbl-f-baslik); font-weight: 600; clip-path: inset(0 round 12px); cursor: pointer; }
.fbl-kagit-sahasi--arizali input, .fbl-kagit-sahasi--arizali select, .fbl-kagit-sahasi--arizali textarea { background-color: var(--fbl-yakut-acik); box-shadow: inset 0 0 0 2px var(--fbl-yakut); }
.fbl-aralik-betimleme { margin: 0; color: var(--fbl-gri); font-size: 13.5px; }
.fbl-aralik-sorun-dizgisi { display: flex; gap: 8px; align-items: center; margin: 0; max-width: none; color: var(--fbl-yakut); font-size: 14px; font-weight: 600; }
.fbl-aralik-sorun-dizgisi::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--fbl-yakut); clip-path: var(--fbl-imi); }
.fbl-teyit-dizgisi { display: flex; gap: 12px; align-items: flex-start; color: var(--fbl-metin); font-size: 15px; cursor: pointer; }
.fbl-teyit-dizgisi input { flex: none; display: grid; place-content: center; width: 22px; height: 22px; margin: 1px 0 0; border: 0; background: var(--fbl-beyaz); box-shadow: inset 0 0 0 1.5px var(--fbl-cizgi-sert); -webkit-appearance: none; appearance: none; cursor: pointer; }
.fbl-teyit-dizgisi input:checked { background: var(--fbl-yakut); box-shadow: none; }
.fbl-teyit-dizgisi input:checked::after { content: ""; width: 16px; height: 16px; background: var(--fbl-yakut-ust); -webkit-mask: var(--fbl-m-onay) center / contain no-repeat; mask: var(--fbl-m-onay) center / contain no-repeat; }
.fbl-teyit-dizgisi input:focus-visible { outline: 2px solid var(--fbl-yakut); outline-offset: 2px; }
.fbl-kagit-sahasi--arizali.fbl-teyit-dizgisi input { box-shadow: inset 0 0 0 2px var(--fbl-yakut); }
/* Uygun gün: önümüzdeki günler pahlı küçük plakalar (fbali.js). */
.fbl-gunluk-kagitlari { display: flex; flex-wrap: wrap; gap: 8px; }
.fbl-gunluk-kagitlari button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 14px; border: 0; background: var(--fbl-celik); color: var(--fbl-gri); font: inherit; font-size: 14px; clip-path: inset(0 round 12px); cursor: pointer; transition: background-color var(--fbl-sure) var(--fbl-egri); }
.fbl-gunluk-kagitlari button b { font-family: var(--fbl-f-sayi); font-size: 16px; font-weight: 700; color: var(--fbl-grafit); font-variant-numeric: tabular-nums; }
.fbl-gunluk-kagitlari button:hover { background: var(--fbl-celik-3); }
.fbl-gunluk-kagitlari button[aria-pressed="true"] { background: var(--fbl-grafit); color: #c9ced6; }
.fbl-gunluk-kagitlari button[aria-pressed="true"] b { color: var(--fbl-beyaz); }
.fbl-gunluk-kagitlari button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--fbl-yakut); }
.fbl-doldur-yolla-dizgisi { display: grid; gap: var(--fbl-a3); }
.fbl-doldur-yolla-dizgisi p { margin: 0; color: var(--fbl-gri); font-size: 14px; }
@media (min-width: 720px) { .fbl-doldur-yolla-dizgisi .fbl-yuvar-tus { justify-self: start; min-width: 300px; } }
.fbl-perde-disa-aralik { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* İki yan form: solda etiket, başlık, giriş, dikey iş plakası; sağda form plakası. */
.fbl-doldur-kagit-cifti { display: grid; gap: var(--fbl-a6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.fbl-doldur-kagit-cifti > * { min-width: 0; }
@media (min-width: 1080px) { .fbl-doldur-kagit-cifti { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--fbl-a7); } }
.fbl-doldur-anlatimi h2 { margin: 0 0 var(--fbl-a3); font-size: var(--fbl-y-1); }
.fbl-doldur-anlatimi .fbl-kagit-kapisi { margin-top: 0; }
.fbl-doldur-altnot { color: var(--fbl-gri); font-size: 14px; }
.fbl-doldur-kagidi { --p-kenar: var(--fbl-cizgi-sert); padding: var(--fbl-a6) var(--fbl-a5); }
@media (max-width: 719px) { .fbl-doldur-kagidi { padding: var(--fbl-a5) var(--fbl-a4); } }

/* --- §14 Plaka notu, uyarı ------------------------------------------------ */
.fbl-kagit-serhi { --p-zemin: var(--fbl-celik); --p-kenar: var(--fbl-celik); margin: 0 0 var(--fbl-a4); padding: 14px 18px 14px 21px; max-width: none; color: var(--fbl-metin); font-size: var(--fbl-y-kucuk); }
.fbl-kagit-serhi::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--fbl-grafit); }
.fbl-kagit-serhi b { display: block; margin-bottom: 2px; font-family: var(--fbl-f-baslik); font-weight: 600; color: var(--fbl-grafit); }
.fbl-kagit-serhi p { margin: 0; }
.fbl-kagit-serhi:last-child { margin-bottom: 0; }
.fbl-kagit-serhi--ikaz { --p-zemin: var(--fbl-yakut-acik); --p-kenar: var(--fbl-yakut-acik); }
.fbl-kagit-serhi--ikaz::after { background: var(--fbl-yakut); }
.fbl-kagit-serhi--ikaz b { color: var(--fbl-yakut); }
.fbl-kagit-serhi--tamamdir::after { background: var(--fbl-yesil); }
.fbl-kagit-serhi--tamamdir b { color: var(--fbl-yesil); }

/* --- §15 Açılış plakası, izometrik çizim, parça tablosu ---------------------- */
.fbl-tabaka-kagidi { padding-top: var(--fbl-a6); }
.fbl-tabaka-kagidi-ic { display: grid; gap: var(--fbl-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.fbl-tabaka-kagidi-ic > * { min-width: 0; }
.fbl-tabaka-kagidi-ic h1 { margin: 0; overflow-wrap: anywhere; }
@media (min-width: 1080px) { .fbl-tabaka-kagidi-ic { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--fbl-a8); } }
.fbl-tabaka-kagidi-gosterim { display: grid; gap: var(--fbl-a3); align-content: center; }
.fbl-tabaka-kagidi-gosterim:empty { display: none; }
@media (min-width: 1080px) { .fbl-tabaka-kagidi-ic:has(> .fbl-tabaka-kagidi-gosterim:empty) { grid-template-columns: minmax(0, 1fr); } }
.fbl-tabaka-kagidi-gover > h1 { margin: 0; overflow-wrap: anywhere; }
.fbl-tabaka-kagidi .fbl-bolumcuk-serit { margin-top: var(--fbl-a6); }
.fbl-tabaka-kagidi .fbl-yuvar-eylemleri { margin-top: var(--fbl-a5); }
/* Çizim plakası: sağ üstü 28 px pahlı beyaz plaka, pahta 20 px köşe imi. */
.fbl-resim-cita { --p-kose: 28px; --p-imi: 20px; display: block; padding: 14px; }
.fbl-resim-cita img { width: 100%; height: auto; }
.fbl-resim-cita picture { display: block; }
.fbl-tabaka-kagidi-gosterim > .fbl-resim-cita { width: 100%; max-width: 440px; justify-self: center; }
@media (max-width: 1079px) { .fbl-tabaka-kagidi-gosterim > .fbl-resim-cita { max-width: 320px; justify-self: start; } }
/* Ana sayfa açılışı. */
.fbl-girisbas-profil { padding-top: var(--fbl-a6); }
@media (min-width: 1080px) { .fbl-girisbas-profil { padding-top: var(--fbl-a8); } }
.fbl-girisbas-kagidi { display: grid; gap: var(--fbl-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.fbl-girisbas-kagidi > * { min-width: 0; }
@media (min-width: 1080px) { .fbl-girisbas-kagidi { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--fbl-a8); } }
.fbl-girisbas-tekstu .fbl-yuvar-eylemleri { margin-top: var(--fbl-a5); }
/* İlke plakası: tip etiketi gibi üç alan. */
.fbl-kural-kagidi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--fbl-a5) 0 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--fbl-cizgi); }
.fbl-kural-kagidi li { padding: 12px 14px; color: var(--fbl-grafit); font-size: 14.5px; font-weight: 600; line-height: 1.35; }
.fbl-kural-kagidi li + li { border-left: 1px solid var(--fbl-cizgi); }
.fbl-kural-kagidi small { display: block; margin-bottom: 4px; font-family: var(--fbl-f-baslik); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--fbl-yakut); }
@media (max-width: 419px) { .fbl-kural-kagidi li { padding: 10px; font-size: 13.5px; } }
.fbl-birinci-kagit { --p-kose: 28px; --p-imi: 20px; margin: 0; padding: 18px; }
.fbl-birinci-kagit figcaption { margin-top: 12px; }
.fbl-yuvar-puntolu { position: relative; }
.fbl-yuvar-puntolu picture { display: block; }
.fbl-yuvar-puntolu img { display: block; width: 100%; height: auto; }
.fbl-numarasi-katmanlari { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.fbl-yuvar-numarasi { transition: opacity var(--fbl-sure) var(--fbl-egri); }
.fbl-numarasi-fon { fill: var(--fbl-grafit); }
.fbl-numarasi-isareti { fill: var(--fbl-yakut); }
.fbl-yuvar-numarasi text { fill: #ffffff; font-family: var(--fbl-f-baslik); font-size: 3.3px; font-weight: 700; text-anchor: middle; dominant-baseline: middle; }
.fbl-yuvar-numarasi--secildi .fbl-numarasi-fon { fill: var(--fbl-yakut); }
.fbl-yuvar-numarasi--secildi .fbl-numarasi-isareti { fill: var(--fbl-grafit); }
.fbl-numarasi-katmanlari:has(.fbl-yuvar-numarasi--secildi) .fbl-yuvar-numarasi:not(.fbl-yuvar-numarasi--secildi) { opacity: 0.3; }
.fbl-kagit-aygit--puntolu .fbl-yuvar-numarasi { opacity: 0; }
.fbl-kagit-aygit--puntolu:hover .fbl-yuvar-numarasi, .fbl-kagit-aygit--puntolu:focus-within .fbl-yuvar-numarasi { opacity: 1; }
@media (hover: none) { .fbl-kagit-aygit--puntolu .fbl-yuvar-numarasi { opacity: 1; } }
.fbl-gereci-tablosu-agzi { display: block; margin-bottom: 8px; font-family: var(--fbl-f-baslik); font-size: 13px; font-weight: 600; color: var(--fbl-gri); }
.fbl-gereci-tablosu { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--fbl-cizgi); font-size: 14px; }
@media (min-width: 420px) { .fbl-gereci-tablosu { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fbl-gereci-tablosu li:nth-child(odd) { border-right: 1px solid var(--fbl-cizgi-ince); } }
.fbl-gereci-tablosu li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border-bottom: 1px solid var(--fbl-cizgi-ince); color: var(--fbl-metin); }
.fbl-gereci-tablosu b { flex: none; display: inline-grid; place-items: center; width: 26px; height: 20px; background: var(--fbl-grafit); color: var(--fbl-beyaz); font-family: var(--fbl-f-baslik); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; clip-path: inset(0 round 12px); }

/* --- §16 Mobil alt plaka (<1080 px) --------------------------------------- */
.fbl-taban-kagit { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: 10px var(--fbl-kenar) calc(10px + env(safe-area-inset-bottom)); background: var(--fbl-beyaz); border-top: 1px solid var(--fbl-cizgi); transition: transform var(--fbl-sure) var(--fbl-egri); }
.fbl-taban-kagit::before { content: ""; position: absolute; left: 0; top: -2px; width: 72px; height: 3px; background: var(--fbl-grafit); }
.fbl-taban-kagit > .fbl-yuvar-tus { flex: 1; min-width: 0; }
.fbl-taban-kagit > .fbl-taban-kagit-telefon { flex: 0 0 auto; padding-inline: 18px; }
.fbl-taban-kagit--sakli { transform: translateY(calc(100% + 8px)); }
body.fbl-taban-kagitli { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { .fbl-taban-kagit { display: none; } body.fbl-taban-kagitli { padding-bottom: 0; } }

/* --- §17 Çelik altbilgi, tip etiketi, dip satır, son plaka ----------------- */
.fbl-kum-altlik { position: relative; margin-top: var(--fbl-bolum); padding: var(--fbl-a7) 0 0; background: var(--fbl-celik); border-top: 1px solid var(--fbl-cizgi); }
.fbl-kum-altlik::before { content: ""; position: absolute; left: 0; top: -2px; width: 120px; height: 3px; background: var(--fbl-grafit); }
.fbl-sondaki-kagit-profil + .fbl-kum-altlik { margin-top: var(--fbl-bolum); }
.fbl-kum-altlik-kafes { display: grid; gap: var(--fbl-a6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .fbl-kum-altlik-kafes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .fbl-kum-altlik-kafes { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); } }
.fbl-altlik-kunye > a img { height: 28px; width: auto; margin-bottom: var(--fbl-a4); }
.fbl-altlik-kunye > p { max-width: 42ch; color: var(--fbl-metin); font-size: var(--fbl-y-kucuk); }
.fbl-altlik-irtibat { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 15px; }
.fbl-altlik-irtibat a { color: var(--fbl-grafit); text-decoration-color: var(--fbl-cizgi-sert); }
.fbl-altlik-irtibat .fbl-kalici-basamak { font-family: var(--fbl-f-baslik); font-size: 19px; font-weight: 600; text-decoration: none; }
.fbl-altlik-endeks { min-width: 0; }
.fbl-altlik-endeks > nav + nav { margin-top: var(--fbl-a5); }
.fbl-altlik-endeks h2 { margin: 0 0 8px; font-size: 15px; letter-spacing: 0; }
.fbl-altlik-endeks ul { margin: 0; padding: 0; list-style: none; }
.fbl-altlik-endeks a, .fbl-altlik-endeks button { display: inline-flex; align-items: center; min-height: 32px; padding: 2px 0; border: 0; background: none; color: var(--fbl-metin); font: inherit; font-size: 15px; text-align: left; text-decoration: none; cursor: pointer; }
.fbl-altlik-endeks a:hover, .fbl-altlik-endeks button:hover { color: var(--fbl-yakut); }
.fbl-altlik-minik { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--fbl-a6); padding-top: var(--fbl-a4); border-top: 1px solid var(--fbl-cizgi); }
.fbl-altlik-minik > a { margin-right: 4px; font-family: var(--fbl-f-baslik); font-weight: 600; color: var(--fbl-grafit); text-decoration: none; }
.fbl-altlik-minik ul { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font-size: 14.5px; }
.fbl-altlik-minik ul a { color: var(--fbl-gri); text-decoration: none; }
.fbl-altlik-minik ul a:hover { color: var(--fbl-grafit); }
/* Tip etiketi: kurum bilgisi plakası (cihaz arkasındaki üretici etiketi gibi). */
.fbl-cins-rozeti { --p-kenar: var(--fbl-cizgi-sert); display: flex; flex-wrap: wrap; margin: var(--fbl-a6) 0 0; padding: 1px; font-size: 13.5px; }
.fbl-cins-rozeti > div { flex: 1 1 200px; min-width: 0; padding: 12px 16px; box-shadow: -1px 0 0 var(--fbl-cizgi-ince), 0 -1px 0 var(--fbl-cizgi-ince); }
.fbl-cins-rozeti dt { margin-bottom: 4px; font-family: var(--fbl-f-baslik); font-size: 11.5px; font-weight: 600; letter-spacing: 0.05em; color: var(--fbl-gri); }
.fbl-cins-rozeti dd { margin: 0; color: var(--fbl-metin); overflow-wrap: anywhere; }
.fbl-cins-rozeti-bildiri { flex-basis: 100% !important; }
.fbl-altlik-bildiri { color: var(--fbl-gri); }
.fbl-kum-alttan { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: var(--fbl-a4) 0 var(--fbl-a5); font-size: 13.5px; color: var(--fbl-gri); }
.fbl-kum-alttan p { margin: 0; }
.fbl-kum-alttan a { color: var(--fbl-gri); }
.fbl-kum-alttan nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.fbl-sayici-dizgisi b { font-family: var(--fbl-f-sayi); font-weight: 700; color: var(--fbl-grafit); font-variant-numeric: tabular-nums; }
/* Son plaka: sayfanın TEK koyu yüzeyi — grafit, 28 px pah, pahta açık yakut köşe imi. */
.fbl-sondaki-kagit { --p-zemin: var(--fbl-grafit); --p-kenar: var(--fbl-grafit); --p-kose: 28px; --p-imi: 20px; --p-imi-renk: var(--fbl-yakut-isik); display: grid; gap: var(--fbl-a5); align-items: center; padding: 30px 24px; color: #c9ced6; }
@media (min-width: 900px) { .fbl-sondaki-kagit { grid-template-columns: minmax(0, 1fr) auto; padding: 36px 48px; } }
.fbl-sondaki-kagit h2 { margin: 0 0 8px; color: var(--fbl-beyaz); }
.fbl-sondaki-kagit p { margin: 0; color: #c9ced6; }
.fbl-sondaki-kagit .fbl-nisanli-rozet { margin-bottom: 10px; color: #c9ced6; }
.fbl-sondaki-kagit .fbl-nisanli-rozet::before { background: var(--fbl-yakut-isik); }
.fbl-sondaki-kagit .fbl-yuvar-tus--erik:focus-visible, .fbl-sondaki-kagit .fbl-yuvar-tus--karanlik:focus-visible { box-shadow: inset 0 0 0 3px var(--fbl-beyaz), inset 0 0 0 5px var(--fbl-grafit); }
/* Ara plaka (sayfa ortası tek satır çağrı): çelik, köşe imli. */
.fbl-sorgu-kagit { --p-zemin: var(--fbl-celik); --p-kenar: var(--fbl-celik); display: grid; gap: var(--fbl-a4); align-items: center; padding: 22px; }
@media (min-width: 900px) { .fbl-sorgu-kagit { grid-template-columns: minmax(0, 1fr) auto; padding: 26px 32px; } }
.fbl-sorgu-kagit p { margin: 0; color: var(--fbl-gri); }
.fbl-sorgu-kagit b { display: block; font-family: var(--fbl-f-baslik); font-size: var(--fbl-y-3); color: var(--fbl-grafit); }
/* Çerez plakası: alt plakanın üstünde yüzen beyaz plaka. */
.fbl-kurabiye-kagidi { --p-kenar: var(--fbl-cizgi-sert); 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(--fbl-a4) var(--fbl-a5); }
.fbl-kurabiye-kagidi p { margin: 0 0 12px; max-width: none; color: var(--fbl-metin); font-size: 14px; }
/* Telefonda çerez kâğıdı ekranın yarısını örtmesin: kısa metin, sıkı boşluk. */
@media (max-width: 719px) {
  .fbl-kurabiye-kagidi { left: 6px; right: 6px; bottom: calc(6px + env(safe-area-inset-bottom)); padding: 14px 16px; }
  .fbl-kurabiye-kagidi p { margin: 0 0 10px; font-size: 13px; line-height: 1.5; }
  .fbl-kurabiye-kagidi .fbl-yuvar-eylemleri { gap: 8px; }
  .fbl-kurabiye-kagidi .fbl-yuvar-tus--minik { min-height: 40px; padding: 0 14px; font-size: 14px; }
}

/* --- §18 Sayfa ekleri: ölçü satırı, hat plakası, açılış maddeleri, logo ---- */
.fbl-mesafe-dizgisi { --p-zemin: var(--fbl-celik); --p-kenar: var(--fbl-celik); display: flex; flex-wrap: wrap; margin: 0; padding: 1px; }
.fbl-mesafe-dizgisi > div { flex: 1 1 120px; display: flex; flex-direction: column-reverse; gap: 6px; padding: 18px 20px; }
.fbl-mesafe-dizgisi > div + div { box-shadow: -1px 0 0 var(--fbl-cizgi); }
.fbl-mesafe-dizgisi dd { margin: 0; font-size: var(--fbl-y-dev); }
.fbl-mesafe-dizgisi dt { font-family: var(--fbl-f-baslik); font-size: var(--fbl-y-etiket); font-weight: 600; color: var(--fbl-gri); }
.fbl-yol-kagidi { --p-zemin: var(--fbl-celik); --p-kenar: var(--fbl-celik); display: grid; gap: 6px; padding: 22px; }
.fbl-yol-kagidi .fbl-nisanli-rozet { margin: 0; }
.fbl-yol-kagidi .fbl-mesafe-rakami { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); text-decoration: none; overflow-wrap: anywhere; }
.fbl-yol-kagidi .fbl-mesafe-rakami:hover { color: var(--fbl-yakut); }
.fbl-yol-kagidi p { margin: 0; color: var(--fbl-gri); font-size: 14px; }
.fbl-girisbas-bilesenleri .fbl-ozet-dizgisi { min-height: 40px; padding-block: 6px; font-size: 15px; color: var(--fbl-metin); }
.fbl-girisbas-bilesenleri .fbl-ozet-dizgisi::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--fbl-yakut); clip-path: var(--fbl-imi); }
.fbl-damga-kagidi { display: grid; place-items: center; min-height: 140px; margin-bottom: var(--fbl-a4); padding: var(--fbl-a5); }
.fbl-damga-kagidi--karanlik { --p-zemin: var(--fbl-grafit); --p-kenar: var(--fbl-grafit); }
.fbl-damga-kagidi img { max-height: 56px; width: auto; }
/* İletişim: tıkla-yükle harita plakası (iletisim-harita.js --acik ekler). */
.fbl-yer-kagidi { --p-zemin: var(--fbl-celik); --p-kenar: var(--fbl-celik); display: grid; place-items: center; aspect-ratio: 4 / 3; padding: var(--fbl-a5); text-align: center; overflow: hidden; }
.fbl-yer-kagidi .fbl-yuvar-eylemleri { justify-content: center; }
.fbl-yer-kagidi iframe { width: 100%; height: 100%; border: 0; }
.fbl-yer-kagidi--acik2 { padding: 0; }
.fbl-yer-kagidi--acik2 > div { display: none; }
@media (min-width: 720px) { .fbl-yer-kagidi { aspect-ratio: 16 / 9; } }
.fbl-yer-kagidi-konumad { color: var(--fbl-metin); }
/* Yorum plakası (yalnız onaylı kayıttan). */
.fbl-gorus-kagidi { margin: 0; }
.fbl-gorus-kagidi blockquote { margin: 0 0 var(--fbl-a3); }
.fbl-gorus-kagidi figcaption { color: var(--fbl-gri); font-size: 14px; }
/* Mahalle adları: düz metin dizisi, "·" ayraçlı. */
.fbl-kimlikad-ozetu { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; color: var(--fbl-metin); font-size: var(--fbl-y-kucuk); line-height: 1.9; }
.fbl-kimlikad-ozetu li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--fbl-gri-2); }

/* --- §19 Satır dökümü, harf bölmeleri, sekme çubuğu -------------------------- */
.fbl-dizgi-ozetu { margin: 0; padding: 0; list-style: none; }
.fbl-ozet-dizgisi { display: flex; align-items: center; gap: var(--fbl-a3); min-height: 50px; padding: 10px 2px; border-top: 1px solid var(--fbl-cizgi-ince); }
.fbl-ozet-dizgisi:first-child { border-top: 0; }
.fbl-ozet-dizgisi > a { flex: 1; min-width: 0; color: var(--fbl-grafit); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.fbl-ozet-dizgisi > a:hover { text-decoration: underline; text-decoration-color: var(--fbl-yakut); }
.fbl-ozet-dizgisi small { flex: 0 1 auto; min-width: 0; color: var(--fbl-gri); font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; }
.fbl-ozet-dizgisi:has(> a)::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--fbl-gri-2); -webkit-mask: var(--fbl-m-ok) center / contain no-repeat; mask: var(--fbl-m-ok) center / contain no-repeat; }
.fbl-ozet-dizgisi:has(> a:hover)::after { background: var(--fbl-yakut); }
.fbl-ozet-dizgisi > span { flex: 1; min-width: 0; }
.fbl-dizgi-ozetu:not(.fbl-dizgi-ozetu--kolonlu, .fbl-girisbas-bilesenleri) > .fbl-ozet-dizgisi > span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 10px 2px 0; background: var(--fbl-grafit); clip-path: var(--fbl-imi); }
.fbl-dizgi-anlatimi { display: inline-block; width: 100%; margin-top: 2px; color: var(--fbl-gri); font-size: 14px; font-weight: 400; }
.fbl-dizgi-ozetu--kolonlu { columns: 1; column-gap: var(--fbl-a6); }
.fbl-dizgi-ozetu--kolonlu .fbl-ozet-dizgisi { break-inside: avoid; min-height: 48px; border-top: 0; border-bottom: 1px solid var(--fbl-cizgi-ince); }
.fbl-dizgi-ozetu--dortluk { columns: 2; column-gap: var(--fbl-a4); }
@media (max-width: 559px) { .fbl-dizgi-ozetu--dortluk small { display: none; } }
@media (min-width: 560px) { .fbl-dizgi-ozetu--kolonlu { columns: 2; } }
@media (min-width: 1080px) {
  .fbl-dizgi-ozetu--kolonlu { columns: 3; }
  .fbl-dizgi-ozetu--dortluk { columns: 4; }
  .fbl-cift-soldaki .fbl-dizgi-ozetu--kolonlu, .fbl-kagitlar > .fbl-kagit-fis .fbl-dizgi-ozetu--kolonlu { columns: 2; }
}
/* Harf bölmeleri (A–Z dizinleri) + ad süzgeci. */
.fbl-kimlikad-elek { max-width: 360px; margin-bottom: var(--fbl-a4); }
.fbl-yazim-bloklari { columns: 1; column-gap: var(--fbl-a6); }
@media (min-width: 560px) { .fbl-yazim-bloklari { columns: 2; } }
@media (min-width: 1080px) { .fbl-yazim-bloklari { columns: 4; } }
.fbl-yazim-blogu { break-inside: avoid; margin-bottom: var(--fbl-a4); }
.fbl-yazim-blogu .fbl-nisanli-rozet { margin: 0; color: var(--fbl-grafit); font-size: 15px; }
.fbl-yazim-blogu .fbl-ozet-dizgisi { min-height: 44px; padding-block: 6px; }
.fbl-yazim-blogu .fbl-ozet-dizgisi small { font-size: 13px; text-align: right; }
/* Sekme çubuğu: çelik-2 ray üstünde sekmeler; etkin sekme beyaz + yakut alt çizgi. */
.fbl-bolumcuk-serit { display: flex; gap: 2px; width: max-content; max-width: 100%; margin: var(--fbl-a4) 0; padding: 4px; overflow-x: auto; scrollbar-width: none; background: var(--fbl-celik-2); clip-path: var(--fbl-kose-dugme); }
.fbl-bolumcuk-serit::-webkit-scrollbar { display: none; }
.fbl-bolumcuk-serit a, .fbl-bolumcuk-serit button { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px; border: 0; background: transparent; color: var(--fbl-gri); font: inherit; font-family: var(--fbl-f-baslik); font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color var(--fbl-sure) var(--fbl-egri), color var(--fbl-sure) var(--fbl-egri); }
.fbl-bolumcuk-serit a:hover, .fbl-bolumcuk-serit button:hover { color: var(--fbl-grafit); background: var(--fbl-celik-3); }
.fbl-bolumcuk-serit [aria-selected="true"], .fbl-bolumcuk-serit [aria-current="true"] { background: var(--fbl-beyaz); color: var(--fbl-grafit); font-weight: 600; box-shadow: inset 0 -2px 0 var(--fbl-yakut); }
.fbl-bolumcuk-serit a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--fbl-yakut); }
.fbl-bolumcuk-serit sup { font-family: var(--fbl-f-sayi); font-size: 12px; color: var(--fbl-gri-2); font-variant-numeric: tabular-nums; vertical-align: baseline; }
.fbl-bolumcuk-serit[data-az-harfler] { margin-top: 0; }
.fbl-bolumcuk-serit[data-az-harfler] a { min-width: 44px; justify-content: center; padding: 0 12px; font-weight: 600; }
.fbl-bolumcuk-kagidi[hidden] { display: none; }
.fbl-bolumcuk-kagidi:focus-visible { outline-offset: 4px; }

/* ==========================================================================
   §20 SAYFA AİLELERİ (TASARIM-SISTEMI §08): ana sayfa bölümleri, cihaz,
   bölge, marka, hata kodu. Burada yalnız aileye özgü ekler.
   ========================================================================== */
/* Arıza bulucu (ana sayfa): JS yoksa gizli (aynı belirtiler cihaz sayfalarında). */
html:not(.fbl-emir) .fbl-avci-profil { display: none; }
.fbl-tespit-kagidi { display: grid; gap: var(--fbl-a5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.fbl-tespit-kagidi > * { min-width: 0; }
@media (min-width: 900px) { .fbl-tespit-kagidi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.fbl-tespit-kagidi > .fbl-resim-cita { max-width: 420px; justify-self: center; width: 100%; }
.fbl-tespit-soru-dizgisi { margin: 0 0 var(--fbl-a3); font-family: var(--fbl-f-baslik); font-size: var(--fbl-y-3); font-weight: 600; color: var(--fbl-grafit); }
.fbl-tespit-tus-serisi { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.fbl-tespit-tus-serisi button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 14px; border: 0; background: var(--fbl-celik); color: var(--fbl-metin); font: inherit; font-size: 15px; text-align: left; clip-path: var(--fbl-kose-dugme); cursor: pointer; transition: background-color var(--fbl-sure) var(--fbl-egri), box-shadow var(--fbl-sure) var(--fbl-egri); }
.fbl-tespit-tus-serisi button span { flex: none; display: inline-grid; place-items: center; width: 28px; height: 22px; background: var(--fbl-grafit); color: var(--fbl-beyaz); font-family: var(--fbl-f-sayi); font-size: 12px; font-weight: 700; clip-path: inset(0 round 12px); }
.fbl-tespit-tus-serisi button:hover { background: var(--fbl-celik-3); color: var(--fbl-grafit); }
.fbl-tespit-tus-serisi button[aria-pressed="true"] { background: var(--fbl-beyaz); color: var(--fbl-grafit); box-shadow: inset 0 0 0 2px var(--fbl-yakut); }
.fbl-tespit-tus-serisi button[aria-pressed="true"] span { background: var(--fbl-yakut); }
.fbl-tespit-tus-serisi button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--fbl-grafit); }
.fbl-tespit-haline { min-height: 3em; margin: var(--fbl-a4) 0; color: var(--fbl-gri); font-size: 14px; }
.fbl-tespit-haline b { color: var(--fbl-grafit); }
/* Neden Fbali: dört plaka + katlanır fark dökümü. */
.fbl-sebep-kagitlari h3 { margin: var(--fbl-a3) 0 6px; }
.fbl-sebep-kagitlari p { margin: 0; color: var(--fbl-gri); font-size: var(--fbl-y-kucuk); }
.fbl-yuvar-simge { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--fbl-celik); color: var(--fbl-grafit); clip-path: inset(0 round 12px); }
.fbl-ayrim-ozetu { padding: 18px 22px; }
.fbl-ayrim-ozetu summary { display: flex; justify-content: space-between; gap: 12px; list-style: none; font-family: var(--fbl-f-baslik); font-weight: 600; color: var(--fbl-grafit); cursor: pointer; }
.fbl-ayrim-ozetu summary::-webkit-details-marker { display: none; }
.fbl-ayrim-ozetu summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--fbl-grafit); -webkit-mask: var(--fbl-m-asagi) center / contain no-repeat; mask: var(--fbl-m-asagi) center / contain no-repeat; }
.fbl-ayrim-ozetu[open] summary::after { transform: rotate(180deg); background: var(--fbl-yakut); }
.fbl-ayrim-ozetu dl { display: grid; margin: var(--fbl-a4) 0 0; }
.fbl-ayrim-ozetu dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--fbl-cizgi-ince); }
@media (min-width: 720px) { .fbl-ayrim-ozetu dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.fbl-ayrim-ozetu dt { color: var(--fbl-gri); text-decoration: line-through; text-decoration-color: var(--fbl-cizgi-sert); }
.fbl-ayrim-ozetu dd { margin: 0; color: var(--fbl-metin); }
/* İl ve ilçeler (ana sayfa, çelik kesit): başlık + ölçü değerleri, harita, dizin. */
.fbl-vilayet-kagidi-agzi { display: grid; gap: var(--fbl-a5); margin-bottom: var(--fbl-a5); }
@media (min-width: 900px) { .fbl-vilayet-kagidi-agzi { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.fbl-vilayet-kagidi-agzi h2 { margin: 0 0 8px; }
.fbl-vilayet-kagidi-agzi p { margin: 0; color: var(--fbl-gri); }
.fbl-vilayet-mesafeleri { display: flex; margin: 0; box-shadow: inset 0 0 0 1px var(--fbl-cizgi-sert); background: var(--fbl-beyaz); }
.fbl-vilayet-mesafeleri div { display: flex; flex-direction: column; padding: 12px 18px; }
.fbl-vilayet-mesafeleri div + div { border-left: 1px solid var(--fbl-cizgi); }
.fbl-vilayet-mesafeleri dd { margin: 0; font-family: var(--fbl-f-sayi); font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1; color: var(--fbl-grafit); font-variant-numeric: tabular-nums; }
.fbl-vilayet-mesafeleri dt { margin-top: 6px; font-family: var(--fbl-f-baslik); font-size: 12.5px; font-weight: 600; color: var(--fbl-gri); }
.fbl-vilayet-ozetu { margin-top: var(--fbl-a4); }
.fbl-vilayet-ozetu summary { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--fbl-f-baslik); font-weight: 600; color: var(--fbl-grafit); cursor: pointer; }
/* Resmi hat kesitinden sonra gelen iki yan (küçük alet, marka × cihaz) nefes alsın. */
#resmi-hat + .fbl-kagit-kapak { margin-top: var(--fbl-bolum); }
.fbl-cift-soldaki > .fbl-kagit-fis > .fbl-fis-agzi + .fbl-aralik-betimleme { margin-top: calc(var(--fbl-a3) * -1); }
.fbl-cift-soldaki > .fbl-kagit-fis > p { max-width: 68ch; }
.fbl-cift-soldaki > .fbl-kagit-fis > .fbl-kagitlar--aygit { margin-top: var(--fbl-a2); }
.fbl-kagit-fis .fbl-sik-sorulan-dizgisi .fbl-sik-kagitlar { margin: 0; }

/* --- Hareket azaltma, yazdırma ------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
  .fbl-tepe-kagit, .fbl-taban-kagit, .fbl-kagit-cekmece, .fbl-kagit-cekmece-ortu, .fbl-kurabiye-kagidi, .fbl-sondaki-kagit-profil, .fbl-sorgu-kagit, .fbl-bolumcuk-serit { display: none !important; }
  .fbl-bolumcuk-kagidi[hidden] { display: block !important; }
  .fbl-seri-acilan-detay { display: block; }
  .fbl-sarmal-kagit > summary::after { display: none; }
}

/* ==========================================================================
   §40–§41 İL HARİTASI (il ve ilçeler: parcalar/harita.html + js/harita.js;
   SVG'ler araclar/harita_uret.py). Plaka dili: köşe 0, pahlı düğme ve
   seçici, 1 px çizgi, gölge yok; yakut YALNIZ üzerine gelinen, odaklanan
   ya da listeden vurgulanan ildedir/ilçededir.
   ========================================================================== */
/* --- §40 Kap ve üst satır: Bütün iller · il seçici · durum --------------- */
.fbl-vilayet-haritacik { margin: var(--fbl-a4) 0 var(--fbl-a6); border-top: 1px solid var(--fbl-cizgi); border-bottom: 1px solid var(--fbl-cizgi-ince); }
.fbl-vilayet-haritacik[hidden] { display: none; }
.fbl-vilayet-haritacik-agzi { display: flex; flex-wrap: wrap; align-items: end; gap: var(--fbl-a3) var(--fbl-a4); padding: var(--fbl-a3) 0; border-bottom: 1px solid var(--fbl-cizgi-ince); }
.fbl-vilayet-haritacik-geriye { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; background: var(--fbl-beyaz); color: var(--fbl-grafit); box-shadow: inset 0 0 0 1.5px var(--fbl-grafit); clip-path: var(--fbl-kose-dugme); font: 600 15px/1 var(--fbl-f-baslik); cursor: pointer; transition: background-color var(--fbl-sure) var(--fbl-egri), color var(--fbl-sure) var(--fbl-egri); }
.fbl-vilayet-haritacik-geriye[hidden] { display: none; }
.fbl-vilayet-haritacik-geriye svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; stroke-linejoin: miter; }
.fbl-vilayet-haritacik-geriye:hover { background: var(--fbl-grafit); color: var(--fbl-beyaz); }
.fbl-vilayet-haritacik-geriye:focus-visible, .fbl-vilayet-haritacik-vilayet-kutucugu:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--fbl-yakut); }
.fbl-vilayet-haritacik-vilayet { display: grid; gap: 6px; flex: 1 1 220px; min-width: 0; max-width: 320px; }
.fbl-vilayet-haritacik-vilayet label { font-family: var(--fbl-f-baslik); font-size: var(--fbl-y-etiket); font-weight: 600; color: var(--fbl-grafit); }
.fbl-vilayet-haritacik-vilayet-kutucugu { width: 100%; min-height: 44px; padding: 0 44px 0 12px; border: 0; box-shadow: inset 0 0 0 1.5px var(--fbl-cizgi-sert); clip-path: var(--fbl-kose-dugme); color: var(--fbl-metin); font: inherit; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--fbl-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='%2312161C' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.fbl-vilayet-haritacik-seviye { flex: 1 1 100%; margin: 0; color: var(--fbl-gri); font-size: var(--fbl-y-kucuk); font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .fbl-vilayet-haritacik-seviye { flex: 1 1 0; padding-bottom: 12px; text-align: right; } }

/* --- §41 Tuval ve ilçe yanı: ince sınırlı iller, yakut yalnız etkin alan --- */
.fbl-vilayet-haritacik-ic { display: grid; gap: var(--fbl-a4); padding-top: var(--fbl-a4); }
.fbl-vilayet-haritacik-kanvas { min-width: 0; transition: opacity var(--fbl-sure) var(--fbl-egri); }
.fbl-vilayet-haritacik-kanvas svg { display: block; width: 100%; height: auto; }
.fbl-vilayet-haritacik-mintika { fill: var(--fbl-celik-2); stroke: var(--fbl-beyaz); stroke-width: 0.9; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--fbl-sure) var(--fbl-egri); }
.fbl-kagit-profil--kum .fbl-vilayet-haritacik-mintika { fill: var(--fbl-beyaz); stroke: var(--fbl-cizgi); }
.fbl-vilayet-haritacik-mintika:hover, .fbl-vilayet-haritacik-mintika:focus, .fbl-vilayet-haritacik-mintika.fbl-vilayet-haritacik-mintika--vurgulu { fill: var(--fbl-yakut); outline: none; }
.fbl-vilayet-haritacik--bekle .fbl-vilayet-haritacik-kanvas { opacity: 0.4; cursor: progress; }
.fbl-vilayet-haritacik-yanal { min-width: 0; border-top: 1px solid var(--fbl-cizgi); }
.fbl-vilayet-haritacik-yanal[hidden] { display: none; }
.fbl-vilayet-haritacik-yanal-agzi { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--fbl-cizgi-ince); font-family: var(--fbl-f-baslik); font-size: 1.125rem; font-weight: 600; }
.fbl-vilayet-haritacik-yanal-agzi a { color: var(--fbl-grafit); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.fbl-vilayet-haritacik-yanal-agzi a:hover { text-decoration-color: var(--fbl-yakut); }
.fbl-vilayet-haritacik-ilceleri { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--fbl-oluk); }
.fbl-vilayet-haritacik-ilceleri li { break-inside: avoid; }
.fbl-vilayet-haritacik-ilceleri a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--fbl-cizgi-ince); color: var(--fbl-metin); text-decoration: none; }
.fbl-vilayet-haritacik-ilceleri a:hover, .fbl-vilayet-haritacik-ilceleri a:focus-visible { outline: none; color: var(--fbl-yakut); border-bottom-color: var(--fbl-yakut); }
@media (min-width: 1080px) {
  .fbl-vilayet-haritacik--vilayet-acik2 .fbl-vilayet-haritacik-ic { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .fbl-vilayet-haritacik--vilayet-acik2.fbl-vilayet-haritacik--ensiz .fbl-vilayet-haritacik-ic { grid-template-columns: minmax(0, 1fr) 240px; }
  .fbl-vilayet-haritacik-ilceleri { columns: 1; max-height: 480px; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .fbl-vilayet-haritacik-mintika, .fbl-vilayet-haritacik-kanvas, .fbl-vilayet-haritacik-geriye { transition: none; } }
@media print { .fbl-vilayet-haritacik { display: none !important; } }

/* Hap düğme: clip-path yerine kenar yarıçapı (kenar çizgisi uçlarında yay artefaktı olmasın). */