/* Otomatik üretilir (apps/site/scripts/belge-hazirla.mjs) — elle düzenlemeyin.
 * Sunucu tarafı yasal ve blog sayfalarının ortak stili. */
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-weight: 400 900;
  font-display: optional;
  src: url("/_site/assets/font/inter-tr-v7.woff2") format("woff2");
}
:root{/* --- Ölçekler (tema bağımsız) --- */
  --ef-lacivert-50: #eef3fb; --ef-lacivert-100: #dce5f4; --ef-lacivert-200: #b8c9e6; --ef-lacivert-300: #8ca6d3;
  --ef-lacivert-400: #5f80bd; --ef-lacivert-500: #3e5f9f; --ef-lacivert-600: #2b4882; --ef-lacivert-700: #1f3666;
  --ef-lacivert-800: #16284d; --ef-lacivert-900: #0f1d3a; --ef-lacivert-950: #0a1428;
  --ef-notr-0: #ffffff; --ef-notr-50: #f6f8fb; --ef-notr-100: #eef1f6; --ef-notr-200: #e1e6ee; --ef-notr-300: #cbd2de;
  --ef-notr-400: #98a2b3; --ef-notr-500: #6b7487; --ef-notr-600: #4f586a; --ef-notr-700: #353d4e; --ef-notr-800: #1f2635;
  --ef-notr-900: #121826; --ef-notr-950: #080c15;
  --ef-mavi-acik: #eaf1fc;

  /* Nötrler: hafif mavi eğilimli grafit skalası */
  --ef-bg: #f3f5f9;
  --ef-surface: #ffffff;
  --ef-raised: #ffffff;
  --ef-sunk: #edf0f5;
  --ef-hover: #e9edf4;
  --ef-ink: #0b1220;
  --ef-ink-2: #3b4457;
  /* ink-3/ink-4 metin olarak da kullanılır: zemin/yüzey/sunk üzerinde >= 4,5:1 (WCAG AA). */
  --ef-ink-3: #545e72;
  --ef-ink-4: #596377;
  --ef-line: #e3e7ef;
  --ef-line-strong: #cdd4e0;
  --ef-overlay: rgb(8 12 22 / 0.46);

  /* Vurgu: pirinç. Yalnız birincil eylem ve seçili durum. */
  --ef-brass: #895c12; /* brass-soft üzerinde de >= 4,5:1 */
  --ef-brass-strong: #7a520f;
  --ef-brass-soft: #f5ecd9;
  --ef-brass-ink: #ffffff;

  /* Lacivert: veri ve grafik ana serisi */
  --ef-navy: #1e3361;
  --ef-navy-soft: #e5ebf6;

  /* Birincil etkileşim rengi (açıkta lacivert, koyuda altın): düğme, segment, seçili sekme. */
  --ef-birincil: #0b1f3a;
  --ef-birincil-ust: #14305c;
  --ef-birincil-metin: #ffffff;

  /* Anlam renkleri */
  --ef-ok: #1b7a4b;
  --ef-ok-soft: #e1f2e8;
  --ef-warn: #9a5a00;
  --ef-warn-soft: #fbedd8;
  --ef-crit: #b42318;
  --ef-crit-soft: #fde6e3;
  --ef-info: #2753a3;
  --ef-info-soft: #e3ebf9;
  --ef-kritik-dolu: #c0262d; /* rozet zemini (beyaz metin 5,9:1) */
  --ef-mor: #6d3fc0;
  /* [Kontrast 2026-10-11] Dolu anlam zemini (bg-ok/crit/warn/info) üstündeki yazı/ikon: açıkta beyaz, koyuda (zeminler açık pastel) mürekkep. */
  --ef-anlam-metin: var(--ef-notr-0);
  /* Pastel ikon kutuları: zemin + ikon rengi (KPI, menü, boş durum) */
  --ef-ikon-yesil: #e3f5ea; --ef-ikon-yesil-on: #1b7a4b;
  --ef-ikon-mavi: #e4edfc; --ef-ikon-mavi-on: #2557b8;
  --ef-ikon-mor: #efe7fc; --ef-ikon-mor-on: #6d3fc0;
  --ef-ikon-altin: #fbf0d9; --ef-ikon-altin-on: #9a6a12;
  --ef-ikon-kirmizi: #fde8e5; --ef-ikon-kirmizi-on: #b42318;
  --ef-ikon-turuncu: #fdecd9; --ef-ikon-turuncu-on: #b2560b;

  --ef-shadow-sm: 0 1px 2px rgb(15 20 32 / 0.05), 0 1px 1px rgb(15 20 32 / 0.03);
  --ef-shadow-md: 0 1px 2px rgb(15 20 32 / 0.05), 0 8px 24px -8px rgb(15 20 32 / 0.14), 0 2px 6px -2px rgb(15 20 32 / 0.06);
  --ef-shadow-lg: 0 0 0 1px rgb(15 20 32 / 0.04), 0 32px 80px -24px rgb(10 14 26 / 0.34), 0 12px 24px -12px rgb(10 14 26 / 0.12);
  /* [Paket O ux-1] Açık temada odak halkası mavi; koyu tema eski altın formülünü aşağıdaki ek [data-theme="dark"] bloğundan alır. */
  --ef-focus: 0 0 0 1px color-mix(in srgb, #2f6fed 70%, transparent), 0 0 0 4px color-mix(in srgb, #2f6fed 26%, transparent);

  /* Grafik paleti: altın birincil, lacivert ikincil, yeşil/mor/kırmızı durum serileri (ECharts teması da bunları okur). */
  --ef-chart-1: #b8862b;
  --ef-chart-2: #1e3361;
  --ef-chart-3: #2e8f5e;
  --ef-chart-4: #6d4fc4;
  --ef-chart-5: #c2503c;

  /* ---- Premium katman (2026-10) — yalnız ekleme; eski token adları korunur ---- */
  /* [Paket O ux-1] Açık temada "gold" adlı vurgu token'ları mavi/lacivert ailesine eşlenir (#2f6fed · #12305e · #eef4ff).
     Ad korunur (bileşenler değişmez); koyu tema değerleri [data-theme="dark"] bloklarında aynen durur.
     gold-1 beyaz üzerinde 4,55:1, gold-3 (odak halkası) 7,3:1; gold-grad üzerindeki metin beyaz (gold-ink). */
  --ef-gold-1: #2f6fed;
  --ef-gold-2: #12305e;
  --ef-gold-3: #1f4fb8;
  /* [Site teması · 2026-10-10] Açık temada vurgu düğmesi sitenin birincil düğmesiyle aynı lacivert (--h-cta: #14305c → #0b1f3a). */
  --ef-gold-grad: linear-gradient(180deg, #14305c 0%, #0b1f3a 100%);
  --ef-gold-line: linear-gradient(90deg, transparent, #2f6fed 30%, #12305e 70%, transparent);
  --ef-gold-ink: #ffffff;
  --ef-glow: color-mix(in srgb, #2f6fed 22%, transparent);
  --ef-ink-deep: #0a0f1b;
  --ef-ink-deep-2: #121a2c;
  --ef-deep-grad: radial-gradient(120% 140% at 100% 0%, #1b2640 0%, #0f1627 46%, #0a0f1b 100%);
  --ef-surface-grad: linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%);
  --ef-raised-grad: linear-gradient(180deg, #ffffff 0%, #f9fafc 100%);
  --ef-hl: inset 0 1px 0 rgb(255 255 255 / 0.9);
  --ef-shadow-card: 0 0 0 1px rgb(15 20 32 / 0.015), 0 1px 2px rgb(15 20 32 / 0.04), 0 6px 16px -8px rgb(15 20 32 / 0.08);
  --ef-shadow-card-hover: 0 1px 2px rgb(15 20 32 / 0.05), 0 18px 40px -16px rgb(15 20 32 / 0.2), 0 4px 10px -4px rgb(15 20 32 / 0.06);
  --ef-shadow-gold: 0 1px 0 rgb(255 255 255 / 0.22) inset, 0 -1px 0 rgb(8 20 48 / 0.22) inset, 0 6px 16px -8px color-mix(in srgb, #12305e 45%, transparent), 0 1px 2px rgb(8 20 48 / 0.18);
  --ef-row-hover: color-mix(in srgb, var(--ef-lacivert-500) 5%, var(--ef-surface));
  --ef-topbar: var(--ef-bg);
  --ef-side-bg: linear-gradient(180deg, #0d1730 0%, #0a1226 55%, #080f1f 100%);
  --ef-side-dip: #080f1f; /* --ef-side-bg gradyanının dip rengi (yan menünün altındaki kolon) */
  --ef-side-edge: rgb(255 255 255 / 0.06);
  --ef-grid-line: color-mix(in srgb, var(--ef-ink) 5%, transparent);
  --ef-focus-ring: var(--ef-gold-3); /* beyaz/zemin üzerinde >= 3:1 */

  /* --- Anlamsal takma adlar (yeni bileşenler bunları kullanır) --- */
  --ef-zemin: var(--ef-bg);
  --ef-yuzey-1: var(--ef-surface);
  --ef-yuzey-2: var(--ef-raised);
  --ef-yuzey-3: var(--ef-hover);
  --ef-girinti: var(--ef-sunk);
  --ef-cizgi: var(--ef-line);
  --ef-cizgi-guclu: var(--ef-line-strong);
  --ef-altin-1: var(--ef-gold-1); --ef-altin-2: var(--ef-gold-2); --ef-altin-3: var(--ef-gold-3);
  /* Gölge 4 seviye: çok katmanlı yumuşak; koyuda iç kenar ışığı (--ef-hl) eklenir. */
  --ef-golge-1: 0 1px 2px rgb(15 23 42 / .05), 0 1px 1px rgb(15 23 42 / .03);
  --ef-golge-2: 0 0 0 1px rgb(15 23 42 / .02), 0 1px 2px rgb(15 23 42 / .04), 0 6px 18px -8px rgb(15 23 42 / .10);
  --ef-golge-3: 0 1px 2px rgb(15 23 42 / .05), 0 12px 32px -12px rgb(15 23 42 / .18), 0 4px 10px -4px rgb(15 23 42 / .06);
  --ef-golge-4: 0 0 0 1px rgb(15 23 42 / .04), 0 32px 80px -24px rgb(10 14 26 / .34), 0 12px 24px -12px rgb(10 14 26 / .12);
  /* Yarıçap 8/12/16/20; boşluk 4'ün katları (Tailwind aralık ölçeğiyle aynı). */
  --ef-yaricap-1: 8px; --ef-yaricap-2: 12px; --ef-yaricap-3: 16px; --ef-yaricap-4: 20px;
  --ef-bosluk-1: 4px; --ef-bosluk-2: 8px; --ef-bosluk-3: 12px; --ef-bosluk-4: 16px; --ef-bosluk-6: 24px; --ef-bosluk-8: 32px;
  color-scheme: light;}
[data-theme="dark"]{--ef-bg: #070b14;
  --ef-surface: #0d1321;
  --ef-raised: #111a2b;
  --ef-sunk: #0a0f1b;
  --ef-hover: #16203a;
  --ef-ink: #eef2f8;
  --ef-ink-2: #b6bfd0;
  --ef-ink-3: #8f9ab0;
  --ef-ink-4: #8a94aa;
  --ef-line: #1a2336;
  --ef-line-strong: #28334b;
  --ef-overlay: rgb(2 4 10 / 0.66);

  --ef-brass: #e6be6a;
  --ef-brass-strong: #efcb80;
  --ef-brass-soft: #251d0f;
  --ef-brass-ink: #1a1306;

  --ef-navy: #9ab2e4;
  --ef-navy-soft: #131d33;

  --ef-birincil: #e3b75c;
  --ef-birincil-ust: #edc674;
  --ef-birincil-metin: #1d1404;

  --ef-ok: #5cc590;
  --ef-ok-soft: #10261c;
  --ef-warn: #e6a54b;
  --ef-warn-soft: #2d2111;
  --ef-crit: #f37a6e;
  --ef-crit-soft: #2e1216;
  --ef-info: #8aaaf0;
  --ef-info-soft: #152039;
  --ef-kritik-dolu: #c0262d;
  --ef-mor: #b297f0;
  --ef-anlam-metin: var(--ef-ink-deep);
  --ef-ikon-yesil: #0f2a22; --ef-ikon-yesil-on: #5cd69a;
  --ef-ikon-mavi: #10213f; --ef-ikon-mavi-on: #7ea6f5;
  --ef-ikon-mor: #1f1840; --ef-ikon-mor-on: #b297f0;
  --ef-ikon-altin: #2a2110; --ef-ikon-altin-on: #edc674;
  --ef-ikon-kirmizi: #33161a; --ef-ikon-kirmizi-on: #f37a6e;
  --ef-ikon-turuncu: #2e1d0f; --ef-ikon-turuncu-on: #f0a35c;

  --ef-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.45);
  --ef-shadow-md: 0 0 0 1px rgb(255 255 255 / 0.03), 0 10px 28px -8px rgb(0 0 0 / 0.7), 0 2px 6px rgb(0 0 0 / 0.4);
  --ef-shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.04), 0 36px 90px -20px rgb(0 0 0 / 0.85), 0 12px 28px -12px rgb(0 0 0 / 0.6);

  --ef-chart-1: #e3b75c;
  --ef-chart-2: #7ea6f5;
  --ef-chart-3: #5cc590;
  --ef-chart-4: #b297f0;
  --ef-chart-5: #f08a7a;

  --ef-gold-1: #edd08c;
  --ef-gold-2: #c4943a;
  --ef-gold-3: #e2b964;
  --ef-glow: color-mix(in srgb, var(--ef-gold-1) 30%, transparent);
  --ef-surface-grad: linear-gradient(180deg, #111829 0%, #0d1321 100%);
  --ef-raised-grad: linear-gradient(180deg, #162034 0%, #111a2b 100%);
  --ef-hl: inset 0 1px 0 rgb(255 255 255 / 0.045);
  --ef-shadow-card: 0 0 0 1px rgb(0 0 0 / 0.2), 0 1px 2px rgb(0 0 0 / 0.5), 0 12px 28px -16px rgb(0 0 0 / 0.8);
  --ef-shadow-card-hover: 0 0 0 1px rgb(0 0 0 / 0.2), 0 22px 48px -18px rgb(0 0 0 / 0.9), 0 0 0 1px color-mix(in srgb, var(--ef-gold-1) 10%, transparent);
  --ef-shadow-gold: 0 1px 0 rgb(255 255 255 / 0.4) inset, 0 -1px 0 rgb(80 50 0 / 0.25) inset, 0 8px 22px -8px color-mix(in srgb, var(--ef-gold-1) 45%, transparent), 0 1px 2px rgb(0 0 0 / 0.5);
  --ef-row-hover: color-mix(in srgb, var(--ef-gold-1) 4%, var(--ef-surface));
  --ef-grid-line: color-mix(in srgb, var(--ef-ink) 6%, transparent);
  --ef-focus-ring: var(--ef-gold-1);
  --ef-golge-1: 0 1px 2px rgb(0 0 0 / .45);
  --ef-golge-2: inset 0 1px 0 rgb(255 255 255 / .04), 0 1px 2px rgb(0 0 0 / .45), 0 12px 28px -16px rgb(0 0 0 / .8);
  --ef-golge-3: inset 0 1px 0 rgb(255 255 255 / .05), 0 22px 48px -18px rgb(0 0 0 / .9), 0 2px 6px rgb(0 0 0 / .4);
  --ef-golge-4: inset 0 1px 0 rgb(255 255 255 / .05), 0 36px 90px -20px rgb(0 0 0 / .85), 0 12px 28px -12px rgb(0 0 0 / .6);
  /* [Paket O ux-1] Kök ya da iç içe koyu bant/yan menü: :root'ta artık mavi olan altın türev token'ları eski formülleriyle geri
     kurulur (kök koyu temada hesaplanan değerler önceki sürümle birebir aynı). Odak halkası düz alfa değerle yazılır:
     #c4943ab3 = color-mix(gold-2 70%), #edd08c57 = color-mix(gold-1 34%); var()'lı color-mix @supports yedeği üretir
     (konsol ilk yük CSS bütçesi). */
  --ef-gold-grad: linear-gradient(135deg, #f1d79c 0%, var(--ef-gold-1) 28%, var(--ef-gold-2) 100%);
  --ef-gold-line: linear-gradient(90deg, transparent, var(--ef-gold-1) 30%, var(--ef-gold-2) 70%, transparent);
  --ef-gold-ink: #1d1404;
  --ef-focus: 0 0 0 1px #c4943ab3, 0 0 0 4px #edd08c57;
  --ef-altin-1: var(--ef-gold-1); --ef-altin-2: var(--ef-gold-2); --ef-altin-3: var(--ef-gold-3);
  color-scheme: dark;}
/* Üst band tabanı (Tailwind preflight + base.css; yalnız .ef-ust alt ağacı) */
:where(.ef-ust, .ef-ust *),
:where(.ef-ust, .ef-ust *)::after,
:where(.ef-ust, .ef-ust *)::before,
:where(.ef-ust, .ef-ust *)::backdrop,
:where(.ef-ust, .ef-ust *)::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}

.ef-ust {
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
}

:where(.ef-ust) :where(hr) {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

:where(.ef-ust) :where(abbr:where([title])) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

:where(.ef-ust) :where(h1),
:where(.ef-ust) :where(h2),
:where(.ef-ust) :where(h3),
:where(.ef-ust) :where(h4),
:where(.ef-ust) :where(h5),
:where(.ef-ust) :where(h6) {
  font-size: inherit;
  font-weight: inherit;
}

:where(.ef-ust) :where(a) {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

:where(.ef-ust) :where(b),
:where(.ef-ust) :where(strong) {
  font-weight: bolder;
}

:where(.ef-ust) :where(code),
:where(.ef-ust) :where(kbd),
:where(.ef-ust) :where(samp),
:where(.ef-ust) :where(pre) {
  font-size: 1em;
}

:where(.ef-ust) :where(small) {
  font-size: 80%;
}

:where(.ef-ust) :where(sub),
:where(.ef-ust) :where(sup) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

:where(.ef-ust) :where(sub) {
  bottom: -0.25em;
}

:where(.ef-ust) :where(sup) {
  top: -0.5em;
}

:where(.ef-ust) :where(table) {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

:where(.ef-ust) :where(:-moz-focusring:where(:not(iframe))) {
  outline: auto;
}

:where(.ef-ust) :where(progress) {
  vertical-align: baseline;
}

:where(.ef-ust) :where(summary) {
  display: list-item;
}

:where(.ef-ust) :where(ol),
:where(.ef-ust) :where(ul),
:where(.ef-ust) :where(menu) {
  list-style: none;
}

:where(.ef-ust) :where(img),
:where(.ef-ust) :where(svg),
:where(.ef-ust) :where(video),
:where(.ef-ust) :where(canvas),
:where(.ef-ust) :where(audio),
:where(.ef-ust) :where(iframe),
:where(.ef-ust) :where(embed),
:where(.ef-ust) :where(object) {
  display: block;
  vertical-align: middle;
}

:where(.ef-ust) :where(img),
:where(.ef-ust) :where(video) {
  max-width: 100%;
  height: auto;
}

:where(.ef-ust) :where(button),
:where(.ef-ust) :where(input),
:where(.ef-ust) :where(select),
:where(.ef-ust) :where(optgroup),
:where(.ef-ust) :where(textarea),
:where(.ef-ust, .ef-ust *)::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}

:where(.ef-ust) :where(:where(select:is([multiple], [size])) optgroup) {
  font-weight: bolder;
}

:where(.ef-ust) :where(:where(select:is([multiple], [size])) optgroup option) {
  padding-inline-start: 20px;
}

:where(.ef-ust, .ef-ust *)::file-selector-button {
  margin-inline-end: 4px;
}

:where(.ef-ust, .ef-ust *)::placeholder {
  opacity: 1;
}

@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or
  (contain-intrinsic-size: 1px) /* Safari 17+ */ {
  :where(.ef-ust, .ef-ust *)::placeholder {
    color: color-mix(in oklab, currentcolor 50%, transparent);
  }
}

:where(.ef-ust) :where(textarea) {
  resize: vertical;
}

:where(.ef-ust, .ef-ust *)::-webkit-search-decoration {
  -webkit-appearance: none;
}

:where(.ef-ust, .ef-ust *)::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}

:where(.ef-ust, .ef-ust *)::-webkit-datetime-edit {
  display: inline-flex;
}

:where(.ef-ust, .ef-ust *)::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

:where(.ef-ust, .ef-ust *)::-webkit-datetime-edit,
:where(.ef-ust, .ef-ust *)::-webkit-datetime-edit-year-field,
:where(.ef-ust, .ef-ust *)::-webkit-datetime-edit-month-field,
:where(.ef-ust, .ef-ust *)::-webkit-datetime-edit-day-field,
:where(.ef-ust, .ef-ust *)::-webkit-datetime-edit-hour-field,
:where(.ef-ust, .ef-ust *)::-webkit-datetime-edit-minute-field,
:where(.ef-ust, .ef-ust *)::-webkit-datetime-edit-second-field,
:where(.ef-ust, .ef-ust *)::-webkit-datetime-edit-millisecond-field,
:where(.ef-ust, .ef-ust *)::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}

:where(.ef-ust, .ef-ust *)::-webkit-calendar-picker-indicator {
  line-height: 1;
}

:where(.ef-ust) :where(:-moz-ui-invalid) {
  box-shadow: none;
}

:where(.ef-ust) :where(button),
:where(.ef-ust) :where(input:where([type='button'], [type='reset'], [type='submit'])),
:where(.ef-ust, .ef-ust *)::file-selector-button {
  appearance: button;
}

:where(.ef-ust, .ef-ust *)::-webkit-inner-spin-button,
:where(.ef-ust, .ef-ust *)::-webkit-outer-spin-button {
  height: auto;
}

:where(.ef-ust) :where([hidden]:where(:not([hidden='until-found']))) {
  display: none !important;
}
.ef-ust { font-feature-settings: "cv11" 1, "ss03" 1; font-optical-sizing: auto; }
/*
 * Site kabuğu — "Gece Paftası": premium token'lar, üst menü, davet bandı,
 * altbilgi. Hem Astro sayfaları (site.css üzerinden) hem sunucu tarafı
 * yasal/blog sayfaları (belge.css içine kopyalanır) bu dosyayı kullanır.
 * Tailwind sınıfı yok; düz CSS ve site-özel --p-* token'ları.
 * Ortak paket (@ef/ui) token'ları okunur ama değiştirilmez.
 */
/* ÜRETİLDİ — elle düzenlemeyin (node web/apps/site/scripts/ikon-uret.mjs). Mega menü ikonları: CSS mask, currentColor, 20 px, çizgi 1,75.
 * Her ikon öğede tek <span class="mi mi-ad" aria-hidden="true">; SVG DOM düğümü yok. */
.mi { display: inline-block; flex: none; width: 20px; height: 20px; background-color: currentColor;
  -webkit-mask: var(--mi) center / contain no-repeat; mask: var(--mi) center / contain no-repeat; }
.mi-akis { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='8' x='3' y='3' rx='2'/%3E%3Cpath d='M7 11v4a2 2 0 0 0 2 2h4'/%3E%3Crect width='8' height='8' x='13' y='13' rx='2'/%3E%3C/svg%3E"); }
.mi-ara { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E"); }
.mi-ay { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/svg%3E"); }
.mi-belge { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3C/svg%3E"); }
.mi-belge-onay { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='m9 15 2 2 4-4'/%3E%3C/svg%3E"); }
.mi-bina { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12h4'/%3E%3Cpath d='M10 8h4'/%3E%3Cpath d='M14 21v-3a2 2 0 0 0-4 0v3'/%3E%3Cpath d='M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16'/%3E%3C/svg%3E"); }
.mi-cubuk-grafik { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21v-6'/%3E%3Cpath d='M12 21V3'/%3E%3Cpath d='M19 21V9'/%3E%3C/svg%3E"); }
.mi-destek { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E"); }
.mi-ev { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E"); }
.mi-gecmis { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3Cpath d='M12 7v5l4 2'/%3E%3C/svg%3E"); }
.mi-gunes { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 20v2'/%3E%3Cpath d='m4.93 4.93 1.41 1.41'/%3E%3Cpath d='m17.66 17.66 1.41 1.41'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='M20 12h2'/%3E%3Cpath d='m6.34 17.66-1.41 1.41'/%3E%3Cpath d='m19.07 4.93-1.41 1.41'/%3E%3C/svg%3E"); }
.mi-harita { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z'/%3E%3Cpath d='M15 5.764v15'/%3E%3Cpath d='M9 3.236v15'/%3E%3C/svg%3E"); }
.mi-hedef { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E"); }
.mi-hesap-makinesi { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2' width='14' height='20' rx='2'/%3E%3Cpath d='M8 6h8'/%3E%3Cpath d='M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M8 18h.01M12 18h.01'/%3E%3Cpath d='M16 14v4'/%3E%3C/svg%3E"); }
.mi-imar { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M10 10v11'/%3E%3Cpath d='M14 14h4v4h-4Z'/%3E%3C/svg%3E"); }
.mi-izgara { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E"); }
.mi-kalkan { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E"); }
.mi-kanit { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.mi-kart { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cline x1='2' x2='22' y1='10' y2='10'/%3E%3Cpath d='M6 14h2'/%3E%3C/svg%3E"); }
.mi-katman { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E%3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E%3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/svg%3E"); }
.mi-kitap { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v16'/%3E%3Cpath d='M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z'/%3E%3C/svg%3E"); }
.mi-kivilcim { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z'/%3E%3Cpath d='M20 2v4'/%3E%3Cpath d='M22 4h-4'/%3E%3Ccircle cx='4' cy='20' r='2'/%3E%3C/svg%3E"); }
.mi-konum { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.mi-kurum { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 18v-7'/%3E%3Cpath d='M11.119 2.205a2 2 0 0 1 1.762 0l7.84 3.846A.5.5 0 0 1 20.5 7h-17a.5.5 0 0 1-.22-.949z'/%3E%3Cpath d='M14 18v-7'/%3E%3Cpath d='M18 18v-7'/%3E%3Cpath d='M3 22h18'/%3E%3Cpath d='M6 18v-7'/%3E%3C/svg%3E"); }
.mi-muhur { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='10' r='6'/%3E%3Cpath d='M9 15.5 8 22l4-2 4 2-1-6.5'/%3E%3Cpath d='m9.5 10 1.8 1.8 3.2-3.3'/%3E%3C/svg%3E"); }
.mi-nabiz { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2'/%3E%3C/svg%3E"); }
.mi-onay { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
.mi-oynat { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'/%3E%3C/svg%3E"); }
.mi-paket { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'/%3E%3Cpath d='M12 22V12'/%3E%3Cpolyline points='3.29 7 12 12 20.71 7'/%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3C/svg%3E"); }
.mi-para { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/svg%3E"); }
.mi-parsel { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 8 6-3-6-3v10'/%3E%3Cpath d='m8 11.99-5.5 3.14a1 1 0 0 0 0 1.74l8.5 4.86a2 2 0 0 0 2 0l8.5-4.86a1 1 0 0 0 0-1.74L16 12'/%3E%3Cpath d='m6.49 12.85 11.02 6.3'/%3E%3Cpath d='M17.51 12.85 6.5 19.15'/%3E%3C/svg%3E"); }
.mi-parsel-pin { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l9-4 9 4-9 4-9-4Z'/%3E%3Cpath d='M12 14s-4.5-3.8-4.5-7.5a4.5 4.5 0 0 1 9 0C16.5 10.2 12 14 12 14Z'/%3E%3Ccircle cx='12' cy='6.5' r='1.5'/%3E%3C/svg%3E"); }
.mi-rapor { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E"); }
.mi-takvim-bina { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='12' height='12' rx='2'/%3E%3Cpath d='M3 9h12M7 3v4M11 3v4'/%3E%3Cpath d='M17 21V11h4v10'/%3E%3Cpath d='M2 21h20'/%3E%3C/svg%3E"); }
.mi-tapu-belgesi { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 9h3'/%3E%3Cpath d='M8 13h8'/%3E%3Ccircle cx='15' cy='17' r='2'/%3E%3C/svg%3E"); }
.mi-tarla { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 22 16 8'/%3E%3Cpath d='M3.47 12.53 5 11l1.53 1.53a3.5 3.5 0 0 1 0 4.94L5 19l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z'/%3E%3Cpath d='M7.47 8.53 9 7l1.53 1.53a3.5 3.5 0 0 1 0 4.94L9 15l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z'/%3E%3Cpath d='M11.47 4.53 13 3l1.53 1.53a3.5 3.5 0 0 1 0 4.94L13 11l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z'/%3E%3Cpath d='M20 2h2v2a4 4 0 0 1-4 4h-2V6a4 4 0 0 1 4-4Z'/%3E%3Cpath d='M11.47 17.47 13 19l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L5 19l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z'/%3E%3Cpath d='M15.47 13.47 17 15l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L9 15l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z'/%3E%3Cpath d='M19.47 9.47 21 11l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L13 11l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z'/%3E%3C/svg%3E"); }
.mi-terazi { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M7 21h10'/%3E%3Cpath d='M5 7h14'/%3E%3Cpath d='m5 7-3 7a3 3 0 0 0 6 0Z'/%3E%3Cpath d='m19 7-3 7a3 3 0 0 0 6 0Z'/%3E%3C/svg%3E"); }
.mi-trend { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/svg%3E"); }
.mi-yardim { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.93 4.93 4.24 4.24'/%3E%3Cpath d='m14.83 9.17 4.24-4.24'/%3E%3Cpath d='m14.83 14.83 4.24 4.24'/%3E%3Cpath d='m9.17 14.83-4.24 4.24'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E"); }
:root {
  --ef-font-display: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ef-font-sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ef-font-mono: "Inter Variable", "Inter", ui-sans-serif, system-ui, sans-serif;
  --ef-kap: 1240px;
  --ef-kenar: 32px;
  --ef-ust-h: 72px;
  /* [Premium turu 2026-10-12] Yazı ölçeği (tek kaynak; tam piksel): küçük 12/13/14 · gövde 15/16/18 · başlık h3/h2/h1 akışkan. Yarım piksel yok
   * (eski x,5 px boyutlar çifte yuvarlandı: 12,5→12 · 13,5/14,5→14 · 15,5/16,5→16 · 17,5→18). Kapı: test/site-hex-token-contracts.js. */
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 14px; --fs-base: 15px; --fs-lg: 16px; --fs-xl: 18px;
  --fs-lede: clamp(16px, 1.35vw, 19px); --fs-h3: clamp(20px, 1.67vw, 24px); --fs-h2: clamp(30px, 3.34vw, 48px); --fs-h1: clamp(40px, 5.6vw, 80px);

  /* Gece (koyu bölümler) */
  --p-gece-0: #06080c;
  --p-gece-1: #0a0e16;
  --p-gece-2: #0d1320;
  --p-gece-3: #131a2a;

  --p-gece-ink: #f4f6fa;
  --p-gece-ink-2: #b7bfcd;
  --p-gece-ink-3: #8a93a5; /* [Q] #7d8698 açık koyu yüzeylerde (kart, cam) 4,5:1 altına düşüyordu */
  --p-gece-cizgi: rgb(255 255 255 / 0.08);
  --p-gece-cizgi-2: rgb(255 255 255 / 0.14);
  /* [Tema 2026-10-06] --p-gece-* "derin yüzey" token'larıdır: koyu temada gece paleti (yukarıdaki değerler); açık temada derin-yüzey
   * kapsamları (.ef-ust, .ef-alt, .p-koyu, .p-kahraman, .p-kapanis, .ef-belge-bant, .cb) --p-gun-* gün paletine eşlenir (aşağıda).
   * Her iki temada koyu kalan "adalar" (.p-gece-ada ve listedeki vurgu kartları) sabit --gece-* değerlerine döner.
   * Aşağıdaki ek token'lar da aynı kapsamda temaya göre değişir; koyu varsayılanları burada. */
  --p-gece-beyaz: #fff;                                   /* en güçlü mürekkep (başlık, rakam) */
  --p-gece-cam: rgb(8 11 18 / 0.92);                      /* opak/cam yüzey (başlık çubuğu, konsol kartı, çip) */
  --p-gece-cam-2: rgb(8 11 18 / 0.96);                    /* masaüstü kaydırılmış başlık (bulanıklık YOK: kaydırma akıcılığı; altındaki yazı sızmasın diye cam'dan opak) */
  --p-gece-kart: linear-gradient(180deg, rgb(255 255 255 / 0.045), rgb(255 255 255 / 0.015));
  --p-gece-girdi: rgb(0 0 0 / 0.38);                      /* form girdisi zemini */
  --p-gece-cukur: rgb(0 0 0 / 0.3);                       /* gömük alan (sekme/segment zemini, sonuç kutusu) */
  --p-gece-golge: 0 40px 80px -30px rgb(0 0 0 / 0.9);
  --p-gece-golge-2: 0 10px 40px -20px rgb(0 0 0 / 0.8);
  --p-gece-golge-renk: rgb(0 0 0 / 0.55);
  --p-gece-zemin-grad: radial-gradient(90% 70% at 70% 30%, #0f1828 0%, #0a0f19 45%, #06080c 80%);
  --p-gece-sema: dark;
  --p-gorsel-op: 1;                                       /* kahraman/kapanış fotoğrafı opaklık çarpanı */
  --p-isik-a: 0.22; --p-isik-b: 0.06; --p-isik-m: 0.24;   /* ışık küresi alfaları (altın iç/dış, mavi) */
  --p-altin-metin: #e9c77b;                               /* metin/ikon olarak altın (açıkta koyu altın) */
  --p-altin-yazi-grad: linear-gradient(135deg, #f7e2ad 0%, #e9c77b 38%, #c99a45 70%, #b8862b 100%);
  --p-girdi-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e9c77b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --p-hata-metin: #ffb4ab; --p-uyari-metin: #f6d9a8;
  --p-gece-h0: #161e2e; --p-gece-h1: #2a2e33; --p-gece-h2: #4a4230; --p-gece-h3: #75602f; --p-gece-h4: #a8843a; --p-gece-h5: #d7ab55; --p-gece-h6: #f2d58f; /* koroplet kovaları */

  /* Sabit gece paleti (adalar için; asla temaya göre değişmez) */
  --gece-0: #06080c; --gece-1: #0a0e16; --gece-2: #0d1320; --gece-3: #131a2a; --gece-4: #1a2236;
  --gece-ink: #f4f6fa; --gece-ink-2: #b7bfcd; --gece-ink-3: #8a93a5; --gece-cizgi: rgb(255 255 255 / 0.08); --gece-cizgi-2: rgb(255 255 255 / 0.14);

  /* Gün paleti (açık temada derin yüzeyler) [Açık tema 2026-10-07 · lacivert]: beyaz gövde, #f7f9fc alternatif bölüm, #f1f4f9 çukur;
   * soğuk gri nötrler (mürekkep #0f172a / #475569 / #5f6c80: beyazda 5,33:1, #f5f8fd açık mavi yüzeyde 5,0:1), 1 px #e6ebf2 kenar.
   * Birincil = LACİVERT (@ef/ui --ef-birincil kararı: açıkta lacivert, koyuda altın); vurgu mavi ölçülü; altın yalnız küçük noktalarda. */
  --gun-0: #f7f9fc; --gun-1: #ffffff; --gun-2: #ffffff; --gun-3: #f7f9fc; --gun-4: #f1f4f9;
  --gun-ink: #0f172a; --gun-ink-2: #475569; --gun-ink-3: #5f6c80; --gun-cizgi: #e6ebf2; --gun-cizgi-2: #d8dfe9;
  --gun-ayrac: #e9edf3;                                   /* bölüm ayracı (1 px) */
  --gun-golge-kart: 0 1px 2px rgb(15 23 42 / 0.05), 0 12px 32px -12px rgb(18 48 94 / 0.14); /* [Site premium 2026-10-17] #f7f9fc zeminde beyaz kartı kaldırır */
  --gun-golge-kart-2: 0 1px 2px rgb(15 23 42 / 0.06), 0 24px 48px -20px rgb(18 48 94 / 0.22);
  --gun-lacivert: #0b1f3a; --gun-lacivert-2: #12305e; --gun-lacivert-3: #1c4380; /* birincil yüzey / düğme */
  --gun-mavi: #2f6fed;                                    /* vurgu (dekor, odak halkası, çubuk); metin olarak yalnız büyük yazı */
  --gun-mavi-metin: #1f56c4;                              /* mavi metin/ikon/bağlantı: beyazda 6,3:1, #eef4ff'de 5,97:1 */
  --gun-mavi-yuzey: #eef4ff; --gun-mavi-yuzey-2: #f5f8fd; --gun-mavi-cizgi: #dce7f7;
  --gun-vurgu-yazi-grad: linear-gradient(100deg, #12305e 0%, #1f56c4 62%, #2f6fed 100%); /* başlık vurgusu (büyük yazı; açık uç 4,55:1) */
  --gun-birincil-grad: linear-gradient(180deg, #1c4380 0%, #12305e 55%, #0b1f3a 100%); /* birincil düğme/rozet: beyaz yazı ≥ 13:1 */
  --gun-golge-birincil: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 1px 2px rgb(11 31 58 / 0.18), 0 8px 20px -8px rgb(18 48 94 / 0.55);
  --gun-golge-birincil-2: inset 0 1px 0 rgb(255 255 255 / 0.2), 0 1px 2px rgb(11 31 58 / 0.2), 0 12px 26px -8px rgb(18 48 94 / 0.6);
  --gun-altin: #c9972f;                                   /* yalnız küçük vurgu (nokta, ince çizgi, parsel köşesi); metin değil */
  --gun-altin-metin: #8f6310;                             /* düz altın metin (nadiren): beyazda 5,30:1 */



  /* Şampanya altını */

  --p-altin: #e9c77b;

  --p-altin-3: #b8862b;

  --p-altin-grad: linear-gradient(135deg, #f7e2ad 0%, #e9c77b 38%, #c99a45 70%, #b8862b 100%);
  --p-altin-cizgi: rgb(233 199 123 / 0.34);
  --p-altin-isik: rgb(233 199 123 / 0.16);
  --p-altin-ustu: #1a1205;                                /* --p-altin-grad / --p-altin zemin üstündeki yazı (açık temada beyaz: zemin lacivert) */

  --p-gren: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --p-yumusak: cubic-bezier(.2, .7, .2, 1);
}
/* [Premium turu 2026-10-12] Sabit palet: iki temada AYNI kalan bileşen renkleri. Site bileşen kuralları sabit hex yazmaz, bu adları okur
 * (kapı: test/site-hex-token-contracts.js). Kullanılmayan token kritik CSS'ten budanır (kritik-css.mjs), ilk boyamaya yük bindirmez. */
:root {
  --gece-dip: #070a10; --gece-ada: #0c111b; --gece-ada-isik: #1c2539; --gece-kapak: #111a2b; --gece-kapak-2: #121a2b; /* koyu ada/kapak degradeleri */
  --gece-urun: #0b101a; --gece-urun-isik: #1b2438; --gece-urun-acik-1: #1d2638; --gece-urun-acik-2: #121826; --gece-urun-acik-3: #0d121c;
  --gece-dugme: #0a0f1c; --gece-dugme-2: #151c2e;
  --gece-ink-cam: #a0a8b9; --gece-ink-ipucu: #9aa3b5;
  --gece-altin: #e9c77b; --gece-altin-acik: #f7e2ad; --gece-harita-vurgu: #fff3d0;
  --gece-mavi: #7aa2ff; --gece-yesil: #5fd39c;
  --gun-mavi-2: #2f5bc4; --gun-kapanis-isik: #eaf1fd; --gun-urun-2: #eef2f7; --gun-urun-3: #e4e9f0; --gun-urun-cizgi: #dde2ea;
  --gun-ikon-altin: #93660f; --gun-ikon-yuzey: #fbf3e1; --gun-ikon-yuzey-2: #f6ead0; --gun-ikon-cizgi: #ecd9ae;
  /* durum: nokta/şerit dolguları ve iki temanın metin tonları (açıkta ≥ 4,5:1 koyu, koyuda açık) */
  --durum-ok: #1baf7a; --durum-uyari: #e0a020; --durum-kritik: #e0603a; --durum-uyari-nokta: #f0b45a; --canli-nokta: #48d597; --hata-cizgi: #f37a6e;
  --gun-ok-metin: #1f7a50; --gun-kritik-metin: #b3261e; --gun-uyari-metin: #8a5a00;
  --gun-uyari-zemin: #fffbf2; --gun-uyari-yazi: #6b4a0a; --gun-uyari-nokta: #d4932b;
  --gece-ok-metin: #8fe3b8; --gece-kritik-metin: #ffb4ab; --gece-uyari-metin: #f4d58d;
  /* bakım şeridi ve tarayıcı maketi (her iki temada koyu) */
  --ag-zemin: #3a2c0b; --ag-ink: #fbe8b6; --ag-cizgi: #8a6a1f; --ag-ok-zemin: #0f3323; --ag-ok-ink: #c9f2dc; /* ağ durumu bandı (Taban.astro) */
  --bakim-zemin: #11161f; --bakim-ink: #eef1f6; --bakim-ink-2: #b9c0cd;
  --maket-zemin: #0d1119; --maket-ust: #171c27; --maket-ust-2: #121722; --maket-nokta: #3a4150; --maket-kirmizi: #e8695c; --maket-sari: #e6b350; --maket-yesil: #5fbf6e; --maket-ink: #8d96a8;
}

/* ---------------------------------------------------------------- [Ana sayfa kahraman 2026-10-09] Kahraman ve üst menü token'ları
 * İki tema AYRI kalibre (--h-* arayüz, --hz-* izometrik sahne): koyu = gece laciverti + şampanya altını (varsayılan tema), açık = beyaz/çok açık mavi + lacivert +
 * canlı mavi, altın yalnız küçük vurgu. Bileşen CSS'i (hero.css, kabuk.css) yalnız bu token'ları okur; sabit renk yazılmaz. */
:root {
  --h-zemin: radial-gradient(70% 80% at 78% 28%, #14294d 0%, rgb(20 41 77 / 0) 64%), radial-gradient(48% 56% at 0% 0%, #0f2040 0%, rgb(15 32 64 / 0) 70%), #08111f;
  --h-ust-zemin: rgb(8 15 29 / 0.92); --h-cizgi: rgb(255 255 255 / 0.10); --h-cizgi-2: rgb(255 255 255 / 0.18);
  --h-ink: #f4f7fc; --h-ink-2: #b8c3d6; --h-ink-3: #8f9bb0;
  --h-mavi: #5b8def; --h-mavi-metin: #8eb4ff; --h-mavi-yuzey: rgb(91 141 239 / 0.14); --h-mavi-yuzey-2: rgb(91 141 239 / 0.07); --h-mavi-cizgi: rgb(142 180 255 / 0.30);
  --h-vurgu-yazi: linear-gradient(135deg, #f7e2ad 0%, #e9c77b 40%, #c99a45 100%);
  --h-altin: #e9c77b;

  --h-cta: linear-gradient(135deg, #f7e2ad 0%, #e9c77b 38%, #c99a45 100%); --h-cta-yazi: #1a1205; --h-cta-golge: 0 10px 24px -10px rgb(233 199 123 / 0.55);
  --h-yesil: #5fd6a4; --h-yesil-metin: #5fd6a4; --h-yesil-yuzey: rgb(95 214 164 / 0.14); --h-turuncu-metin: #ffb067; --h-turuncu-yuzey: rgb(255 176 103 / 0.14);
  --h-kart: #0f1e3a; --h-kart-2: #132546; --h-kart-kenar: rgb(255 255 255 / 0.11); --h-secili: rgb(142 180 255 / 0.65);
  --h-golge-1: 0 1px 2px rgb(0 0 0 / 0.32), 0 16px 36px -16px rgb(0 0 0 / 0.7); --h-golge-2: 0 2px 4px rgb(0 0 0 / 0.34), 0 30px 64px -26px rgb(0 0 0 / 0.85), 0 0 0 1px rgb(233 199 123 / 0.1);
  --h-segment: rgb(255 255 255 / 0.05); --h-segment-dolgu: #e9c77b; --h-segment-yazi: #1a1205;
  --h-logo-zemin-a: #1a2b4d; --h-logo-zemin-b: #09111f; --h-logo-altin-a: #f7e2ad; --h-logo-altin-b: #e9c77b; --h-logo-altin-c: #b8862b;
  /* sahne (koyu varyant): sayfa CSS'inin okuduğu token'lar; yalnız sahne dosyasının (/_site/sahne.svg) okuduğu palet sahne-palet.css'te */
  --hz-zemin: #11203d; --hz-zemin-sag: #070f1f; --hz-ba-ust: #324a74;
  --hz-nokta-altin: #f7e2ad; --hz-nokta-mavi: #7aa7ff; --hz-kuzey-zemin: #0f1e3a; --hz-kuzey-ink: #f4f7fc; --hz-parsel-dolgu: rgb(91 141 239 / 0.30);
}
html:not([data-theme="dark"]) {
  --h-zemin: radial-gradient(64% 78% at 78% 30%, #e9f1ff 0%, rgb(233 241 255 / 0) 66%), radial-gradient(46% 56% at 0% 0%, #f4f8ff 0%, rgb(244 248 255 / 0) 70%), linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
  --h-ust-zemin: rgb(255 255 255 / 0.96); --h-cizgi: #e3e9f2; --h-cizgi-2: #d3dcea;
  --h-ink: #0b1f3a; --h-ink-2: #475569; --h-ink-3: #5a677b;
  --h-mavi: #2f6fed; --h-mavi-metin: #1f56c4; --h-mavi-yuzey: #e8f0ff; --h-mavi-yuzey-2: #f4f8ff; --h-mavi-cizgi: #cfe0fb;
  --h-vurgu-yazi: linear-gradient(100deg, #1f56c4 0%, #2f6fed 100%);
  --h-altin: #c9972f;

  --h-cta: linear-gradient(100deg, var(--h-mavi), var(--h-mavi-metin)); /* [Vitrin-4] referans: yatay mavi → koyu mavi */ --h-cta-yazi: #ffffff; --h-cta-golge: 0 12px 24px -12px rgb(47 111 237 / 0.55); /* [vitrin 2026-10-19] referans: canlı mavi birincil */
  --h-yesil: #1b9a60; --h-yesil-metin: #12754a; /* metin için koyu yeşil: beyazda 5,7:1 (AA); --h-yesil yalnız dolgu/simge */ --h-yesil-yuzey: #e2f6ec; --h-turuncu-metin: #b24a06; --h-turuncu-yuzey: #fff0e2;
  --h-kart: #ffffff; --h-kart-2: #f7faff; --h-kart-kenar: #e3e9f2; --h-secili: #2f6fed;
  --h-golge-1: 0 1px 2px rgb(15 23 42 / 0.04), 0 12px 32px -14px rgb(31 86 196 / 0.22); --h-golge-2: 0 2px 4px rgb(15 23 42 / 0.04), 0 26px 64px -26px rgb(31 86 196 / 0.34);
  --h-segment: #f1f5fb; --h-segment-dolgu: #0b1f3a; --h-segment-yazi: #ffffff;
  --h-logo-zemin-a: #14305c; --h-logo-zemin-b: #0b1f3a; --h-logo-altin-a: #f2d68b; --h-logo-altin-b: #e0b24f; --h-logo-altin-c: #b8862b;
  /* sahne (açık varyant); sahne dosyasına özel palet sahne-palet.css'te */
  --hz-zemin: #e6edf7; --hz-zemin-sag: #b1c3dc; --hz-ba-ust: #ffffff;
  --hz-nokta-altin: #e4a82f; --hz-nokta-mavi: #2f6fed; --hz-kuzey-zemin: #ffffff; --hz-kuzey-ink: #0b1f3a; --hz-parsel-dolgu: rgb(47 111 237 / 0.50);
}
@media (max-width: 640px) { :root { --ef-kenar: 16px; --ef-ust-h: 64px; } }

/* ---------------------------------------------------------------- Tema: derin yüzeyler
 * Açık tema = html[data-theme="light"] ya da öznitelik yok (tema.js head'de senkron yazar; betik yoksa açık). Koyu tema yalnız
 * html[data-theme="dark"] (sistem tercihi tema.js'te çözülür; .p-acik ile aynı sözleşme). body kapsamında --p-gece-* gün paletine döner (kalıtımla
 * başlık çubuğu, altbilgi, kahraman, kapanış, koyu bölümler, belge bandı, çerez bandı ve durum şeritleri); bileşen kuralları bu token'ları kullandığı
 * için açık temada her derin yüzey gerçekten açık olur. Koyu kalması gereken adalar aşağıda sıfırlanır. */
html:not([data-theme="dark"]) body {
  --p-gece-0: var(--gun-0); --p-gece-1: var(--gun-1); --p-gece-2: var(--gun-2); --p-gece-3: var(--gun-3);
  --p-gece-ink: var(--gun-ink); --p-gece-ink-2: var(--gun-ink-2); --p-gece-ink-3: var(--gun-ink-3); --p-gece-cizgi: var(--gun-cizgi); --p-gece-cizgi-2: var(--gun-cizgi-2);
  --p-gece-beyaz: #0f172a; --p-gece-cam: rgb(255 255 255 / 0.94); --p-gece-cam-2: rgb(255 255 255 / 0.97);
  --p-gece-kart: #ffffff; --p-gece-girdi: #ffffff; --p-gece-cukur: var(--gun-4);
  --p-gece-golge: 0 1px 2px rgb(15 23 42 / 0.05), 0 16px 40px -16px rgb(15 23 42 / 0.16); --p-gece-golge-2: var(--gun-golge-kart); --p-gece-golge-renk: rgb(15 23 42 / 0.12);
  --p-gece-zemin-grad: radial-gradient(60% 70% at 80% 30%, #f1f6ff 0%, #ffffff 60%);
  --p-gece-sema: light; --p-gorsel-op: 0.18; --p-isik-a: 0.07; --p-isik-b: 0.02; --p-isik-m: 0.05;
  /* "Altın" rol token'ları açık temada lacivert/mavi rolüne döner (birincil lacivert, vurgu mavi); gerçek altın --gun-altin ile yalnız küçük noktalarda. */
  --p-altin: var(--gun-mavi); --p-altin-metin: var(--gun-mavi-metin); --p-altin-yazi-grad: var(--gun-vurgu-yazi-grad); --p-altin-grad: var(--gun-birincil-grad);
  --p-altin-cizgi: rgb(47 111 237 / 0.26); --p-altin-isik: rgb(47 111 237 / 0.08); --p-altin-ustu: #ffffff;
  --p-girdi-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2312305e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --p-hata-metin: #9b2c1f; --p-uyari-metin: #6b4a0a;
  --p-gece-h0: #eef2f7; --p-gece-h1: #dbe6f8; --p-gece-h2: #bdd1f3; --p-gece-h3: #93b3ea; --p-gece-h4: #6690dc; --p-gece-h5: #3a6cc8; --p-gece-h6: #12305e;
  background: var(--gun-0);
}
/* Her iki temada koyu kalan adalar (vurgu kartı, ipucu, tarayıcı maketi, bakım şeridi…): gece sabitlerine döner. */
.p-gece-ada, .p-yuzen, .p-ipucu, .p-plan-one, .pk-one, .ab-one, .p-oneri, .ef-yan-kart, .ef-makale-son, .p-kapak, .ef-kapak, .p-urun-koyu, .p-tarayici, .p-bakim-seridi {
  --p-gece-0: var(--gece-0); --p-gece-1: var(--gece-1); --p-gece-2: var(--gece-2); --p-gece-3: var(--gece-3);
  --p-gece-ink: var(--gece-ink); --p-gece-ink-2: var(--gece-ink-2); --p-gece-ink-3: var(--gece-ink-3); --p-gece-cizgi: var(--gece-cizgi); --p-gece-cizgi-2: var(--gece-cizgi-2);
  --p-gece-beyaz: #fff; --p-gece-cam: rgb(8 11 18 / 0.92); --p-gece-cam-2: rgb(8 11 18 / 0.96);
  --p-gece-kart: linear-gradient(180deg, rgb(255 255 255 / 0.045), rgb(255 255 255 / 0.015)); --p-gece-girdi: rgb(0 0 0 / 0.38); --p-gece-cukur: rgb(0 0 0 / 0.3);
  --p-gece-golge: 0 40px 80px -30px rgb(0 0 0 / 0.9); --p-gece-golge-2: 0 10px 40px -20px rgb(0 0 0 / 0.8); --p-gece-golge-renk: rgb(0 0 0 / 0.55);
  --p-gece-sema: dark; --p-altin: #e9c77b; --p-altin-ustu: #1a1205; --p-altin-metin: #e9c77b; --p-altin-grad: linear-gradient(135deg, #f7e2ad 0%, #e9c77b 38%, #c99a45 70%, #b8862b 100%); --p-altin-yazi-grad: var(--p-altin-grad); --p-altin-cizgi: rgb(233 199 123 / 0.34); --p-hata-metin: #ffb4ab; --p-uyari-metin: #f6d9a8;
  color-scheme: dark;
}
.ef-ust, .ef-alt, .p-kahraman, .p-kapanis, .ef-belge-bant, .cb { color-scheme: var(--p-gece-sema); }

.ef-kap { width: 100%; max-width: calc(var(--ef-kap) + 2 * var(--ef-kenar)); margin-inline: auto; padding-inline: var(--ef-kenar); }
.ef-gizli-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ef-atla { position: absolute; left: 12px; top: -60px; z-index: 80; min-height: 44px; padding: 12px 14px; border-radius: 10px;
  background: var(--p-altin); color: var(--p-altin-ustu); font: 600 14px/20px var(--ef-font-sans); text-decoration: none; }
.ef-atla:focus { top: 12px; }

/* ---------------------------------------------------------------- Marka */
.ef-marka { display: inline-flex; align-items: center; min-height: 44px; gap: 11px; color: var(--p-gece-ink); text-decoration: none; flex: none; }
.ef-marka svg { width: 32px; height: 32px; display: block; }
.ef-marka-ad { font: 600 18px/1 var(--ef-font-display); letter-spacing: -0.02em; }
.ef-marka-ad span { color: var(--p-gece-ink-3); font-weight: 500; }
html[data-theme="dark"] .ef-ust .ef-marka-ad span { color: var(--gece-ink-cam); } /* [Paket W · 1.4.3] cam üst menü kahramanın parlak bölgesinde (390 px) ".com" 4,1:1'di */

/* ---------------------------------------------------------------- Davet bandı */
.ef-davet { position: relative; z-index: 51; background: var(--p-altin-grad); color: var(--p-altin-ustu); font: 500 14px/20px var(--ef-font-sans); }
.ef-davet .ef-kap { display: flex; align-items: center; gap: 12px; min-height: 44px; padding-block: 8px; }
.ef-davet p { margin: 0; flex: 1; }
.ef-davet a { color: inherit; font-weight: 700; text-underline-offset: 3px; }
.ef-davet button { flex: none; width: 32px; height: 32px; display: grid; place-items: center; border: 0; border-radius: 8px;
  background: transparent; color: inherit; cursor: pointer; }
.ef-davet button:hover { background: rgb(0 0 0 / 0.08); }

/* ---------------------------------------------------------------- Üst menü
 * [F2] Başlık + mega menü (tek DOM; src/core/mega-menu.js üretir). CSS-önce: JS yoksa masaüstünde :hover/:focus-within ile paneller
 * açılır, mobilde #mg-nav :target ile tam ekran çekmece. JS (public/_site/mega-menu.js) html.mg-js ekler ve açılışı data-acik ile sürer.
 * Süre/eğri token'ları @ef/ui hareket.css'ten gelir; belge.css'te (sunucu sayfaları) yoksa var() yedek değeri geçerlidir.
 * [Paket Y] Panel açılışı --ef-sure-2 (150 ms; önce --ef-sure-3 220 ms); madde kademe (stagger) giriş animasyonu kaldırıldı:
 * maddeler panelle birlikte tek geçişte görünür. Paylaşılan zemin de panel süresiyle (--mg-sure) açılır. */
.ef-ust { --u-ink: var(--p-gece-ink); --u-ink-2: var(--p-gece-ink-2); --u-cizgi: var(--p-gece-cizgi); --u-cizgi-2: var(--p-gece-cizgi-2);
  --u-hover: color-mix(in srgb, var(--p-gece-ink) 6%, transparent); --u-alan: color-mix(in srgb, var(--p-gece-ink) 4%, transparent);
  --mg-hizli: var(--ef-sure-2, 150ms); --mg-sure: var(--ef-sure-2, 150ms); --mg-sure-k: var(--ef-sure-4, 320ms); --mg-sifir: 0s;
  --mg-egri: var(--ef-egri-standart, ease-out); --mg-egri-g: var(--ef-egri-giris, ease-out);
  position: sticky; top: 0; z-index: 50; color: var(--u-ink);
  background: var(--p-gece-cam); border-bottom: 1px solid var(--u-cizgi);
  transition: background-color .35s var(--p-yumusak), border-color .35s, box-shadow .35s, color .35s; }
/* Kahramanı olan sayfalarda menü kahramanın üstünde şeffaf durur (her iki temada: kahraman zemini temaya göre koyu/açık, mürekkep --p-gece-* ile uyar) */
body:has(.p-kahraman) .ef-ust, body:has(.ef-belge-bant) .ef-ust { margin-bottom: calc(-1 * var(--ef-ust-h)); background: transparent; border-bottom-color: transparent; }
/* [Site anlık açılış 2026-10-11] Kaydırılmış MOBİL üst çubuk zemini opak token (--p-gece-1: koyu temada gece yüzeyi, açık temada beyaz);
 * yarı saydam cam (--p-gece-cam) altından kayan içeriği her karede harmanlatıyordu. Masaüstü aşağıdaki @media ile --p-gece-cam-2. Bulanıklık yok. */
html[data-kaydi] body .ef-ust { background: var(--p-gece-1); border-bottom-color: var(--u-cizgi); box-shadow: var(--p-gece-golge-2); }
/* [Tema 2026-10-06] Eski html[data-ust="acik"] kuralları kaldırıldı: açık temada başlık her yerde açık yüzeydir (tema.js özniteliği yazmaya devam eder; CSS'te karşılığı yok). */
/* [Kaydırma akıcılığı 2026-10-10] Kaydırılmış başlıkta backdrop-filter KALDIRILDI: sticky başlığın altındaki içerik her karede yeniden
 * bulanıklaştırılıyordu (ölçüm: görüntü bileşimi iş parçacığı süresinin yarısı; düşük güçlü GPU'da kaydırma takılması). Masaüstünde yüzey bulanıklıksız
 * daha opak (--p-gece-cam-2 %96-97) tutulur ki altındaki yazı sızmasın; mobil zaten opaktı. Sınır: test/hiz-kalici-contracts.js (sitede backdrop-filter yok). */
@media (min-width: 900px) {
  html[data-kaydi] body .ef-ust { background: var(--p-gece-cam-2); }
}
/* [Site anlık açılış 2026-10-11] Oturum izi (tema.js head'de html[data-oturum] yazar): başlık İLK KAREDE doğru düğmeyi gösterir;
 * ortak.ts /oturum yanıtıyla düzeltir (oturum yoksa öznitelik ve iz silinir). Betiksiz/izsiz: "Giriş" + birincil eylem (eski hâl).
 * Üst çubuktaki "Hesabım" [hidden] taşımaz (Ust.astro): @layer base'deki [hidden] { display: none !important } katmanlı önemli bildirim olduğu
 * için katmansız bir kuralla ilk karede açılamazdı; görünürlüğü yalnız bu öznitelik belirler. */
html[data-oturum] [data-oturum-yok] { display: none !important; }
html:not([data-oturum]) .ef-ust-eylem > [data-oturum-var] { display: none; }
/* [Oturum sağlam 2026-10-20] Personel izi (konsol kabuğu yazar; tema çekirdeği html[data-personel]): üst çubukta ve altbilgide "Giriş yap" yerine hesap
 * düğmesi (menüyü ust.js personel için doldurur). Sayfa içi müşteri öğeleri (ör. /ortaklik "Bağlantını al") müşteri izine bağlı kalır. */
html[data-personel] :is(.ef-ust, .ef-alt) [data-oturum-yok] { display: none !important; }
html[data-personel] .ef-ust-eylem > [data-oturum-var] { display: block; }
.ef-ust-ic { display: flex; align-items: center; gap: 32px; height: var(--ef-ust-h); }
.ef-ust .ef-marka { color: var(--u-ink); }
/* [Kontrast 2026-10-07] --u-ink-2 koyu temada kahraman fotoğrafı üstünde 3,5–4,4:1 idi (AA altı); --u-ink ≥ 6:1. */
.ef-ust-eylem { display: flex; align-items: center; gap: 8px; flex: none; }
/* Başlıkta kaydırma ilerlemesi: 2 px altın çizgi (scroll-driven; reduced-motion ve "hareketi azalt"ta yok). */
@supports (animation-timeline: scroll()) {
  @media (prefers-reduced-motion: no-preference) {
    @keyframes mg-ilerle { from { transform: scaleX(0); } to { transform: scaleX(1); } }
    .ef-ust::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--p-altin-grad); transform-origin: 0 50%; transform: scaleX(0);
      pointer-events: none; animation: mg-ilerle auto linear both; }
    /* animation-timeline ayrı kuralda: küçültücü onu animation kısaltmasına katıp sürüm bağımlı hâle getirmesin */
    html .ef-ust::after { animation-timeline: scroll(root); }
    html[data-hareket="az"] .ef-ust::after, html[data-mg-cekmece] .ef-ust::after { display: none; }
  }
}

/* ---- Mega menü (ortak) */
.mg { display: flex; align-items: center; flex: 1; min-width: 0; align-self: stretch; }
.mg-liste { display: flex; align-items: stretch; gap: 2px; list-style: none; margin: 0; padding: 0; height: 100%; }
.mg-li { list-style: none; }
.mg-ust, .mg-alt, .mg-ac { display: none; }
.mg-bos { position: absolute; top: 0; left: 0; width: 1px; height: 1px; }
.mg-zemin { display: none; }
.mg-dugme { position: relative; z-index: 0; display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; height: var(--ef-ust-h);
  color: var(--u-ink-2); font: 500 14px/20px var(--ef-font-sans); text-decoration: none; cursor: pointer; list-style: none; transition: color var(--mg-hizli); }
.mg-dugme::-webkit-details-marker { display: none; }
.mg-dugme::before { content: ""; position: absolute; z-index: -1; inset: calc((var(--ef-ust-h) - 40px) / 2) 0; border-radius: 999px; background: transparent; transition: background-color var(--mg-hizli); }
.mg-dugme:hover, .mg-li:focus-within > .mg-oge > .mg-dugme, .mg-dugme[aria-current="page"], .mg-dugme[data-aktif] { color: var(--u-ink); }
.mg-dugme:hover::before, .mg-oge[open] > .mg-dugme::before { background: var(--u-hover); }
.mg-dugme[aria-current="page"]::after, .mg-dugme[data-aktif]::after { content: ""; position: absolute; left: 50%; bottom: 16px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--p-altin); box-shadow: 0 0 10px var(--p-altin); }
.mg-ok { width: 7px; height: 7px; flex: none; margin: -3px 2px 0 2px; border: solid currentColor; border-width: 0 1.75px 1.75px 0; transform: rotate(45deg); transition: transform var(--mg-sure) var(--mg-egri), margin var(--mg-sure) var(--mg-egri); }
.mg-oge[open] > .mg-dugme .mg-ok { transform: rotate(225deg); margin-top: 3px; }
.mg-dugme:focus-visible, .mg-a:focus-visible, .mg-one:focus-visible, .mg-tumu:focus-visible, .mg-x:focus-visible, .mg-ac:focus-visible { outline: 2px solid var(--p-altin); outline-offset: -2px; border-radius: 12px; }
.mg-ogeler { list-style: none; margin: 0; padding: 0; }
.mg-a { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 14px; align-content: center; align-items: center; padding: 10px 12px; border-radius: 14px; color: var(--p-gece-ink); text-decoration: none; transition: background-color var(--mg-hizli); }
.mg-a::before { content: ""; grid-column: 1; grid-row: 1 / span 2; width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--p-gece-cizgi-2); background: var(--p-gece-3); transition: border-color var(--mg-hizli), background-color var(--mg-hizli); }
.mg-a .mi { position: absolute; left: 20px; top: 50%; margin-top: -10px; color: var(--p-altin-metin); transition: transform var(--mg-sure) var(--mg-egri-g); }
.mg-a:hover { background: color-mix(in srgb, var(--p-gece-ink) 5%, transparent); }
.mg-a:hover::before { border-color: var(--p-altin-cizgi); background: var(--p-altin-isik); }
.mg-a b { grid-column: 2; grid-row: 1; align-self: end; font: 600 14px/20px var(--ef-font-sans); letter-spacing: -0.005em; }
.mg-a small { grid-column: 2; grid-row: 2; align-self: start; color: var(--p-gece-ink-3); font: 400 13px/18px var(--ef-font-sans); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mg-a[aria-current="page"] b { color: var(--p-altin-metin); }
.mg-one { position: relative; display: grid; align-content: start; gap: 8px; padding: 20px; border-radius: 18px; border: 1px solid var(--p-altin-cizgi); color: var(--p-gece-ink); text-decoration: none;
  background: radial-gradient(120% 100% at 100% 0%, var(--p-altin-isik), transparent 60%), var(--p-gece-3); transition: border-color var(--mg-hizli), transform var(--mg-sure) var(--mg-egri-g); }
.mg-one:hover { border-color: var(--p-altin); }
.mg-one .mi { color: var(--p-altin-metin); width: 24px; height: 24px; }
.mg-one b { font: 600 16px/22px var(--ef-font-display); letter-spacing: -0.01em; }
.mg-one span:not(.mi) { color: var(--p-gece-ink-2); font: 400 13px/20px var(--ef-font-sans); }
.mg-one em { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font: 600 13px/20px var(--ef-font-sans); font-style: normal; color: var(--p-altin-metin); }
.mg-one em::after, .mg-tumu::after { content: "→"; display: inline-block; transition: transform var(--mg-sure) var(--mg-egri-g); }
.mg-tumu { display: inline-flex; align-items: center; gap: 6px; width: fit-content; padding: 8px 12px; border-radius: 999px; color: var(--p-altin-metin); font: 600 13px/20px var(--ef-font-sans); text-decoration: none; }
.mg-tumu:hover { background: var(--p-altin-isik); }
/* [Premium menü 2026-10-10] Kategori başlığı, rozet, süs çizimi ve hızlı eylem şeridi kritik olmayan /_site/mega-menu.css'te (betik ilk etkileşimde/boşta yükler; JS yoksa <noscript>); önce de düzen bozulmaz. */
.mg-kh, .mg-rz, .mg-gor, .mg-cta { display: none; }
.mg-seri { display: contents; }

/* ---- Masaüstü paneller (>= 1000 px) */
@media (min-width: 1000px) {
  .mg-oge::details-content { content-visibility: visible; display: contents; } /* kapalı <details> içeriği :hover ile açılabilsin (desteklenmezse tıklama yedeği) */
  .mg-panel { position: absolute; left: 0; right: 0; top: 100%; z-index: 2; max-height: calc(100vh - var(--ef-ust-h) - 16px); max-height: calc(100dvh - var(--ef-ust-h) - 16px); overflow: auto;
    visibility: hidden; opacity: 0; transform: translateY(calc(-1 * var(--ef-kayma-1, 4px))); pointer-events: none;
    background: var(--p-gece-2); border-top: 1px solid var(--p-gece-cizgi); box-shadow: var(--p-gece-golge);
    transition: opacity var(--mg-sure) var(--mg-egri), transform var(--mg-sure) var(--mg-egri), visibility var(--mg-sifir) linear var(--mg-sure), content-visibility var(--mg-sifir) linear var(--mg-sure);
    /* [Site ilk boyama · INP] Kapalı panelin İÇİ stil/yerleşim/boyama dışı: dört panel (~280 öğe) her tema değişiminde ve yeniden stil
       hesabında işleniyordu (::details-content display:contents tarayıcının kapalı <details> atlamasını kapatır). Kapanışta görünürlükle
       aynı gecikmeyle (solma bitince) gizlenir; açılışta hemen görünür. */
    content-visibility: hidden; transition-behavior: allow-discrete; }
  .mg-oge[open] .mg-panel, .mg-li:focus-within .mg-panel { visibility: visible; content-visibility: visible; opacity: 1; transform: none; pointer-events: auto; transition-delay: var(--mg-sifir); }
  @media (hover: hover) { .mg-li:hover .mg-panel { visibility: visible; content-visibility: visible; opacity: 1; transform: none; pointer-events: auto; transition-delay: var(--mg-sifir); } }
  .mg-panel { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 8px 32px; padding: 24px max(var(--ef-kenar), calc((100% - var(--ef-kap)) / 2)) 28px; }
  .mg-panel:has(.mg-one) { grid-template-columns: minmax(0, 1fr) 300px; }
  .mg-ogeler { grid-column: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 12px; align-content: start; }
  .mg-one { grid-column: 2; grid-row: 1 / 3; }
  .mg-tumu { grid-column: 1; margin-left: 12px; }
  /* JS'li: açılışı data-acik sürer; :hover/:focus-within kuralları devre dışı (hover-intent gecikmesi çalışsın). */
  html.mg-js .mg-li:not([data-acik]) .mg-panel { visibility: hidden; content-visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(calc(-1 * var(--ef-kayma-1, 4px))); transition-delay: var(--mg-sifir), var(--mg-sifir), var(--mg-sure), var(--mg-sure); }
  html.mg-js .mg-li[data-acik] .mg-panel { visibility: visible; content-visibility: visible; opacity: 1; transform: none; pointer-events: auto; transition-delay: var(--mg-sifir); }
  /* Paylaşılan zemin: paneller şeffaf, zemin clip-path ile (token süre/eğri) panelin yüksekliğine kayar. */
  html.mg-js .mg-panel { background: transparent; border-top-color: transparent; box-shadow: none; }
  html.mg-js .mg-zemin { display: block; position: absolute; left: 0; right: 0; top: 100%; z-index: 1; height: 560px; pointer-events: none; visibility: hidden; opacity: 0;
    filter: drop-shadow(0 30px 40px var(--p-gece-golge-renk)); transition: opacity var(--mg-sure) var(--mg-egri), visibility var(--mg-sifir) linear var(--mg-sure); }
  html.mg-js .mg-zemin::before { content: ""; position: absolute; inset: 0; background: var(--p-gece-2); border-top: 1px solid var(--p-gece-cizgi);
    clip-path: inset(0 0 calc(100% - var(--mg-h, 0px)) 0); transition: clip-path var(--mg-sure) var(--mg-egri); }
  html[data-mg-acik] .mg-zemin { visibility: visible; opacity: 1; transition-delay: var(--mg-sifir); }
}

/* [1024 px] Masaüstü menü 1000–1199 px'te sıkışıp tema düğmesi/Giriş ile üst üste biniyordu: aralık ve dolgu daralır. */
@media (min-width: 1000px) and (max-width: 1199.98px) {
  .ef-ust-ic { gap: 14px; }
  .mg-dugme { padding: 0 8px; font-size: var(--fs-md); }
  .ef-ust-eylem { gap: 4px; }
  .ef-ust-eylem .ef-dugme-ana { padding: 0 14px; }
  .ef-ust-eylem > .ef-dugme-ana::after { display: none; } /* dar masaüstünde CTA oku gizli */
}
@media (min-width: 1200px) and (max-width: 1259.98px) { .mg-dugme { padding: 0 10px; } }
/* [vitrin 2026-10-19] 320–359 px: marka + tema anahtarı + menü düğmesi 10 px taşıyordu (yatay kaydırma). Aralıklar daralır; hedefler ≥ 44 px kalır. */
@media (max-width: 359.98px) { .ef-ust-ic { gap: 6px; } .ef-ust-eylem { gap: 2px; } .ef-ust .ef-ara { display: none; } }
@media (min-width: 1000px) and (max-width: 1119.98px) {
  .ef-ust-ic { gap: 8px; }
  .mg-dugme { padding: 0 6px; font-size: 13px; gap: 4px; }
  .mg-liste { gap: 0; }
  .ef-ust-eylem .ef-dugme-ana { padding: 0 12px; }
}
@media (min-width: 1000px) and (max-width: 1049.98px) { .mg-dugme { padding: 0 4px; } }

/* ---- Mobil çekmece (< 1000 px): AYNI nav tam ekran açılır */
@media (max-width: 999.98px) {
  .ef-ust-ic { justify-content: space-between; gap: 12px; }
  .ef-ust-eylem > :is(.ef-ust-giris, .ef-dugme-ana, .ef-dugme-cizgi, .ef-hesap) { display: none !important; }
  .ef-tema-ac > summary { width: 44px; padding: 0; } .ef-tema-ac .mg-ok { display: none; } /* mobil: kare simge düğmesi */
  .mg-ac { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 999px; border: 1px solid var(--u-cizgi-2); color: var(--u-ink); background: var(--u-alan); text-decoration: none; }
  .mg-ac svg { width: 18px; height: 18px; }
  .mg { position: fixed; inset: 0; z-index: 70; height: 100vh; height: 100dvh; flex-direction: column; align-items: stretch; align-self: auto; background: var(--p-gece-1); color: var(--p-gece-ink);
    overflow: hidden; overscroll-behavior: contain; visibility: hidden; opacity: 0; transform: translateY(calc(-1 * var(--ef-kayma-2, 8px)));
    transition: opacity var(--mg-sure) var(--mg-egri), transform var(--mg-sure-k) var(--mg-egri-g), visibility var(--mg-sifir) linear var(--mg-sure-k); }
  .mg:target, html[data-mg-cekmece] .mg { visibility: visible; opacity: 1; transform: none; transition-delay: var(--mg-sifir); }
  /* Başlık: backdrop-filter / view-transition-name fixed çocuk için kapsayıcı blok oluşturur; çekmece açıkken kapatılır. */
  .ef-ust:has(.mg:target), html[data-mg-cekmece] .ef-ust { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; view-transition-name: none; z-index: 90; } /* çerez bandının (z 60) üstünde */
  .mg-ust { display: flex; align-items: center; justify-content: space-between; flex: none; height: var(--ef-ust-h); padding: env(safe-area-inset-top) var(--ef-kenar) 0 var(--ef-kenar); box-sizing: content-box; border-bottom: 1px solid var(--p-gece-cizgi); }
  .mg-baslik { font: 600 18px/1 var(--ef-font-display); letter-spacing: -0.02em; }
  .mg-x { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 999px; border: 1px solid var(--p-gece-cizgi-2); color: var(--p-gece-ink); background: color-mix(in srgb, var(--p-gece-ink) 4%, transparent); }
  .mg-x svg { width: 18px; height: 18px; }
  .mg-liste { display: block; flex: 1; min-height: 0; height: auto; overflow-y: auto; padding: 4px var(--ef-kenar) 16px; }
  .mg-li { border-bottom: 1px solid var(--p-gece-cizgi); }
  .mg-dugme { display: flex; justify-content: space-between; width: 100%; height: auto; min-height: 56px; padding: 0 4px; color: var(--p-gece-ink); font: 500 18px/24px var(--ef-font-display); letter-spacing: -0.01em; }
  .mg-dugme::before { display: none; }
  .mg-dugme[aria-current="page"]::after, .mg-dugme[data-aktif]::after { left: auto; right: 36px; top: 50%; bottom: auto; margin: -2px 0 0; }
  .mg-duz::after { content: "→"; color: var(--p-altin-metin); }
  .mg-duz { justify-content: space-between; align-items: center; }
  .mg-duz[aria-current="page"] { color: var(--p-altin-metin); }
  .mg-duz[aria-current="page"]::after { content: "→"; position: static; width: auto; height: auto; margin: 0; border-radius: 0; background: none; box-shadow: none; }
  .mg-ok { width: 9px; height: 9px; margin-right: 6px; color: var(--p-altin-metin); }
  .mg-panel { display: grid; gap: 8px; padding: 0 0 16px; }
  .mg-ogeler { display: grid; gap: 0; }
  .mg-a { min-height: 56px; padding: 8px 4px; }
  .mg-a .mi { left: 8px; }
  .mg-one { padding: 16px; margin: 4px 0; }
  .mg-tumu { min-height: 44px; }
  @supports selector(::details-content) {
    .mg-oge::details-content { display: grid; grid-template-rows: 0fr; overflow: clip; transition: grid-template-rows var(--mg-sure-k) var(--mg-egri), content-visibility var(--mg-sure-k) allow-discrete; }
    .mg-oge[open]::details-content { grid-template-rows: 1fr; }
    .mg-panel { min-height: 0; overflow: hidden; }
  }
  .mg-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; flex: none; padding: 12px var(--ef-kenar) calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--p-gece-cizgi); background: var(--p-gece-1); }
  .mg-alt .ef-dugme.ef-dugme { height: 56px; } /* dokunmatik 44 px kuralından (D1) sonra gelir: çift sınıf özgüllüğü */
  .mg-hesap { grid-column: 1 / -1; }
  html[data-mg-kilit], html[data-mg-kilit] body { overflow: hidden; }
}

/* ---- Kullanıcı hareket tercihi / yüksek karşıtlık */
@media (prefers-reduced-motion: reduce) { .ef-ust { --mg-hizli: 0ms; --mg-sure: 0ms; --mg-sure-k: 0ms; } .mg-zemin::before { transition: none; } }
html[data-hareket="az"] .ef-ust { --mg-hizli: 0ms; --mg-sure: 0ms; --mg-sure-k: 0ms; }
@media (forced-colors: active) {
  .mi { forced-color-adjust: none; background-color: CanvasText; }
  .mg-a:hover .mi, .mg-one .mi { background-color: Highlight; }
  .mg-panel, .mg-one, .mg-a::before { border: 1px solid CanvasText; }
  .mg-dugme[aria-current="page"]::after, .mg-dugme[data-aktif]::after { background: Highlight; box-shadow: none; }
  .mg-dugme:focus-visible, .mg-a:focus-visible, .mg-one:focus-visible, .mg-tumu:focus-visible, .mg-x:focus-visible, .mg-ac:focus-visible { outline: 2px solid Highlight; }
}

/* Düğmeler (kabuk ve sunucu sayfaları ortak) */
.ef-dugme { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 18px;
  border-radius: 999px; border: 1px solid transparent; font: 600 14px/1 var(--ef-font-sans); letter-spacing: -0.005em; text-decoration: none;
  cursor: pointer; white-space: nowrap; transition: transform .2s var(--p-yumusak), box-shadow .25s, background-color .2s, border-color .2s, color .2s, filter .2s; }
.ef-dugme svg { width: 16px; height: 16px; flex: none; }
.ef-dugme-ana { background: var(--p-altin-grad); color: var(--p-altin-ustu);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.55), inset 0 -1px 0 rgb(120 80 10 / 0.35), 0 10px 28px -12px rgb(233 199 123 / 0.7); }
.ef-dugme-ana:hover {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.6), inset 0 -1px 0 rgb(120 80 10 / 0.35), 0 16px 36px -12px rgb(233 199 123 / 0.85); }
.ef-dugme-ana:active { transform: translateY(0); }
.ef-dugme-cizgi { background: color-mix(in srgb, var(--p-gece-ink) 5%, transparent); color: var(--p-gece-ink); border-color: var(--p-gece-cizgi-2); }
.ef-dugme-cizgi:hover { background: color-mix(in srgb, var(--p-gece-ink) 10%, transparent); border-color: color-mix(in srgb, var(--p-gece-ink) 24%, transparent); }
.ef-dugme-buyuk { height: 52px; padding: 0 26px; font-size: 15px; }
@media (pointer: coarse) { .ef-dugme:not(.ef-dugme-buyuk) { height: 44px; } } /* [D1] dokunmatik hedef ≥ 44 px (ör. araç sayfası 'Değerlemeye başla') */
.ef-dugme:disabled { opacity: .6; cursor: progress; transform: none; }

.ef-tema { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 999px; border: 1px solid var(--u-cizgi-2, var(--p-gece-cizgi-2));
  background: var(--u-alan, rgb(255 255 255 / 0.04)); color: var(--u-ink-2, var(--p-gece-ink-2)); cursor: pointer; transition: color .2s, background-color .2s; }
.ef-tema:hover { color: var(--u-ink, var(--p-gece-ink)); background: var(--u-hover, rgb(255 255 255 / 0.1)); }
.ef-ust .ef-dugme-cizgi { color: var(--u-ink); border-color: var(--u-cizgi-2); background: var(--u-alan); }
.ef-tema svg { width: 16px; height: 16px; }
.ef-tema .ef-gunes { display: none; }
[data-theme="dark"] .ef-tema .ef-gunes { display: block; }
[data-theme="dark"] .ef-tema .ef-ay { display: none; }

/* [Q] dokunmatik hedefler 44 px (tema düğmesi masaüstünde 40 px kalır) */
@media (max-width: 1000px) { .ef-tema { width: 44px; height: 44px; } }

/* [Vitrin-4 2026-10-20] Üst çubuk denetimleri (site + sunucu sayfaları aynı): arama (yol dizini paleti; Ctrl K; JS'siz /bolge), tek tema düğmesi + açılır
 * seçim (Açık · Koyu · Sistem; <details>, seçenekleri /_site/mega-menu.js kurar), çerçeveli "Giriş yap", üye hesap düğmesi (menüsü /_site/ust.js + ust.css,
 * tembel). Hedefler ≥ 44 px; hover yalnız renk/kenarlık. Hesap düğmesi sabit genişlikte: ad yüklenince düzen kaymaz (CLS 0). */
.ef-ara, .ef-tema-ac > summary, .ef-hesap, .ef-ust-giris { position: relative; display: inline-flex; align-items: center; gap: 7px; height: 44px; min-width: 44px; padding: 0 12px;
  border-radius: 12px; border: 1px solid var(--u-cizgi-2); color: var(--u-ink); font: 600 14px/1 var(--ef-font-sans); text-decoration: none; white-space: nowrap; cursor: pointer; }
:is(.ef-ara, .ef-tema-ac > summary, .ef-hesap, .ef-ust-giris):hover { border-color: var(--h-mavi-cizgi); }
:is(.ef-ara, .ef-tema-ac > summary, .ef-hesap):focus-visible { outline: 2px solid var(--h-mavi); outline-offset: 2px; }
.ef-ara { --ua: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E"); }
.ef-ara::before { content: ""; width: 18px; height: 18px; background-color: currentColor;-webkit-mask: var(--ua) center / contain no-repeat; mask: var(--ua) center / contain no-repeat; }
.ef-tema-ac > summary { list-style: none; }
.ef-tema-ac > summary::-webkit-details-marker { display: none; }
html:not([data-theme="dark"]) .ef-tema-ac > summary .mi-ay, [data-theme="dark"] .ef-tema-ac > summary .mi-gunes, html:not(.ef-js) .ef-tema-ac { display: none; } /* JS yokken seçim uygulanamaz */
.ef-hesap { display: block; width: 172px; line-height: 42px; text-align: left; overflow: hidden; text-overflow: ellipsis; }
/* avatar ve ok yalnız veri gelince (ust.js .eh-hazir ekler; kritik CSS'e girmez): sabit genişlik sayesinde düzen kaymaz */
.ef-hesap.eh-hazir { padding: 0 30px 0 46px; }
.ef-hesap.eh-hazir::before { content: attr(data-harf); position: absolute; left: 6px; top: 5px; width: 32px; line-height: 32px; border-radius: 50%; background: var(--h-mavi); color: white; font-size: 13px; text-align: center; }
.ef-hesap.eh-hazir::after { content: ""; position: absolute; right: 13px; top: 16px; width: 7px; height: 7px; border: solid; border-width: 0 2px 2px 0; rotate: 45deg; }
.ef-hesap.eh-hazir[aria-expanded="true"]::after { top: 19px; rotate: 225deg; }
/* Birincil eylem düğmesinde ok (üst menü): CSS mask, DOM düğümü yok */
.ef-ust-eylem { --ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14m-7-7 7 7-7 7'/%3E%3C/svg%3E"); }
.ef-ust-eylem > :is(.ef-dugme-ana, .ef-dugme-cizgi[data-oturum-yok])::after { content: ""; width: 14px; height: 14px; margin-left: 8px; background-color: currentColor;-webkit-mask: var(--ok) center / contain no-repeat; mask: var(--ok) center / contain no-repeat; }

/* ---------------------------------------------------------------- Altbilgi */
.ef-alt { position: relative; overflow: hidden; background: var(--p-gece-0); color: var(--p-gece-ink-2); font: 400 14px/22px var(--ef-font-sans);
  border-top: 1px solid var(--p-gece-cizgi); isolation: isolate; }
.ef-alt::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(60% 80% at 85% 0%, rgb(233 199 123 / 0.09), transparent 60%), radial-gradient(50% 70% at 0% 100%, rgb(60 90 160 / 0.12), transparent 60%); }
.ef-alt::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: var(--p-gren); opacity: .017; }
/* [Açık tema 2026-10-06] Açık temada altbilgi düz #f8fafc: altın/mavi ışık lekeleri ve gren yok (sunucu sayfaları da bu dosyayı kullanır). */
html:not([data-theme="dark"]) .ef-alt::before { background: none; }
html:not([data-theme="dark"]) .ef-alt::after { opacity: 0; }
.ef-alt a { color: var(--p-gece-ink-2); text-decoration: none; transition: color .2s; }
.ef-alt a:hover { color: var(--p-altin-metin); }
.ef-alt a.ef-dugme-ana, .ef-alt a.ef-dugme-ana:hover { color: var(--p-altin-ustu); }
.ef-alt a.ef-dugme-cizgi, .ef-alt a.ef-dugme-cizgi:hover { color: var(--p-gece-ink); }
.ef-alt-ust { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 24px; padding-block: 40px 32px; border-bottom: 1px solid var(--p-gece-cizgi); }
.ef-alt-slogan { margin: 0; max-width: 18ch; color: var(--p-gece-ink); font: 600 clamp(24px, 2.4vw, 32px)/1.1 var(--ef-font-display); letter-spacing: -0.03em; }
.ef-alt-slogan em { font-style: normal; background: var(--p-altin-yazi-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ef-alt-izgara { display: grid; grid-template-columns: minmax(260px, 1.5fr) repeat(var(--alt-n, 3), minmax(0, 1fr)); gap: 32px 28px; padding-block: 40px; } /* [F2] sütun sayısı menüden: --alt-n */
.ef-alt h2 { margin: 0 0 16px; font: 500 12px/16px var(--ef-font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--p-gece-ink-3); }
.ef-alt ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
/* [Q] Dokunmatikte alt bilgi bağlantıları 44 px hedef (satır aralığı aynı görünür: gap küçülür, bağlantı yüksekliği artar). */
@media (max-width: 767px) { .ef-alt ul { gap: 0; } .ef-alt li > :is(a, button) { display: flex; align-items: center; min-height: 44px; } }
.ef-alt-marka p { margin: 16px 0 0; max-width: 36ch; }
/* Sosyal bağlantılar (Tanımlamalar iletisim.sosyal_baglantilar; boşsa basılmaz). */
.ef-alt-sosyal { margin-top: 14px !important; font-size: 13px; line-height: 20px; color: var(--p-gece-ink-3); }
.ef-alt-taban { border-top: 1px solid var(--p-gece-cizgi); }
.ef-alt-taban .ef-kap { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; padding-block: 20px; color: var(--p-gece-ink-3); font-size: 12px; line-height: 18px; }
/* [Site premium 2026-10-17] Dev "emlakfiyati" filigranı kaldırıldı (altbilgiye 1920'de ~240, 390'da ~70 px boş yükseklik ekliyordu); sunucu kabuğu
 * (blog-render.js) öğeyi hâlâ basıyorsa da görünmez. */
/* [P6 B56] Bağlantı görünümlü düğme: çerez bandını yeniden açar (cerez-tercih.ts). [Altbilgi tek kalıp 2026-10-20] Alt.astro'nun kapsamlı stilinden
 * buraya taşındı: sunucu belgelerinin (belge.css = kabuk.css) altbilgisi aynı düğmeyi taşır, öğede data-astro-cid yok (iki kabuk aynı yapı). */
.ef-alt-baglanti { background: none; border: 0; padding: 0; margin: 0; font: inherit; color: var(--p-gece-ink-2); cursor: pointer; text-align: start; transition: color .2s; }
.ef-alt-baglanti:hover { color: var(--p-altin-metin); }
.ef-alt-baglanti:focus-visible { outline: 2px solid var(--p-altin); outline-offset: 3px; border-radius: 4px; }
/* [O4] Kapanış CTA'sı olan sayfalarda altbilgi sloganı tekrar etmez (aynı vaat iki kez: tek kapanış). */
body:has(.p-kapanis) .ef-alt-ust { display: none; }
@media (max-width: 1100px) {
  .ef-alt-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; }
  .ef-alt-izgara > .ef-alt-marka { grid-column: 1 / -1; }
}
/* Telefonda sütunlar alt alta, bağlantılar satır içinde akar (44 px dokunma hedefi korunur): 5 sütun × alt alta liste yerine kısa bloklar. */
@media (max-width: 640px) { .ef-alt-izgara { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: 32px; } .ef-alt ul { display: flex; flex-wrap: wrap; column-gap: 20px; } .ef-alt h2 { margin-bottom: 4px; } }
@media (prefers-reduced-motion: reduce) {
  .ef-dugme, .ef-ust { transition: none; }
}

/* ---------------------------------------------------------------- [YZ-KÖŞE] Sağ alt köşe asistan simgesi (sahip isteği 2026-10-17)
 * Tek asistan girişi (üst çubuk ikonu kaldırıldı). Lacivert zemin + altın kıvılcım, iki temada aynı marka yüzeyi (koyu temada altın kenar
 * belirginleşir: zemin ≥ 3:1 sınır). 56 px masaüstü / 52 px mobil, güvenli alan payı. Alttaki sabit çubuklar (mobil CTA, çerez bandı) açıkken
 * scripts/yz-kose.ts onların yüksekliğini --yz-kose-ofset olarak yazar: simge bandın ÜSTÜNE kayar (çakışmaz). Stil burada (kritik CSS'e girer;
 * belge.css ile sunucu sayfalarına da); panel stili tembel parçada. Yazdırmada gizli. Sonsuz animasyon yok. */
.ef-yz-kose { position: fixed; z-index: 56; right: max(20px, env(safe-area-inset-right)); bottom: max(20px, calc(env(safe-area-inset-bottom) + 12px));
  display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; color: var(--gece-altin); text-decoration: none;
  background: linear-gradient(145deg, var(--gun-lacivert-3) 0%, var(--gun-lacivert-2) 48%, var(--gun-lacivert) 100%); -webkit-tap-highlight-color: transparent;
  box-shadow: inset 0 0 0 1px rgb(233 199 123 / 0.34), inset 0 1px 0 rgb(255 255 255 / 0.12), 0 14px 30px -12px rgb(6 12 28 / 0.55), 0 2px 6px rgb(6 12 28 / 0.2);
  transform: translateY(calc(-1 * var(--yz-kose-ofset, 0px))); }
.ef-yz-kose[hidden] { display: none; }
/* [YZ-KÖŞE 2026-10-18] Dar ekranda sabit köşe simgesi alt bilginin son satırının (yasal bağlantılar) üstüne biniyordu: alt bilgi sonuna
 * simge + kenar payı kadar boşluk (yalnız simge görünürken; :has ile, ek betik yok). */
@media (max-width: 767.98px) { body:has(.ef-yz-kose:not([hidden])) .ef-alt { padding-bottom: calc(52px + 32px + env(safe-area-inset-bottom)); } }
.ef-yz-kose-svg { display: block; width: 26px; height: 26px; }
.ef-yz-kose:focus-visible { outline: 2px solid var(--gun-lacivert-2); outline-offset: 3px; }
html[data-theme="dark"] .ef-yz-kose { box-shadow: inset 0 0 0 1.5px rgb(233 199 123 / 0.6), inset 0 1px 0 rgb(255 255 255 / 0.12), 0 14px 32px -12px rgb(0 0 0 / 0.85), 0 2px 6px rgb(0 0 0 / 0.4); }
html[data-theme="dark"] .ef-yz-kose:focus-visible { outline-color: var(--gece-altin); }
.ef-yz-kose[aria-expanded="true"] { box-shadow: inset 0 0 0 2px var(--gece-altin), 0 14px 30px -12px rgb(6 12 28 / 0.55); }
/* Panel parçası inerken ince ilerleme çizgisi: yz-kose-cekirdek.ts satır içi stil + Web Animations ile çizer (kritik CSS'e yük bindirmez). */
@media (max-width: 640px) {
  .ef-yz-kose { width: 52px; height: 52px; border-radius: 16px; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, calc(env(safe-area-inset-bottom) + 10px)); }
  .ef-yz-kose-svg { width: 24px; height: 24px; }
}
/* İlk ziyarette bir kez kısa ipucu (yz-kose.ts oluşturur; 6 sn sonra söner; localStorage). Görsel ipucudur: simgenin adı zaten "Asistana sor". */
.ef-yz-ipucu { position: fixed; z-index: 56; right: max(20px, env(safe-area-inset-right)); bottom: calc(max(20px, calc(env(safe-area-inset-bottom) + 12px)) + 68px);
  max-width: min(260px, calc(100vw - 40px)); margin: 0; padding: 10px 14px; border-radius: 14px; cursor: pointer;
  background: var(--gun-lacivert); color: var(--gece-ink); border: 1px solid rgb(233 199 123 / 0.32); font: 500 14px/20px var(--ef-font-sans);
  box-shadow: 0 14px 30px -12px rgb(6 12 28 / 0.55); transform: translateY(calc(-1 * var(--yz-kose-ofset, 0px))); }
.ef-yz-ipucu::after { content: ""; position: absolute; right: 22px; bottom: -6px; width: 10px; height: 10px; background: inherit;
  border: solid rgb(233 199 123 / 0.32); border-width: 0 1px 1px 0; transform: rotate(45deg); }
.ef-yz-ipucu[data-cik] { opacity: 0; }
@media (max-width: 640px) { .ef-yz-ipucu { right: max(16px, env(safe-area-inset-right)); bottom: calc(max(16px, calc(env(safe-area-inset-bottom) + 10px)) + 64px); } }
@media (prefers-reduced-motion: no-preference) {
  html:not([data-hareket="az"]) .ef-yz-kose { transition: transform var(--ef-sure-3) var(--ef-egri-giris), box-shadow var(--ef-sure-3) ease; }
  html:not([data-hareket="az"]) .ef-yz-kose:hover { transform: translateY(calc(-1 * var(--yz-kose-ofset, 0px) - 2px)); }
  html:not([data-hareket="az"]) .ef-yz-ipucu { transition: opacity var(--ef-sure-3) ease, transform var(--ef-sure-3) var(--ef-egri-giris); }
}
@media print { .ef-yz-kose, .ef-yz-ipucu, .yzp { display: none !important; } }

/* premium.css › üst band */
.ef-dugme .mi { width: 16px; height: 16px; }
/* acik.css › üst band */
html:not([data-theme="dark"]) .ef-dugme-ana { background: var(--gun-birincil-grad); background-color: var(--gun-lacivert-2); color: var(--gun-1); box-shadow: var(--gun-golge-birincil); }
html:not([data-theme="dark"]) .ef-dugme-ana:hover { background: var(--gun-lacivert-2); color: var(--gun-1); box-shadow: var(--gun-golge-birincil-2); }
html:not([data-theme="dark"]) .ef-dugme-ana:active { background: var(--gun-lacivert); }
html:not([data-theme="dark"]) .ef-dugme-cizgi { background: var(--gun-1); color: var(--gun-ink); border-color: var(--gun-cizgi-2); box-shadow: 0 1px 2px rgb(15 23 42 / 0.05); }
html:not([data-theme="dark"]) .ef-dugme-cizgi:hover { background: var(--gun-mavi-yuzey-2); border-color: rgb(18 48 94 / 0.28); color: var(--gun-lacivert-2); }
html:not([data-theme="dark"]) .ef-dugme :is(svg, .mi) { transition: transform var(--ef-sure-3) var(--ef-egri-standart); }
html:not([data-theme="dark"]) .ef-dugme:hover .mi-ok { transform: translateX(2px); }
html:not([data-theme="dark"]) .ef-dugme.ok-son::after { transition: transform var(--ef-sure-3) var(--ef-egri-standart); }
html:not([data-theme="dark"]) .ef-dugme.ok-son:hover::after { transform: translateX(2px); }
html[data-kaydi]:not([data-theme="dark"]) body .ef-ust { border-bottom-color: var(--gun-cizgi); box-shadow: 0 1px 0 rgb(15 23 42 / 0.02), 0 6px 20px -12px rgb(15 23 42 / 0.12); }
html:not([data-theme="dark"]) .ef-marka-ad span { color: var(--gun-ink-3); }
html:not([data-theme="dark"]) .ef-ust .ef-tema { background: var(--gun-1); border-color: var(--gun-cizgi-2); color: var(--gun-ink-2); }
html:not([data-theme="dark"]) .ef-ust .ef-tema:hover { background: var(--gun-mavi-yuzey-2); color: var(--gun-lacivert-2); }
html:not([data-theme="dark"]) .mg-dugme:hover, html:not([data-theme="dark"]) .mg-dugme[aria-current="page"] { color: var(--gun-lacivert-2); }
html:not([data-theme="dark"]) .mg-dugme:hover::before, html:not([data-theme="dark"]) .mg-oge[open] > .mg-dugme::before { background: var(--gun-mavi-yuzey-2); }
html:not([data-theme="dark"]) .mg-dugme[aria-current="page"]::after, html:not([data-theme="dark"]) .mg-dugme[data-aktif]::after { background: var(--gun-altin); box-shadow: none; }
html:not([data-theme="dark"]) .mg-a::before { background: var(--gun-mavi-yuzey-2); border-color: var(--gun-mavi-cizgi); }
html:not([data-theme="dark"]) .mg-a:hover { background: var(--gun-mavi-yuzey-2); }
html:not([data-theme="dark"]) .mg-a:hover::before { background: var(--gun-mavi-yuzey); border-color: rgb(47 111 237 / 0.3); }
html:not([data-theme="dark"]) .mg-one { background: linear-gradient(180deg, var(--gun-mavi-yuzey-2), var(--gun-1)); border-color: var(--gun-mavi-cizgi); }
html:not([data-theme="dark"]) .mg-one:hover { border-color: rgb(18 48 94 / 0.3); }
/* hero.css › üst band */
html body .ef-ust-eylem > .ef-dugme-ana { background: var(--h-cta); color: var(--h-cta-yazi); box-shadow: var(--h-cta-golge); border-radius: 12px; padding-inline: 20px; }
html body .ef-ust-eylem > .ef-dugme-ana:hover { background: var(--h-cta); filter: brightness(1.08); color: var(--h-cta-yazi); }
/* Sunucu tarafı belge sayfaları (yasal metinler, blog) — yalnız belge.css'e girer.
 * Koyu başlık bandı + soğuk-nötr açık okuma alanı; koyu temada okuma alanı da koyulaşır. */
:root {
  /* [Açık tema 2026-10-06] site ile aynı açık palet (kabuk.css --gun-*): beyaz yüzey, #f8fafc okuma zemini, #0b1220/#475467/#667085 mürekkep */
  --b-zemin: #f8fafc; --b-yuzey: var(--gun-1); --b-yuzey-2: #f8fafc; --b-ink: #0b1220; --b-ink-2: #475467; --b-ink-3: #667085;
  --b-cizgi: rgb(15 23 42 / 0.08); --b-cizgi-2: rgb(15 23 42 / 0.13); --b-altin: var(--gun-altin-metin); --b-golge: 0 1px 2px rgb(15 23 42 / 0.04), 0 4px 12px -2px rgb(15 23 42 / 0.06);
  color-scheme: light;
}
[data-theme="dark"] {
  --b-zemin: #0b0f17; --b-yuzey: #121826; --b-yuzey-2: #161d2d; --b-ink: var(--gece-ink); --b-ink-2: var(--gece-ink-2); --b-ink-3: var(--gece-ink-3);
  --b-cizgi: rgb(255 255 255 / 0.07); --b-cizgi-2: rgb(255 255 255 / 0.13); --b-altin: var(--gece-altin); --b-golge: inset 0 1px 0 rgb(255 255 255 / 0.04);
  color-scheme: dark;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; scroll-padding-top: calc(var(--ef-ust-h) + 20px); }
body { margin: 0; background: var(--b-zemin); color: var(--b-ink); font: 400 15px/1.6 var(--ef-font-sans); overflow-x: clip; }
h1, h2, h3 { text-wrap: balance; }
:focus-visible { outline: 2px solid var(--p-altin); outline-offset: 3px; border-radius: 4px; }
::selection { background: rgb(233 199 123 / 0.35); color: inherit; }
[hidden] { display: none !important; }
img { max-width: 100%; }
/* legal-content.js içindeki eski satır içi stil değişkenleri */
:root, [data-theme="dark"] { --ink-faint: var(--b-ink-3); --ink-dim: var(--b-ink-2); --brand: var(--b-altin); }

/* ---------------------------------------------------------------- Koyu başlık bandı */
/* [Tema] Bant koyu temada gece, açık temada gün paletindedir (--p-gece-* kabuk.css'te .ef-belge-bant kapsamında eşlenir). */
.ef-belge-bant { position: relative; isolation: isolate; overflow: hidden; background: var(--p-gece-zemin-grad); color: var(--p-gece-ink);
  padding: calc(var(--ef-ust-h) + clamp(24px, 2.6vw, 40px)) 0 clamp(28px, 3vw, 44px); border-bottom: 1px solid var(--p-gece-cizgi); }
/* [Site premium 2026-10-17] Astro iç sayfa kahramanıyla aynı dil ve ritim: --h-zemin (iki tema), sıkı dolgu, 52 px'e kadar başlık. */
html body .ef-belge-bant { background: var(--h-zemin); }
.ef-belge-bant::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: var(--p-gren); opacity: .017; }
html:not([data-theme="dark"]) .ef-belge-bant::after { opacity: 0; }
.ef-belge-bant::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .45;
  background-image: linear-gradient(var(--p-gece-cizgi) 1px, transparent 1px), linear-gradient(90deg, var(--p-gece-cizgi) 1px, transparent 1px); background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(60% 80% at 75% 30%, black, transparent 75%); mask-image: radial-gradient(60% 80% at 75% 30%, black, transparent 75%); }
.ef-bant-isik { position: absolute; z-index: -1; right: -160px; top: -260px; width: 760px; height: 760px; border-radius: 50%; background: radial-gradient(closest-side, rgb(233 199 123 / var(--p-isik-a)), rgb(233 199 123 / var(--p-isik-b)) 55%, transparent); }
.ef-iz { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; padding: 0; list-style: none;
  font: 500 12px/16px var(--ef-font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--p-gece-ink-3); }
.ef-iz a { color: var(--p-gece-ink-3); text-decoration: none; transition: color .2s; }
.ef-iz a:hover { color: var(--p-altin-metin); }
.ef-iz li + li::before { content: "/"; margin-right: 8px; color: color-mix(in srgb, var(--p-gece-ink) 20%, transparent); }
.ef-iz [aria-current] { color: var(--p-gece-ink-2); }
.ef-bant-etiket { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; color: var(--p-altin-metin); font: 500 12px/16px var(--ef-font-mono); letter-spacing: .14em; text-transform: uppercase; }
.ef-bant-etiket::before { content: ""; width: 18px; height: 1px; background: var(--p-altin-grad); }
.ef-belge-baslik { margin: 0; max-width: 20ch; color: var(--p-gece-beyaz); font: 600 clamp(34px, 3.6vw, 52px)/1.06 var(--ef-font-display); letter-spacing: -0.03em; }
.ef-belge-bant .ef-lede { margin: 16px 0 0; max-width: 62ch; color: var(--p-gece-ink-2); font-size: clamp(16px, 1.3vw, 19px); line-height: 1.6; }
.ef-makale-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 0; padding: 0; }
.ef-makale-meta > * { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--p-gece-cizgi-2);
  background: color-mix(in srgb, var(--p-gece-ink) 4%, transparent); color: var(--p-gece-ink-2); font: 500 13px/1 var(--ef-font-sans); }

/* ---------------------------------------------------------------- Okuma alanı */
.ef-belge { padding-block: clamp(32px, 3.4vw, 48px) clamp(56px, 6vw, 88px); } /* [Ritim 2026-10-10] alt dolgu 72–120 → 56–88 */
/* Eski biçim (bant olmadan): konum izi ve başlık açık zeminde */
main.ef-belge .ef-iz, main.ef-belge .ef-iz a { color: var(--b-ink-3); }
main.ef-belge .ef-iz [aria-current] { color: var(--b-ink-2); }
main.ef-belge .ef-belge-baslik { color: var(--b-ink); }
.ef-belge-ust { padding-bottom: 32px; border-bottom: 1px solid var(--b-cizgi); margin-bottom: 40px; }
.ef-belge-ust .ef-lede { margin: 16px 0 0; max-width: 62ch; color: var(--b-ink-2); font-size: 17px; line-height: 1.6; }
main.ef-belge .ef-makale-meta > * { border-color: var(--b-cizgi-2); background: var(--b-yuzey); color: var(--b-ink-2); }

/* Yasal sayfa düzeni: solda içindekiler ve belge dizini, sağda metin kartı */
.ef-yasal { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 48px; align-items: start; }
.ef-yasal-dizin { position: sticky; top: calc(var(--ef-ust-h) + 24px); max-height: calc(100vh - var(--ef-ust-h) - 48px); overflow: auto; padding: 22px; border-radius: 22px;
  background: var(--b-yuzey); border: 1px solid var(--b-cizgi); box-shadow: var(--b-golge); }
.ef-yasal-dizin h2 { margin: 0 0 10px; font: 500 12px/16px var(--ef-font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--b-ink-3); }
.ef-yasal-dizin h2:not(:first-child) { margin-top: 22px; }
.ef-yasal-dizin ul, .ef-yasal-dizin ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.ef-yasal-dizin a { display: block; padding: 7px 10px; border-radius: 10px; border-left: 2px solid transparent;
  color: var(--b-ink-2); font-size: var(--fs-md); line-height: 1.4; text-decoration: none; transition: background-color .2s, color .2s; }
.ef-yasal-dizin a:hover { color: var(--b-ink); background: var(--b-yuzey-2); }
.ef-yasal-dizin a[aria-current="page"] { color: var(--b-ink); font-weight: 600; background: rgb(233 199 123 / 0.12); border-left-color: var(--p-altin-3); }
.ef-icindekiler-liste a { border-left-color: var(--b-cizgi); border-radius: 0 10px 10px 0; }
@media (max-width: 960px) {
  .ef-yasal { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .ef-yasal-dizin { position: static; max-height: none; order: 2; }
}

/* Uzun metin */
.ef-metin { max-width: 72ch; color: var(--b-ink-2); font-size: var(--fs-lg); line-height: 1.8; overflow-wrap: anywhere; }
.ef-metin-kart { max-width: none; padding: clamp(24px, 4vw, 56px); border-radius: 26px; background: var(--b-yuzey); border: 1px solid var(--b-cizgi); box-shadow: var(--b-golge); }
.ef-metin-kart > * { max-width: 72ch; }
.ef-metin > :first-child { margin-top: 0; }
.ef-metin p { margin: 0 0 18px; }
.ef-metin h2 { margin: 52px 0 16px; color: var(--b-ink); font: 600 clamp(24px, 2.4vw, 30px)/1.2 var(--ef-font-display); letter-spacing: -0.025em; }
.ef-metin h3 { position: relative; margin: 40px 0 12px; padding-top: 28px; border-top: 1px solid var(--b-cizgi); color: var(--b-ink); font: 600 20px/1.3 var(--ef-font-display); letter-spacing: -0.015em; }
.ef-metin h3:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.ef-metin h2::before { content: ""; display: block; width: 32px; height: 2px; margin-bottom: 16px; background: var(--p-altin-grad); }
.ef-metin ul, .ef-metin ol { margin: 0 0 20px; padding-left: 22px; }
.ef-metin li { margin: 0 0 8px; }
.ef-metin li::marker { color: var(--b-altin); }
.ef-metin strong { color: var(--b-ink); font-weight: 600; }
.ef-metin a { color: var(--b-ink); text-decoration: underline; text-decoration-color: var(--p-altin-3); text-underline-offset: 3px; }
.ef-metin a:hover { text-decoration-thickness: 2px; }
.ef-metin table { width: 100%; border-collapse: collapse; font-size: 14px; display: block; overflow-x: auto; }
.ef-metin th, .ef-metin td { border: 1px solid var(--b-cizgi); padding: 10px 12px; text-align: left; vertical-align: top; }
.ef-metin th { background: var(--b-yuzey-2); color: var(--b-ink); }

/* ---------------------------------------------------------------- Blog listesi: premium kartlar */
.ef-yazilar { list-style: none; margin: 0; padding: 0; display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); }
.ef-yazi-satir a { display: flex; flex-direction: column; height: 100%; border-radius: 24px; overflow: hidden; background: var(--b-yuzey); border: 1px solid var(--b-cizgi);
  box-shadow: var(--b-golge); color: inherit; text-decoration: none; transition: transform .45s var(--p-yumusak), box-shadow .45s, border-color .3s; }
.ef-yazi-satir a:hover { border-color: var(--p-altin-cizgi); box-shadow: 0 40px 80px -40px rgb(233 199 123 / 0.35), var(--b-golge); }
.ef-yazi-satir a:hover h2 { text-decoration: underline; text-decoration-color: var(--p-altin); text-underline-offset: 4px; }
@media (min-width: 900px) {
  .ef-yazi-one { grid-column: 1 / -1; }
  .ef-yazi-one a { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
  .ef-yazi-one .ef-kapak { aspect-ratio: auto; min-height: 340px; }
  .ef-yazi-one .ef-yazi-govde { justify-content: center; padding: 40px; }
  .ef-yazi-one h2 { font-size: clamp(26px, 2.4vw, 34px) !important; }
}
.ef-kapak { position: relative; aspect-ratio: 16 / 10; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 22px; color: var(--gece-ink);
  background: radial-gradient(120% 90% at 100% 0%, rgb(233 199 123 / 0.28), transparent 50%), radial-gradient(90% 90% at 0% 100%, rgb(74 108 190 / 0.25), transparent 60%), linear-gradient(160deg, var(--gece-kapak), var(--gece-dip)); }
.ef-kapak::after { content: ""; position: absolute; inset: 0; background-image: var(--p-gren); opacity: .025; pointer-events: none; }
.ef-kapak svg { position: absolute; right: -6%; bottom: -10%; width: 70%; opacity: .55; }
.ef-kapak-gorsel { padding: 0; } .ef-kapak-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.ef-kapak-ust { position: relative; z-index: 1; display: flex; justify-content: space-between; font: 500 12px/1 var(--ef-font-mono); letter-spacing: .14em; text-transform: uppercase; color: rgb(247 226 173 / 0.85); }
.ef-kapak-no { position: relative; z-index: 1; font: 600 clamp(64px, 7vw, 104px)/.9 var(--ef-font-display); letter-spacing: -0.03em; background: var(--p-altin-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ef-yazi-govde { display: flex; flex-direction: column; gap: 10px; padding: 24px; flex: 1; }
.ef-yazi-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; color: var(--b-ink-3); font: 500 12px/16px var(--ef-font-mono); }
.ef-yazi-satir h2 { margin: 0; font: 600 21px/1.25 var(--ef-font-display); letter-spacing: -0.02em; color: var(--b-ink); }
.ef-yazi-satir p { margin: 0; color: var(--b-ink-2); font-size: 15px; line-height: 1.6; }
.ef-yazi-satir .ef-ok { margin-top: auto; padding-top: 10px; display: inline-flex; align-items: center; gap: 8px; color: var(--b-ink); font-weight: 600; font-size: 14px; }
.ef-yazi-satir .ef-ok svg { width: 16px; height: 16px; color: var(--b-altin); transition: transform .25s var(--p-yumusak); }
/* Eski liste biçimi (kapaksız satır) */
.ef-yazi-satir a > time { padding: 22px 24px 0; font: 500 12px/16px var(--ef-font-mono); color: var(--b-ink-3); }
.ef-yazi-satir a > div:not(.ef-kapak):not(.ef-yazi-govde) { padding: 10px 24px 24px; }
.ef-yazi-satir a > div:not(.ef-kapak):not(.ef-yazi-govde) p { margin-top: 8px; }
.ef-yazi-satir a > .ef-ok:last-child { display: none; }
.ef-bos { padding: 32px 0; color: var(--b-ink-2); }
.ef-belge-ust + .ef-yazilar { margin-top: 0; }

/* ---------------------------------------------------------------- Blog yazısı */
.ef-makale-duzen { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; align-items: start; }
@media (min-width: 1100px) { .ef-makale-duzen { grid-template-columns: minmax(0, 1fr) 300px; gap: 64px; } }
.ef-makale { max-width: 760px; }
.ef-makale .ef-belge-baslik { max-width: none; }
.ef-makale .ef-metin { font-size: var(--fs-xl); line-height: 1.85; max-width: none; }
.ef-makale .ef-metin > p:first-child { font-size: 20px; line-height: 1.7; color: var(--b-ink); }
.ef-yan { position: sticky; top: calc(var(--ef-ust-h) + 24px); display: grid; gap: 16px; }
@media (max-width: 1099px) { .ef-yan { position: static; } }
.ef-icindekiler { padding: 22px; border-radius: 22px; background: var(--b-yuzey); border: 1px solid var(--b-cizgi); box-shadow: var(--b-golge); }
.ef-icindekiler h2 { margin: 0 0 12px; font: 500 12px/16px var(--ef-font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--b-ink-3); }
.ef-icindekiler ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; counter-reset: b; }
.ef-icindekiler a { display: grid; grid-template-columns: 26px 1fr; gap: 6px; padding: 7px 8px; border-radius: 10px; color: var(--b-ink-2); font-size: 14px; line-height: 1.4; text-decoration: none; }
.ef-icindekiler a::before { counter-increment: b; content: counter(b, decimal-leading-zero); color: var(--b-altin); font: 500 12px/20px var(--ef-font-mono); }
.ef-icindekiler a:hover { background: var(--b-yuzey-2); color: var(--b-ink); }
@media (pointer: coarse) { .ef-icindekiler a, .ef-yasal-dizin a { min-height: 44px; align-items: center; } } /* [D1] içindekiler bağlantıları ≥ 44 px */
.ef-yan-kart { position: relative; overflow: hidden; display: grid; gap: 12px; padding: 24px; border-radius: 22px; color: var(--p-gece-ink);
  background: radial-gradient(100% 100% at 100% 0%, rgb(233 199 123 / 0.25), transparent 55%), linear-gradient(160deg, var(--gece-kapak-2), var(--gece-dip)); }
.ef-yan-kart .ef-bant-etiket { margin: 0; }
.ef-yan-kart b { font: 600 19px/1.25 var(--ef-font-display); letter-spacing: -0.015em; }
.ef-yan-kart .ef-dugme { justify-self: start; }
.ef-etiketler { display: flex; flex-wrap: wrap; gap: 8px; margin: 40px 0 0; padding: 24px 0 0; border-top: 1px solid var(--b-cizgi); list-style: none; }
.ef-etiketler li { padding: 5px 12px; border: 1px solid var(--b-cizgi-2); border-radius: 999px; font: 500 12px/18px var(--ef-font-mono); color: var(--b-ink-2); background: var(--b-yuzey); }
.ef-makale-son { position: relative; overflow: hidden; isolation: isolate; margin-top: clamp(56px, 7vw, 88px); padding: clamp(28px, 4vw, 48px); border-radius: 28px; color: var(--p-gece-ink);
  background: radial-gradient(80% 140% at 100% 0%, rgb(233 199 123 / 0.28), transparent 55%), radial-gradient(60% 100% at 0% 100%, rgb(74 108 190 / 0.22), transparent 60%), linear-gradient(160deg, var(--gece-kapak), var(--gece-0));
  display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between; }
.ef-makale-son p { margin: 8px 0 0; max-width: 52ch; color: var(--p-gece-ink-2); }
.ef-makale-son b { display: block; color: var(--p-gece-beyaz); font: 600 clamp(24px, 2.6vw, 34px)/1.1 var(--ef-font-display); letter-spacing: -0.03em; }
.ef-makale-son .ef-bant-etiket { margin: 0 0 12px; }
/* [GP-P1 · S-09] araçlar merkezi bağlantısı (CTA altında tam genişlik satır) */
.ef-makale-son .ef-makale-araclar { flex-basis: 100%; margin: 0; font-size: 14px; }
.ef-makale-son .ef-makale-araclar a { color: var(--p-gece-ink); text-decoration: underline; text-decoration-color: var(--p-altin); text-underline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ef-yazi-satir a, .ef-yazi-satir .ef-ok svg { transition: none; } }
/* [Site bağlantı kurgusu 2026-10-19] Belge sayfası "sonraki adım" satırı (kurum/yasal metin kartının sonu; rehberde CTA kartı içinde). */
.ef-sonraki { margin: 28px 0 0; padding-top: 16px; border-top: 1px solid var(--b-cizgi); font-size: 14px; line-height: 1.9; color: var(--b-ink-2); }
.ef-sonraki strong { color: var(--b-ink); font-weight: 600; }
.ef-sonraki a { color: var(--b-ink); text-decoration: underline; text-decoration-color: var(--b-altin); text-underline-offset: 3px; }
.ef-makale-son .ef-makale-araclar strong { color: var(--p-gece-beyaz); font-weight: 600; }

/* [P8 B71] Yazı sonu bağlam blokları: İlgili rehberler / İlgili bölgeler / Araçlar (yalnız başlık ve bağlantı). */
.ef-ilgili { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--b-cizgi); }
.ef-ilgili h2 { margin: 0 0 10px; font: 500 12px/16px var(--ef-font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--b-ink-3); }
.ef-ilgili ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ef-ilgili a { color: var(--b-ink); text-decoration: underline; text-decoration-color: var(--b-altin); text-underline-offset: 3px; }