/* ==========================================================================
   KG Savunma /new — Üretim ve Kalite (tpl-manufacturing) · v2 sinematik
   01 Üretim rotası: Op 010 → 070. Varsayılan (JS yok / mobil / reduced-motion / alçak ekran) = DİKEY zaman çizelgesi.
      .mf-route.is-scrub (JS, ≥1024 px genişlik ve ≥640 px yükseklik, hareket serbest) = YATAY sahne: sticky + scroll-scrub.
      Rota çizgisi Op 050'ye kadar gri, 050'den itibaren altın (altın testte kazanılır).
   02 Test yöntemi: V₅₀ eğrisi, BFD kesiti (SVG + HTML etiket), çevresel koşullandırma bandı, rapor çağrısı.
   03 Kalite ve izlenebilirlik: şematik etiket, iz zinciri, talep üzerine belgeler.
   Yalnız transform/opacity canlandırılır. Kapsam: .tpl-manufacturing ve .mf-* kökleri.
   ========================================================================== */

.tpl-manufacturing {
  --mf-railw: 44px;                                   /* dikey modda rota sütunu */
  --mf-pad: clamp(28px, 3.1vw, 56px);                 /* yatay modda panel iç boşluğu = düğüm konumu */
  --mf-dim: rgba(236, 234, 228, .075);                /* sönük ("kazınmış") rakam */
  --mf-base: rgba(236, 234, 228, .13);                /* çizilmemiş rota */
  --mf-ink: #ECEAE4;
  --mf-mute: #8E9096;                                 /* küçük etiketler: koyu zeminde AA (≈ 5,9:1) */
}

/* ---------- giriş: alt şerit ince ayarı ---------- */
.tpl-manufacturing .phero__meta .mf-nf { font-family: var(--f); letter-spacing: 0; font-weight: 500; }
.tpl-manufacturing .phero__meta .mf-lc { text-transform: none; }
.tpl-manufacturing .phero__meta .mf-sub { font-size: .78em; vertical-align: -.28em; line-height: 0; letter-spacing: .02em; margin-inline-start: .06em; }
@media (min-width: 1100px) { .tpl-manufacturing .phero__title { max-width: 12ch; } }
/* giriş görseli: atıcının yüzü/tüfeği başlığın altında kalmasın → görsel kutusu metin tarafında %16 içeride başlar,
   karşı kenarda %8 taşar (kesilir); metin tarafı koyu zemine yumuşak geçer. RTL'de metin sağda → aynalı (fotoğraf aynalanmaz).
   Kutu 0,92 × genişlik: kaynak 1600 px, 1920'de bile eskisinden (1,2×) az büyütülür. */
@media (min-width: 900px) {
  .tpl-manufacturing .phero__media {
    inset-inline: 16% -8%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.5) 10%, #000 30%);
            mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.5) 10%, #000 30%);
  }
  [dir="rtl"] .tpl-manufacturing .phero__media {
    -webkit-mask-image: linear-gradient(270deg, transparent 0, rgba(0,0,0,.5) 10%, #000 30%);
            mask-image: linear-gradient(270deg, transparent 0, rgba(0,0,0,.5) 10%, #000 30%);
  }
}
/* geniş ekranda metin sütunu ortalanır (sağa kayar) → görsel de biraz daha içeride başlar */
@media (min-width: 1600px) { .tpl-manufacturing .phero__media { inset-inline: 21% -9%; } }

/* ═══════════════════════════ 01 · ÜRETİM ROTASI ═══════════════════════════ */
.mf-route { position: relative; background: var(--k1); isolation: isolate; scroll-margin-top: calc(-1 * (var(--mast) + 16px)); }
.mf-route__stage { position: relative; }
.mf-route__track { position: relative; padding-block: var(--sec) clamp(24px, 3vw, 48px); }
/* çizim kâğıdı ızgarası (iz düşümü) */
.mf-route__track::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(236,234,228,.032) 1px, transparent 1px), linear-gradient(90deg, rgba(236,234,228,.032) 1px, transparent 1px);
  background-size: 96px 96px; background-position: -1px -1px;
}
.mf-panel { position: relative; }

/* ── giriş paneli (bölüm başlığı) ── */
.mf-intro { max-width: var(--maxw); margin-inline: auto; padding-inline: var(--m); padding-bottom: clamp(36px, 5vw, 72px); display: grid; gap: 28px 64px; }
.mf-intro__head > * + * { margin-top: 20px; }
.mf-intro__title { max-width: 17ch; }
.mf-intro__body > * + * { margin-top: 28px; }
.mf-intro__lead { max-width: 34em; }
@media (min-width: 1100px) { .mf-intro { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: end; } }
.mf-intro .mf-rail { display: none; }

/* işaretler (lejant) */
.mf-key { display: grid; gap: 12px; padding-top: 18px; border-top: 1px solid var(--line); }
.mf-key__k { font-family: var(--f-m); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--mf-mute); }
.mf-key__list { display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: 13.5px; color: var(--fg2); }
.mf-key__list li { display: inline-flex; align-items: center; gap: 9px; }
.mf-key__au { flex-basis: 100%; }
.mf-ks { inline-size: 16px; block-size: 16px; flex: none; fill: none; stroke: var(--fg); stroke-width: 1.6; }
.mf-ks--move { stroke-width: 1.4; }
[dir="rtl"] .mf-ks--move, [dir="rtl"] .mf-sym--move { transform: scaleX(-1); }
.mf-key__sw { position: relative; flex: none; inline-size: 30px; block-size: 12px; }
.mf-key__sw::before { content: ""; position: absolute; inset-inline: 0; top: 50%; block-size: 1px; background: var(--mf-base); }
.mf-key__sw i { position: absolute; inset-inline: 6px 0; top: 50%; block-size: 2px; margin-top: -1px; background: var(--au); }
.mf-hint { display: none; }

/* ── operasyon (dikey varsayılan) ── */
.mf-op {
  --no-fs: clamp(76px, 15vw, 150px);
  --op-pt: clamp(30px, 4.4vw, 60px);
  --node-y: calc(var(--op-pt) + var(--no-fs) * .4);
  max-width: var(--maxw); margin-inline: auto; padding: var(--op-pt) var(--m) clamp(30px, 4.4vw, 60px);
  display: grid; grid-template-columns: var(--mf-railw) minmax(0, 1fr); column-gap: clamp(14px, 2.4vw, 40px); align-items: start;
}
.mf-op__head, .mf-op__body { grid-column: 2; min-width: 0; }
.mf-op__head { margin-bottom: 10px; }
@media (min-width: 900px) {
  .mf-op { grid-template-columns: var(--mf-railw) minmax(0, .52fr) minmax(0, 1fr); column-gap: clamp(24px, 3.6vw, 64px); }
  .mf-op__head { grid-column: 2; margin: 0; }
  .mf-op__body { grid-column: 3; padding-top: calc(var(--no-fs) * .06); }
  .mf-op__text { max-width: 50ch; }
  .mf-op__name { max-width: 22ch; }
}

/* dev rakam: sönük katman + "yanan" katman (çift öteleme ile soldan sağa silme; yalnız transform) */
.mf-no {
  position: relative; display: inline-block; margin: 0;
  font-family: "Hubot Sans", "Hubot Fallback", "Arial Narrow", Arial, sans-serif; font-stretch: 75%; font-weight: 850;
  font-size: var(--no-fs); line-height: .8; letter-spacing: -.012em; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.mf-no__dim { display: block; color: var(--mf-dim); text-shadow: 0 1px 0 rgba(255,255,255,.035), 0 -1px 0 rgba(0,0,0,.55); }
.mf-no__lit { position: absolute; inset: 0; overflow: hidden; }
.mf-no__lit > span {
  display: block;
  background: linear-gradient(180deg, #F7F5F0 0%, #DAD7CF 58%, #B9B6AE 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.mf-op.is-gold .mf-no__lit > span { background-image: linear-gradient(180deg, #FFE597 0%, #F5C842 46%, #C4952A 100%); }
.mf-op.is-gold .mf-no__lit { filter: drop-shadow(0 0 26px rgba(245, 200, 66, .16)); }
/* JS (mf-live): erişilmemiş operasyon sönük, erişilince yanar */
@media (prefers-reduced-motion: no-preference) {
  .mf-live .mf-no__lit, .mf-live .mf-no__lit > span { transition: transform 900ms var(--ease-out); }
  .mf-live .mf-op:not(.is-on) .mf-no__lit { transform: translateX(-101%); }
  .mf-live .mf-op:not(.is-on) .mf-no__lit > span { transform: translateX(101%); }
  [dir="rtl"] .mf-live .mf-op:not(.is-on) .mf-no__lit { transform: translateX(101%); }
  [dir="rtl"] .mf-live .mf-op:not(.is-on) .mf-no__lit > span { transform: translateX(-101%); }
}

.mf-op__kind { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-family: var(--f-m); font-size: 11.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--mf-mute); }
.mf-op__op { color: var(--fg2); }
.mf-op.is-gold .mf-op__op { color: var(--au); }
.mf-op__sep { inline-size: 18px; block-size: 1px; background: currentColor; opacity: .6; }
.mf-op__name { margin-top: 14px; max-width: 16ch; }
.mf-op__text { margin-top: 14px; max-width: 34ch; font-size: 15.5px; line-height: 1.6; color: var(--fg2); text-wrap: pretty; }
.mf-op__rec { margin-top: 22px; }
.mf-op__rk { display: flex; align-items: center; font-family: var(--f-m); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--mf-mute); }
.mf-op__dash { display: inline-block; inline-size: 18px; block-size: 3px; margin-inline-end: .55em; background: rgba(236,234,228,.28); }
.mf-op .mf-op__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.mf-chip {
  --c: 7px; position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: 7px; min-height: 32px; padding: 4px 12px;
  font-size: 13px; font-weight: 550; line-height: 1.25; color: var(--fg);
}
.mf-chip::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--line2); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%); }
.mf-chip::after { content: ""; position: absolute; inset: 1px; z-index: -1; background: var(--k1); clip-path: polygon(0 0, calc(100% - var(--c) + .41px) 0, 100% calc(var(--c) - .41px), 100% 100%, 0 100%); }
[dir="rtl"] .mf-chip::before { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
[dir="rtl"] .mf-chip::after { clip-path: polygon(calc(var(--c) - .41px) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--c) - .41px)); }
@media (max-width: 760px) { .mf-op .mf-chip { min-height: 44px; padding-inline: 14px; } }   /* dokunmatik hedef (V₅₀ / BFD bağlantıları) */
.mf-op.is-gold .mf-chip::before { background: rgba(245, 200, 66, .55); }
.mf-chip--ln { transition: color var(--t1); }
.mf-chip--ln:hover { color: var(--au); }
.mf-chip--ln:hover::before { background: var(--au); }
.mf-chip .ico { color: var(--au); }

/* ── rota rayı (her panelde: "giriş" parçası düğüme kadar, "çıkış" parçası düğümden sonuna) ── */
.mf-rail { position: absolute; inset-block: 0; inset-inline-start: calc(var(--m) + var(--mf-railw) / 2); inline-size: 0; z-index: 2; pointer-events: none; }
.mf-op .mf-rail { --ny: var(--node-y); }
.mf-cut .mf-rail { --ny: 0px; inset-inline-start: calc(max(0px, (100% - var(--maxw)) / 2) + var(--m) + var(--mf-railw) / 2); z-index: 3; }
.mf-rail__in, .mf-rail__out { position: absolute; inset-inline-start: -1px; inline-size: 2px; background: var(--mf-base); overflow: hidden; }
.mf-rail__in { top: 0; block-size: var(--ny); }
.mf-rail__out { top: var(--ny); bottom: 0; }
.mf-rail [data-mf-fill] { position: absolute; inset: 0; background: rgba(236, 234, 228, .62); transform-origin: 50% 0; will-change: transform; }
.mf-rail .is-au [data-mf-fill] { background: var(--au); }
.mf-cut .mf-rail [data-mf-fill] { background: rgba(236, 234, 228, .5); }
.mf-cut .mf-rail .is-au [data-mf-fill] { background: var(--au); }
.mf-rail__node {
  position: absolute; top: var(--ny); inset-inline-start: 0; translate: -50% -50%;
  display: grid; place-items: center; inline-size: 30px; block-size: 30px; background: var(--k1);
}
[dir="rtl"] .mf-rail__node { translate: 50% -50%; }
.mf-sym { inline-size: 24px; block-size: 24px; fill: var(--k1); stroke: rgba(236, 234, 228, .78); stroke-width: 1.6; }
.mf-sym--move { fill: none; stroke-width: 1.5; }
.mf-sym--test { fill: var(--au); stroke: var(--au); }
.mf-op.is-gold .mf-sym { stroke: var(--au); }
.mf-sym--start { fill: none; stroke: rgba(236,234,228,.6); }
.mf-rail--end .mf-rail__out { bottom: 22%; }
.mf-rail__head { position: absolute; inset-inline-start: 0; bottom: 22%; translate: -50% 100%; inline-size: 0; block-size: 0; border-inline: 7px solid transparent; border-top: 12px solid var(--au); }
[dir="rtl"] .mf-rail__head { translate: 50% 100%; }

/* ── ara plan (saha fotoğrafı) ── */
.mf-cut { margin: 0; min-height: clamp(460px, 74svh, 860px); display: flex; align-items: flex-end; color: #ECEAE4; background: var(--k0); }
.mf-cut__media { position: absolute; inset: 0; overflow: hidden; }
.mf-cut__img { position: absolute; inset: 0; }
.mf-cut__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mf-cut__scrim { position: absolute; inset: 0; z-index: 1; pointer-events: none; background:
  linear-gradient(180deg, rgba(11,12,15,1) 0%, rgba(11,12,15,.3) 16%, rgba(6,7,8,0) 40%, rgba(6,7,8,.55) 78%, rgba(6,7,8,.9) 100%),
  radial-gradient(90% 70% at 0% 100%, rgba(6,7,8,.7) 0%, rgba(6,7,8,0) 70%); }
.mf-cut--right .mf-cut__scrim { background:
  linear-gradient(180deg, rgba(11,12,15,1) 0%, rgba(11,12,15,.3) 16%, rgba(6,7,8,0) 40%, rgba(6,7,8,.55) 78%, rgba(6,7,8,.9) 100%),
  radial-gradient(90% 70% at 100% 100%, rgba(6,7,8,.7) 0%, rgba(6,7,8,0) 70%); }
.mf-cut__cap {
  position: relative; z-index: 4; width: 100%; max-width: var(--maxw); margin-inline: auto;
  padding: 0 var(--m) clamp(40px, 6vw, 88px) calc(var(--m) + var(--mf-railw) + clamp(14px, 2.4vw, 40px));
}
[dir="rtl"] .mf-cut__cap { padding: 0 calc(var(--m) + var(--mf-railw) + clamp(14px, 2.4vw, 40px)) clamp(40px, 6vw, 88px) var(--m); }
.mf-cut__capin { width: fit-content; max-width: min(100%, 40rem); }
/* ara plan metni FİZİKSEL tarafa yerleşir (bayrak/arma yamalarından uzak; RTL'de de aynı yer) */
.mf-cut--left .mf-cut__capin { margin-right: auto; }
.mf-cut--right .mf-cut__capin { margin-left: auto; }
[dir="rtl"] .mf-route:not(.is-scrub) .mf-cut--left .mf-cut__cap { padding: 0 var(--m) clamp(40px, 6vw, 88px) var(--m); }
[dir="ltr"] .mf-route:not(.is-scrub) .mf-cut--right .mf-cut__cap { padding-inline-end: var(--m); }
@media (max-width: 760px) {
  .mf-cut--1 .mf-cut__img img { object-position: 14% 30% !important; }
  .mf-cut--6 .mf-cut__img img { object-position: 30% 50% !important; }   /* dar ekranda iki iple inen asker de kadrajda */
}
/* "Op 040 → 050" işareti fotoğrafın açık yerine (ör. telefonda sırt çantası) düşebilir → koyu, pahlı HUD etiketi: her zeminde AA (≥ 4,5:1) */
.mf-cut__k {
  --c: 6px; position: relative; isolation: isolate; display: flex; flex-wrap: wrap; align-items: center; gap: 0 .6em; width: fit-content;
  padding: 5px 11px 4px; font-family: var(--f-m); font-size: 11.5px; line-height: 1.3; letter-spacing: .16em; text-transform: uppercase; color: rgba(236,234,228,.9);
}
.mf-cut__k::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(6,7,8,.7); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%); }
[dir="rtl"] .mf-cut__k::before { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.mf-cut__k bdi, .mf-cut__k .mf-rng { color: var(--au); }
.mf-cut__t {
  margin-top: 16px; max-width: 13ch;
  font-family: var(--f-d); font-stretch: 75%; font-weight: 820; text-transform: uppercase; letter-spacing: .004em;
  font-size: clamp(38px, 5.2vw, 88px); line-height: .9; text-wrap: balance;
}
.mf-cut__t em { font-style: normal; color: var(--au); }
.mf-cut__s { margin-top: 22px; max-width: 34em; font-size: 15.5px; color: rgba(236,234,228,.8); }
.mf-cut__s .link { color: #ECEAE4; }

/* ── yatay sahne göstergesi + çizim başı (yalnız scrub) ── */
.mf-hud, .mf-head { display: none; }

/* ═════════ YATAY SAHNE (yalnız ekran; yazdırmada dikey kalır) ═════════ */
@media screen {
  .mf-route.is-scrub { --rail-y: clamp(250px, 50vh, 490px); }
  .is-scrub .mf-route__stage { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
  .is-scrub .mf-route__stage::after {   /* film kenar karartması */
    content: ""; position: absolute; inset: 0; z-index: 4; pointer-events: none;
    background: linear-gradient(90deg, rgba(11,12,15,.55) 0%, rgba(11,12,15,0) 7%, rgba(11,12,15,0) 93%, rgba(11,12,15,.55) 100%);
  }
  .is-scrub .mf-route__track { display: flex; align-items: stretch; width: max-content; height: 100%; padding: 0; will-change: transform; }
  .is-scrub .mf-route__track::before { background-size: 120px 120px; }
  .is-scrub .mf-panel { flex: none; height: 100%; max-width: none; margin: 0; padding: 0; }

  /* giriş paneli */
  .is-scrub .mf-intro { --mf-pad: var(--m); display: block; inline-size: clamp(560px, 46vw, 760px); }
  .is-scrub .mf-intro__head { position: absolute; inset-inline: var(--m) clamp(24px, 3vw, 56px); bottom: calc(100% - var(--rail-y) + clamp(28px, 4.4vh, 48px)); }
  .is-scrub .mf-intro__title { max-width: 17ch; font-size: clamp(44px, min(4.6vw, 8vh), 86px); text-wrap: wrap; }
  .is-scrub .mf-intro__body { position: absolute; inset-inline: var(--m) clamp(40px, 5vw, 96px); top: calc(var(--rail-y) + clamp(30px, 4.6vh, 48px)); }
  .is-scrub .mf-intro__body > * + * { margin-top: clamp(16px, 2.6vh, 28px); }
  .is-scrub .mf-intro__lead { font-size: clamp(15.5px, min(1.2vw, 2.1vh), 19px); }
  .is-scrub .mf-intro .mf-rail { display: block; }
  .is-scrub .mf-hint { display: inline-flex; align-items: center; gap: 12px; font-family: var(--f-m); font-size: 11.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--au); }

  /* operasyon panelleri */
  .is-scrub .mf-op { --no-fs: clamp(120px, 27vh, 262px); display: block; inline-size: clamp(400px, 31vw, 540px); }
  .is-scrub .mf-op__head { position: absolute; inset-inline: var(--mf-pad) 0; bottom: calc(100% - var(--rail-y) + clamp(22px, 3.6vh, 40px)); margin: 0; }
  .is-scrub .mf-op__body { position: absolute; inset-inline: var(--mf-pad) calc(var(--mf-pad) * .7); top: calc(var(--rail-y) + clamp(28px, 4.6vh, 50px)); padding: 0; }
  .is-scrub .mf-op__name { margin-top: clamp(10px, 1.6vh, 16px); font-size: clamp(24px, min(2.1vw, 3.9vh), 34px); }
  .is-scrub .mf-op__text { margin-top: clamp(8px, 1.4vh, 14px); font-size: clamp(14.5px, min(1.1vw, 2vh), 16px); }
  .is-scrub .mf-op__rec { margin-top: clamp(12px, 2.2vh, 22px); }

  /* ara planlar */
  .is-scrub .mf-cut { --mf-pad: clamp(40px, 4vw, 72px); inline-size: clamp(620px, 58vw, 980px); min-height: 0; align-items: stretch; }
  .is-scrub .mf-cut--end { inline-size: clamp(700px, 74vw, 1240px); }
  .is-scrub .mf-cut__img { inset: 0 -9%; will-change: transform; }
  .is-scrub .mf-cut__scrim { background:
    linear-gradient(180deg, rgba(6,7,8,.32) 0%, rgba(6,7,8,0) 20%, rgba(6,7,8,0) 52%, rgba(6,7,8,.62) 86%, rgba(6,7,8,.9) 100%),
    radial-gradient(85% 75% at 0% 100%, rgba(6,7,8,.82) 0%, rgba(6,7,8,.3) 46%, rgba(6,7,8,0) 72%); }
  .is-scrub .mf-cut--right .mf-cut__scrim { background:
    linear-gradient(180deg, rgba(6,7,8,.32) 0%, rgba(6,7,8,0) 20%, rgba(6,7,8,0) 52%, rgba(6,7,8,.62) 86%, rgba(6,7,8,.9) 100%),
    radial-gradient(85% 75% at 100% 100%, rgba(6,7,8,.82) 0%, rgba(6,7,8,.3) 46%, rgba(6,7,8,0) 72%); }
  .is-scrub .mf-cut__cap { position: absolute; left: var(--mf-pad); right: auto; bottom: clamp(96px, 14vh, 150px); width: auto; max-width: none; margin: 0; padding: 0; }
  .is-scrub .mf-cut--right .mf-cut__cap { left: auto; right: var(--mf-pad); }
  .is-scrub .mf-cut__t { font-size: clamp(42px, min(4.6vw, 8.4vh), 92px); }
  .is-scrub .mf-cut__s { max-width: 30em; }

  /* ray: yatay */
  .is-scrub .mf-rail { inset: auto 0; top: var(--rail-y); inline-size: auto; block-size: 0; }
  .is-scrub .mf-cut .mf-rail { inset-inline: 0; }
  .is-scrub .mf-rail__in, .is-scrub .mf-rail__out { top: -1px; block-size: 2px; inline-size: auto; }
  .is-scrub .mf-rail__in { inset-inline: 0 auto; inline-size: var(--mf-pad); }
  .is-scrub .mf-rail__out { inset-inline: var(--mf-pad) 0; bottom: auto; }
  .is-scrub .mf-cut .mf-rail__out { inset-inline-start: 0; }
  .is-scrub .mf-rail [data-mf-fill] { transform-origin: 0 50%; }
  [dir="rtl"] .is-scrub .mf-rail [data-mf-fill] { transform-origin: 100% 50%; }
  .is-scrub .mf-rail__node { top: 0; inset-inline-start: var(--mf-pad); }
  .is-scrub .mf-cut .mf-rail__out { background: rgba(236,234,228,.22); }
  .is-scrub .mf-rail--end .mf-rail__out { inset-inline-end: 38%; }
  .is-scrub .mf-rail__head { top: 0; bottom: auto; inset-inline-start: 62%; translate: 0 -50%; border-block: 7px solid transparent; border-inline: 12px solid transparent; border-inline-end: 0; border-inline-start-color: var(--au); border-top-color: transparent; }
  [dir="rtl"] .is-scrub .mf-rail__head { translate: 0 -50%; }

  /* çizim başı: rayın ucunda duran 45° elmas işaret (Op 050'den sonra altın) */
  .is-scrub .mf-head { display: block; position: absolute; z-index: 5; top: var(--rail-y); left: 0; inline-size: 0; block-size: 0; pointer-events: none; transition: opacity var(--t2) var(--ease); }
  .is-scrub .mf-head::before { content: ""; position: absolute; left: -.5px; top: -30px; inline-size: 1px; block-size: 60px; background: linear-gradient(180deg, rgba(236,234,228,0), rgba(236,234,228,.55) 50%, rgba(236,234,228,0)); }
  .is-scrub .mf-head i { position: absolute; left: -6px; top: -6px; inline-size: 12px; block-size: 12px; transform: rotate(45deg); background: var(--k1); box-shadow: inset 0 0 0 1.5px #ECEAE4, 0 0 0 5px rgba(236,234,228,.07); transition: box-shadow var(--t2) var(--ease); }
  .is-scrub .mf-head.is-au::before { background: linear-gradient(180deg, rgba(245,200,66,0), rgba(245,200,66,.7) 50%, rgba(245,200,66,0)); }
  .is-scrub .mf-head.is-au i { background: var(--au); box-shadow: inset 0 0 0 1.5px var(--au), 0 0 0 5px rgba(245,200,66,.16), 0 0 22px rgba(245,200,66,.28); }
  .is-scrub .mf-head.is-end { opacity: 0; }
  .is-scrub .mf-no { will-change: transform; }

  /* gösterge */
  .is-scrub .mf-hud {
    position: absolute; z-index: 6; inset-inline: var(--m); bottom: clamp(14px, 2.8vh, 30px);
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "k ticks cur" ". bar ."; align-items: center; gap: 4px clamp(18px, 2.4vw, 40px);
  }
  .is-scrub .mf-hud[hidden] { display: none !important; }
}
.mf-hud__k { grid-area: k; font-family: var(--f-m); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--mf-mute); }
.mf-hud__ticks { grid-area: ticks; display: flex; justify-content: space-between; gap: 4px; }
.mf-hud__t {
  position: relative; display: inline-grid; place-items: center; min-width: 44px; min-height: 30px; padding: 0 4px;
  font-family: var(--f-m); font-size: 11.5px; letter-spacing: .1em; color: var(--mf-mute); transition: color var(--t1);
}
.mf-hud__t::after { content: ""; position: absolute; inset-inline: 10px; bottom: 2px; block-size: 2px; background: currentColor; transform: scaleX(0); transition: transform var(--t2) var(--ease-out); }
.mf-hud__t:hover { color: var(--fg); }
.mf-hud__t.is-on { color: var(--fg2); }
.mf-hud__t.is-gold.is-on { color: var(--au); }
.mf-hud__t.is-cur { color: var(--fg); }
.mf-hud__t.is-gold.is-cur { color: var(--au); }
.mf-hud__t.is-cur::after { transform: scaleX(1); }
.mf-hud__cur { grid-area: cur; direction: ltr; display: flex; align-items: baseline; gap: 6px; font-family: "Hubot Sans", "Hubot Fallback", sans-serif; font-stretch: 75%; font-weight: 800; font-variant-numeric: tabular-nums; }
.mf-hud__n { font-size: 30px; line-height: 1; color: var(--fg); }
.mf-hud.is-gold .mf-hud__n { color: var(--au); }
.mf-hud__of { font-size: 15px; color: var(--mf-mute); }
.mf-hud__bar { grid-area: bar; position: relative; block-size: 1px; background: var(--mf-base); }
.mf-hud__bar i { position: absolute; inset: 0; background: rgba(236,234,228,.7); transform: scaleX(0); transform-origin: 0 50%; }
[dir="rtl"] .mf-hud__bar i { transform-origin: 100% 50%; }
.mf-hud.is-gold .mf-hud__bar i { background: var(--au); }

@media (prefers-reduced-motion: no-preference) {
  .is-scrub .mf-hint .ico { animation: mf-nudge 1.8s var(--ease) infinite; }
  [dir="rtl"] .is-scrub .mf-hint .ico { animation-name: mf-nudge-rtl; }
}
@keyframes mf-nudge { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(6px); } }
@keyframes mf-nudge-rtl { 0%, 100% { transform: scaleX(-1) translateX(0); } 50% { transform: scaleX(-1) translateX(6px); } }

/* ═══════════════════════════ 02 · TEST YÖNTEMİ ═══════════════════════════ */
.mf-test { position: relative; overflow: clip; padding-bottom: clamp(72px, 8vw, 140px); }
.mf-test::before {   /* teknik çizim zemini */
  content: ""; position: absolute; inset: 0 0 auto; height: min(1800px, 100%); pointer-events: none; z-index: 0;
  background-image: linear-gradient(rgba(236,234,228,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(236,234,228,.03) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: radial-gradient(90% 60% at 70% 30%, #000 0%, transparent 75%); mask-image: radial-gradient(90% 60% at 70% 30%, #000 0%, transparent 75%);
}
.mf-test > .wrap { position: relative; z-index: 1; }
.mf-shead { margin-bottom: clamp(36px, 4vw, 64px); }
.mf-tidx { inline-size: min(100%, 440px); border-top: 1px solid var(--line2); }
.mf-tidx a {
  display: grid; grid-template-columns: 2.4em minmax(0, 1fr) auto; grid-template-areas: "n c i" "n t i"; align-items: center; column-gap: 14px; row-gap: 2px;
  padding: 14px 4px; border-bottom: 1px solid var(--line); transition: background-color var(--t1) var(--ease);
}
.mf-tidx a:hover { background: rgba(236,234,228,.03); }
.mf-tidx a:hover .ico { color: var(--au); transform: translateY(2px); }
.mf-tidx__n { grid-area: n; font-family: var(--f-m); font-size: 12px; letter-spacing: .14em; color: var(--au); }
.mf-tidx__c { grid-area: c; font-family: var(--f-d); font-stretch: 78%; font-weight: 800; font-size: 20px; line-height: 1.05; text-transform: uppercase; letter-spacing: .01em; }
.mf-tidx__t { grid-area: t; font-size: 13.5px; color: var(--fg2); }
.mf-tidx .ico { grid-area: i; color: var(--fg3); transition: transform var(--t2) var(--ease-out), color var(--t1); }
@media (max-width: 760px) { .mf-tidx { inline-size: 100%; } }
.mf-shead .t-h2 { max-width: 16ch; }

.mf-x {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 4.4vw, 88px); align-items: center;
  padding-block: clamp(44px, 5.4vw, 92px); border-top: 1px solid var(--line);
}
.mf-x--bfd { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.mf-x--bfd .mf-x__txt { order: 2; }
@media (max-width: 1099px) {
  .mf-x, .mf-x--bfd { grid-template-columns: minmax(0, 1fr); }
  .mf-x--bfd .mf-x__txt { order: 0; }
}
.mf-x__std { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; font-family: var(--f-m); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--mf-mute); }
.mf-x__std .tag { --tagbg: var(--k0); color: var(--fg); }
.mf-x__glyph {
  margin-top: 22px; display: flex; align-items: baseline; direction: ltr; justify-content: flex-start;
  font-family: "Hubot Sans", "Hubot Fallback", sans-serif; font-stretch: 75%; font-weight: 850; line-height: .78; color: var(--fg);
  font-size: clamp(110px, 12.5vw, 214px); letter-spacing: -.01em;
}
[dir="rtl"] .mf-x__glyph { justify-content: flex-end; }
.mf-x__sub { font-size: .44em; color: var(--au); margin-inline-start: .02em; transform: translateY(.18em); }
.mf-x__lim {
  margin-top: 22px; display: flex; align-items: baseline; gap: .06em; direction: ltr;
  font-family: "Hubot Sans", "Hubot Fallback", sans-serif; font-stretch: 75%; font-weight: 850; line-height: .78; color: var(--au);
  font-size: clamp(110px, 12.5vw, 214px); letter-spacing: -.01em; filter: drop-shadow(0 0 30px rgba(245, 200, 66, .14));
}
[dir="rtl"] .mf-x__lim { justify-content: flex-end; }
.mf-x__le { font-size: .5em; color: rgba(245, 200, 66, .85); margin-inline-end: .06em; }
.mf-x__lu { font-size: .3em; color: var(--fg2); letter-spacing: .02em; margin-inline-start: .08em; }
.mf-x__limk { margin-top: 14px; font-family: var(--f-m); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--mf-mute); }
.mf-x__name { margin-top: 26px; }
.mf-x__text { margin-top: 16px; }
.mf-x .mf-x__key { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 26px; font-size: 13.5px; color: var(--fg2); }
.mf-x__key li { display: inline-flex; align-items: center; gap: 9px; }
.mf-m { display: inline-block; flex: none; inline-size: 11px; block-size: 11px; }
.mf-m--cp { background: #ECEAE4; }
.mf-m--pp { border: 2px solid rgba(236,234,228,.8); }
.mf-m--v { inline-size: 11px; block-size: 11px; border-radius: 50%; background: var(--au); box-shadow: 0 0 0 4px rgba(245,200,66,.18); }

/* şekil çerçevesi */
.mf-fig {
  position: relative; margin: 0; padding: clamp(18px, 2.2vw, 34px) clamp(16px, 2vw, 30px) clamp(14px, 1.6vw, 22px);
  background: radial-gradient(120% 90% at 40% 20%, #15171C 0%, #0D0E11 70%), var(--k1);
  box-shadow: inset 0 0 0 1px rgba(236,234,228,.08);
}
.mf-fig::before, .mf-fig::after { border-color: rgba(245, 200, 66, .75); }
.mf-fig__art { position: relative; }
.mf-fx { inline-size: 100%; height: auto; overflow: visible; }
.mf-fig__cap { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 12.5px; line-height: 1.5; color: var(--mf-mute); }
.mf-fig__cap b { color: var(--fg2); font-weight: 600; }

/* çizim üstü etiketler */
.mf-fl {
  position: absolute; left: var(--x); top: var(--y); translate: 0 -50%; white-space: nowrap; pointer-events: none;
  font-size: clamp(10.5px, .95vw, 13.5px); line-height: 1.2; font-weight: 550; color: rgba(236,234,228,.82);
  padding: 2px 5px; background: rgba(13, 14, 17, .78);
}
.mf-fl--end { translate: -100% -50%; }
.mf-fl--mid { translate: -50% -50%; }
.mf-fl--tick { font-family: var(--f-m); font-weight: 500; font-size: clamp(10px, .85vw, 12px); color: var(--mf-mute); background: none; padding: 0; }
.mf-fl--axis { font-family: var(--f-m); font-weight: 500; letter-spacing: .1em; text-transform: uppercase; font-size: clamp(9.5px, .8vw, 11.5px); color: var(--fg2); }
.mf-fl--au { color: var(--au); }
.mf-fl--big { font-family: "Hubot Sans", "Hubot Fallback", sans-serif; font-stretch: 75%; font-weight: 800; font-size: clamp(16px, 1.7vw, 26px); letter-spacing: .01em; }
.mf-fl--dim { color: var(--mf-mute); background: rgba(13, 14, 17, .86); }

/* SVG çizgileri */
.mf-fx .fx-grid { fill: none; stroke: rgba(236,234,228,.08); stroke-width: 1; stroke-dasharray: 2 7; }
.mf-fx .fx-grid--v { stroke: rgba(236,234,228,.045); }
.mf-fx .fx-axis { fill: none; stroke: rgba(236,234,228,.6); stroke-width: 1.6; }
.mf-fx .fx-head { fill: rgba(236,234,228,.6); }
.mf-fx .fx-tick { stroke: rgba(236,234,228,.6); stroke-width: 1.6; }
.mf-fx .fx-ref { stroke: rgba(236,234,228,.45); stroke-width: 1.5; }
.mf-fx .fx-v50 { fill: none; stroke: var(--au); stroke-width: 1.6; stroke-dasharray: 7 6; }
.mf-fx .fx-curve path { fill: none; stroke: #ECEAE4; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
.mf-fx .fx-pp { fill: #0D0E11; stroke: rgba(236,234,228,.85); stroke-width: 2.2; }
.mf-fx .fx-cp { fill: #ECEAE4; }
.mf-fx .fx-ring { fill: rgba(245,200,66,.08); stroke: rgba(245,200,66,.45); stroke-width: 1.4; }
.mf-fx .fx-dot { fill: var(--au); }
.mf-fx .fx-dim { fill: none; stroke: var(--au); stroke-width: 1.6; }
.mf-fx .fx-dimhead { fill: var(--au); }
.mf-fx .fx-clayline { fill: none; stroke: rgba(236,234,228,.42); stroke-width: 1.5; }
.mf-fx .fx-hatch { fill: none; stroke: rgba(236,234,228,.11); stroke-width: 1.2; }
.mf-fx .fx-limit { fill: none; stroke: var(--au); stroke-width: 2.2; stroke-dasharray: 14 9; }
.mf-fx .fx-armor { stroke: rgba(236,234,228,.78); stroke-width: 1.6; stroke-linejoin: round; }
.mf-fx .fx-ply { fill: none; stroke: rgba(236,234,228,.2); stroke-width: 1; }
.mf-fx .fx-surf { fill: none; stroke: rgba(236,234,228,.5); stroke-width: 1.2; stroke-dasharray: 4 5; }
.mf-fx .fx-trail { stroke: rgba(236,234,228,.42); stroke-width: 1.6; stroke-dasharray: 3 8; }
.mf-fx .fx-bullet { fill: #D9D5CC; }
.mf-fx .fx-bullet-band { stroke: rgba(11,12,15,.45); stroke-width: 2; }
.mf-fx .fx-ext { fill: none; stroke: rgba(236,234,228,.34); stroke-width: 1.1; stroke-dasharray: 3 4; }
.mf-fx .fx-dim2 { stroke: #ECEAE4; stroke-width: 1.6; }
.mf-fx .fx-dimhead2 { fill: #ECEAE4; }
.mf-fx .fx-arm--flat { opacity: 0; }   /* JS/hareket yokken yalnız son (deforme) hâl */

/* şekil canlandırması: JS .mf-anim ekler (yalnız ekran dışındaysa), görünür olunca .is-play */
@media (prefers-reduced-motion: no-preference) {
  .mf-anim .fx-curve path { opacity: 0; transition: opacity 160ms linear; transition-delay: calc(var(--i) * 30ms + 250ms); }
  .mf-anim .fx-pp, .mf-anim .fx-cp { opacity: 0; transform: translateY(-18px); transform-box: fill-box; transition: opacity 360ms var(--ease), transform 620ms var(--ease-out); transition-delay: calc(var(--i) * 55ms + 650ms); }
  .mf-anim .fx-late, .mf-anim .mf-fl--late, .mf-anim .mf-fl--au { opacity: 0; transition: opacity 700ms var(--ease); transition-delay: 1350ms; }
  .mf-anim .fx-shot { opacity: 0; transform: translateY(-90px); transition: transform 620ms cubic-bezier(.55, 0, .8, .2), opacity 220ms linear; }
  .mf-anim .fx-arm--flat { opacity: 1; transition: opacity 120ms linear 600ms; }
  .mf-anim .fx-arm--hit { opacity: 0; transition: opacity 260ms linear 600ms; }
  .mf-anim.is-play .fx-curve path, .mf-anim.is-play .fx-pp, .mf-anim.is-play .fx-cp,
  .mf-anim.is-play .fx-late, .mf-anim.is-play .mf-fl--late, .mf-anim.is-play .mf-fl--au, .mf-anim.is-play .fx-shot, .mf-anim.is-play .fx-arm--hit { opacity: 1; transform: none; }
  .mf-anim.is-play .fx-arm--flat { opacity: 0; }
}

.mf-test__note { color: var(--mf-mute); display: flex; align-items: flex-start; gap: 10px; max-width: 60em; padding-top: 22px; border-top: 1px solid var(--line); }
.mf-test__note .ico { margin-top: 2px; color: var(--fg3); }

/* çevresel koşullandırma bandı: metin + üç koşul solda; sağdaki asker açıkta */
.mf-cond { margin-top: clamp(56px, 7vw, 120px); min-height: clamp(600px, 88svh, 940px); display: flex; align-items: flex-end; color: #ECEAE4; }
.mf-cond__media { position: absolute; inset: 0; overflow: hidden; }
.mf-cond__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; filter: saturate(.82) contrast(1.08) brightness(.86); }
.mf-cond__scrim { position: absolute; inset: 0; z-index: 1; pointer-events: none; background:
  linear-gradient(180deg, rgba(6,7,8,1) 0%, rgba(6,7,8,.25) 16%, rgba(6,7,8,0) 40%, rgba(6,7,8,.45) 74%, rgba(6,7,8,1) 100%),
  linear-gradient(90deg, rgba(6,7,8,.9) 0%, rgba(6,7,8,.6) 34%, rgba(6,7,8,.08) 62%, rgba(6,7,8,0) 80%); }
.mf-cond__in { position: relative; z-index: 3; width: 100%; padding-block: clamp(110px, 13vw, 220px) clamp(56px, 6vw, 96px); }
/* metin sütunu FİZİKSEL solda ve en çok ~%44 genişlikte: sağdaki askerin üzerine (yamalarına) hiç taşmaz; RTL'de de solda */
.mf-cond__col { width: min(44rem, 45vw - max(0px, (100vw - var(--maxw)) / 2) - var(--m)); margin-right: auto; }
.mf-cond__txt { max-width: none; }
.mf-cond__txt > * + * { margin-top: 20px; }
.mf-cond__title { max-width: 14ch; }
.mf-cond__lead { color: rgba(236,234,228,.84); max-width: 34em; }
.mf-cond .mf-cond__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: clamp(28px, 3vw, 44px); }
@media (max-width: 1239px) { .mf-cond .mf-cond__list { grid-template-columns: minmax(0, 1fr); } }
.mf-cond__item {
  --c: 14px; position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); grid-template-areas: "i idx" "n n" "d d"; align-items: center; gap: 12px 14px;
  padding: 16px 18px 18px; background: rgba(8, 9, 11, .62); -webkit-backdrop-filter: blur(10px) saturate(1.1); backdrop-filter: blur(10px) saturate(1.1);
  box-shadow: inset 0 0 0 1px rgba(236,234,228,.12); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%);
}
[dir="rtl"] .mf-cond__item { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
@media (max-width: 1239px) {
  .mf-cond__item { grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "i n idx" "i d idx"; gap: 2px 16px; padding: 14px 18px; }
}
.mf-cond__i { grid-area: i; display: grid; place-items: center; inline-size: 44px; block-size: 44px; color: var(--au); box-shadow: inset 0 0 0 1px rgba(245,200,66,.35); }
.mf-cond__ico { inline-size: 24px; block-size: 24px; }
.mf-cond__n { grid-area: n; font-family: var(--f-d); font-stretch: 78%; font-weight: 800; font-size: clamp(19px, 1.5vw, 24px); line-height: 1; text-transform: uppercase; letter-spacing: .01em; }
.mf-cond__d { grid-area: d; font-size: 13.5px; line-height: 1.4; color: rgba(236,234,228,.72); }
.mf-cond__idx { grid-area: idx; justify-self: end; align-self: start; font-family: var(--f-m); font-size: 11.5px; letter-spacing: .14em; color: rgba(236,234,228,.56); }
@media (max-width: 760px) {
  .mf-cond { display: block; min-height: 0; }
  .mf-cond__media { position: relative; inset: auto; height: min(118vw, 64svh); }
  .mf-cond__media img { object-position: 61% 40%; }
  .mf-cond__col { width: auto; margin: 0; }
  .mf-cond__scrim, [dir="rtl"] .mf-cond__scrim { background: linear-gradient(180deg, rgba(6,7,8,1) 0%, rgba(6,7,8,.12) 20%, rgba(6,7,8,0) 48%, rgba(6,7,8,.82) 86%, rgba(6,7,8,1) 100%); }
  .mf-cond__in { margin-top: clamp(-120px, -18vw, -72px); padding-block: 0 clamp(48px, 10vw, 72px); }
}

/* rapor çağrısı */
.mf-proof {
  --c: 20px; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 48px;
  margin-top: clamp(48px, 6vw, 96px); padding: clamp(26px, 3vw, 44px) clamp(24px, 3.4vw, 52px);
  background: linear-gradient(90deg, rgba(245,200,66,.12) 0%, rgba(245,200,66,0) 55%), var(--k2);
  box-shadow: inset 3px 0 0 var(--au); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%);
}
[dir="rtl"] .mf-proof { background: linear-gradient(270deg, rgba(245,200,66,.12) 0%, rgba(245,200,66,0) 55%), var(--k2); box-shadow: inset -3px 0 0 var(--au); clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.mf-proof__t { font-family: var(--f-d); font-stretch: 75%; font-weight: 820; text-transform: uppercase; font-size: clamp(30px, 3.4vw, 56px); line-height: .92; letter-spacing: .004em; }
.mf-proof__t em { font-style: normal; color: var(--au); }
.mf-proof__s { margin-top: 12px; max-width: 34em; color: var(--fg2); }
.mf-proof__act { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; }
.mf-proof .btn { --bgx: var(--k2); }

/* ═══════════════════════════ 03 · KALİTE VE İZLENEBİLİRLİK ═══════════════════════════ */
.mf-trace__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 112px); align-items: center; }
@media (max-width: 1000px) { .mf-trace__grid { grid-template-columns: minmax(0, 1fr); } }

/* şematik iz etiketi (lazer işaretli plaka) */
.mf-tag { margin: 0; perspective: 1400px; }
.mf-tag__plate {
  --c: 26px; position: relative; aspect-ratio: 16 / 10.4; padding: clamp(20px, 2.6vw, 40px);
  display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto 1fr; gap: clamp(14px, 2vw, 28px) clamp(18px, 2.4vw, 36px);
  color: #DCD9D1;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.016) 0 1px, rgba(0,0,0,0) 1px 3px),
    radial-gradient(130% 120% at 18% 0%, #2E333C 0%, #1B1E24 52%, #121418 100%);
  box-shadow: inset 0 0 0 1px rgba(236,234,228,.12), inset 0 1px 0 rgba(255,255,255,.07), inset 0 -30px 60px rgba(0,0,0,.35);
  clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%);
  transform-style: preserve-3d; transition: transform 700ms var(--ease-out);
}
[dir="rtl"] .mf-tag__plate { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.mf-tag__screw { position: absolute; inline-size: 10px; block-size: 10px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #4A505B 0%, #22262D 60%, #0E1013 100%); box-shadow: 0 0 0 1px rgba(0,0,0,.5); }
.mf-tag__screw:nth-child(1) { top: 12px; inset-inline-start: 12px; }
.mf-tag__screw:nth-child(2) { top: 12px; inset-inline-end: 34px; }
.mf-tag__screw:nth-child(3) { bottom: 12px; inset-inline-start: 12px; }
.mf-tag__screw:nth-child(4) { bottom: 12px; inset-inline-end: 12px; }
.mf-tag__head { grid-column: 1 / -1; display: flex; align-items: center; gap: 16px; padding-bottom: clamp(12px, 1.6vw, 20px); border-bottom: 1px solid rgba(236,234,228,.14); }
.mf-tag__brand { font-family: var(--f-d); font-stretch: 105%; font-weight: 800; font-size: clamp(17px, 1.7vw, 24px); letter-spacing: .16em; text-transform: uppercase; color: #E9E6DE; text-shadow: 0 1px 0 rgba(0,0,0,.6); }
.mf-tag__fields { display: grid; align-content: center; gap: clamp(10px, 1.4vw, 16px); margin: 0; }
.mf-tag__fields > div { display: grid; grid-template-columns: minmax(7.5em, auto) minmax(0, 1fr); align-items: center; gap: 14px; }
.mf-tag__fields dt { font-family: var(--f-m); font-size: clamp(10px, .9vw, 11.5px); letter-spacing: .16em; text-transform: uppercase; color: rgba(236,234,228,.66); }
.mf-tag__fields dd { margin: 0; display: flex; align-items: center; gap: 8px; min-height: 18px; }
.mf-redact { display: inline-block; inline-size: calc(var(--w) * 1.05em); max-inline-size: 100%; block-size: .95em; background: #07080A; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), inset 0 1px 2px rgba(0,0,0,.8); }
.mf-tag__slash { color: rgba(236,234,228,.56); font-family: var(--f-m); }
.mf-tag__rt { font-family: var(--f-m); font-size: clamp(12px, 1.05vw, 14px); letter-spacing: .1em; color: var(--au); }
.mf-tag__wm { position: absolute; inset-inline-end: -4%; top: 50%; inline-size: 46%; height: auto; translate: 0 -50%; color: rgba(236,234,228,.035); pointer-events: none; }
.mf-tag__head, .mf-tag__fields, .mf-tag__dm { position: relative; z-index: 1; }
.mf-tag__dm { align-self: end; inline-size: clamp(84px, 9vw, 132px); block-size: auto; fill: #D9D6CE; opacity: .88; }
.mf-tag__scan { position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: 2px; background: var(--au); opacity: 0; box-shadow: 0 0 0 1px rgba(245,200,66,.08); pointer-events: none; }
.mf-tag__scan::before { content: ""; position: absolute; inset-block: 0; inset-inline-end: 2px; inline-size: 90px; background: linear-gradient(90deg, rgba(245,200,66,0), rgba(245,200,66,.10)); }
[dir="rtl"] .mf-tag__scan::before { background: linear-gradient(270deg, rgba(245,200,66,0), rgba(245,200,66,.10)); }
@media (prefers-reduced-motion: no-preference) {
  .mf-tag.is-in .mf-tag__scan { animation: mf-scan 5.2s var(--ease) 900ms infinite; }
  [dir="rtl"] .mf-tag.is-in .mf-tag__scan { animation-name: mf-scan-rtl; }
}
@keyframes mf-scan { 0% { transform: translateX(0); opacity: 0; } 6% { opacity: .75; } 38% { transform: translateX(var(--scan-w, 560px)); opacity: .75; } 44%, 100% { transform: translateX(var(--scan-w, 560px)); opacity: 0; } }
@keyframes mf-scan-rtl { 0% { transform: translateX(0); opacity: 0; } 6% { opacity: .75; } 38% { transform: translateX(calc(var(--scan-w, 560px) * -1)); opacity: .75; } 44%, 100% { transform: translateX(calc(var(--scan-w, 560px) * -1)); opacity: 0; } }
.mf-tag__cap { margin-top: 14px; color: var(--mf-mute); }
@media (max-width: 560px) {
  .mf-tag__plate { --c: 18px; aspect-ratio: auto; grid-template-columns: minmax(0, 1fr) 78px; padding: 22px 20px 24px; }
  .mf-tag__fields > div { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  .mf-tag__dm { align-self: start; inline-size: 78px; margin-top: 4px; }
  .mf-tag__wm { display: none; }
  .mf-tag__screw:nth-child(2) { inset-inline-end: 26px; }
}

/* iz zinciri */
.mf-chain__k { font-family: var(--f-m); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--mf-mute); margin-bottom: 8px; }
.mf-chain__list { position: relative; }
.mf-chain__item {
  position: relative; display: grid; grid-template-columns: 5.6em minmax(0, 1fr); grid-template-areas: "op n" "op d"; column-gap: clamp(14px, 2vw, 28px); row-gap: 4px;
  padding-block: 18px; padding-inline-start: 34px; border-bottom: 1px solid var(--line);
}
.mf-chain__rail { position: absolute; inset-inline-start: 6px; inset-block: 0; inline-size: 2px; background: rgba(236,234,228,.16); }
.mf-chain__item:first-child .mf-chain__rail { top: 27px; }
.mf-chain__item:last-child .mf-chain__rail { bottom: calc(100% - 27px); }
.mf-chain__item.is-gold .mf-chain__rail { background: var(--au); }
.mf-chain__item:nth-child(3) .mf-chain__rail { background: linear-gradient(180deg, rgba(236,234,228,.16) 0 27px, var(--au) 27px); }
.mf-chain__item::before { content: ""; position: absolute; inset-inline-start: 1px; top: 22px; inline-size: 12px; block-size: 12px; background: var(--k2); box-shadow: inset 0 0 0 1.5px rgba(236,234,228,.7); }
.mf-chain__item.is-gold::before { background: var(--au); box-shadow: none; }
.mf-chain__op { grid-area: op; font-family: "Hubot Sans", "Hubot Fallback", sans-serif; font-stretch: 75%; font-weight: 800; font-size: 30px; line-height: .95; color: rgba(236,234,228,.5); font-variant-numeric: tabular-nums; }
.mf-chain__opk { display: block; font-family: var(--f-m); font-stretch: 100%; font-weight: 500; font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--mf-mute); margin-bottom: 4px; }
.mf-chain__item.is-gold .mf-chain__op { color: var(--au); }
.mf-chain__n { grid-area: n; font-family: var(--f-d); font-stretch: 80%; font-weight: 780; font-size: clamp(19px, 1.5vw, 23px); line-height: 1.05; text-transform: uppercase; letter-spacing: .01em; }
.mf-chain__d { grid-area: d; font-size: 14.5px; color: var(--fg2); }

/* talep üzerine belgeler */
.mf-docs { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 28px clamp(32px, 4vw, 72px); margin-top: clamp(64px, 8vw, 128px); padding-top: clamp(32px, 4vw, 56px); border-top: 1px solid var(--line2); }
@media (max-width: 1000px) { .mf-docs { grid-template-columns: minmax(0, 1fr); } }
.mf-docs__text { margin-top: 14px; color: var(--fg2); max-width: 30em; }
.mf-docs__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, 1.2vw, 18px); }
@media (max-width: 760px) { .mf-docs__list { grid-template-columns: minmax(0, 1fr); } }
.mf-doc {
  --c: 16px; position: relative; display: flex; flex-direction: column; gap: 10px; padding: 22px 22px 18px; background: var(--k3);
  clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%); transition: background-color var(--t2) var(--ease);
}
[dir="rtl"] .mf-doc { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.mf-doc:hover { background: var(--k4); }
.mf-doc__ico { color: var(--au); }
.mf-doc__code { display: grid; gap: 6px; font-family: var(--f-d); font-stretch: 78%; font-weight: 800; font-size: clamp(22px, 1.9vw, 28px); line-height: 1; letter-spacing: .01em; white-space: nowrap; }
.mf-doc__sub { font-family: var(--f-m); font-stretch: 100%; font-weight: 500; font-size: 12px; letter-spacing: .12em; color: var(--mf-mute); }
.mf-doc__scope { font-size: 14px; line-height: 1.5; color: var(--fg2); flex: 1; }
.mf-doc__add {
  align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 12px; margin-top: 6px;
  border: 1px solid var(--line2); font-size: 11.5px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: var(--fg2);
  transition: border-color var(--t1), color var(--t1), background-color var(--t1);
}
.mf-doc__add:hover { border-color: var(--au); color: #fff; }
.mf-doc__add[aria-pressed="true"] { background: var(--au); border-color: var(--au); color: #0B0C0F; }
.mf-doc__check { display: none; }
.mf-doc__add[aria-pressed="true"] .mf-doc__plus { display: none; }
.mf-doc__add[aria-pressed="true"] .mf-doc__check { display: block; }
.mf-docs__act { grid-column: 2; }
@media (max-width: 1000px) { .mf-docs__act { grid-column: 1; } }

/* ═══════════════════════════ Arapça ═══════════════════════════ */
[lang="ar"] .mf-key__k, [lang="ar"] .mf-op__kind, [lang="ar"] .mf-op__rk, [lang="ar"] .mf-cut__k, [lang="ar"] .mf-hint, [lang="ar"] .mf-hud__k,
[lang="ar"] .mf-x__std, [lang="ar"] .mf-x__limk, [lang="ar"] .mf-fl--axis, [lang="ar"] .mf-tag__fields dt, [lang="ar"] .mf-chain__k, [lang="ar"] .mf-chain__opk,
[lang="ar"] .mf-doc__add, [lang="ar"] .mf-cond__idx {
  letter-spacing: 0; text-transform: none; font-family: var(--f-d); font-weight: 600; font-size: 12.5px;
}
[lang="ar"] .mf-cut__t, [lang="ar"] .mf-proof__t, [lang="ar"] .mf-cond__n, [lang="ar"] .mf-chain__n, [lang="ar"] .mf-tag__brand {
  font-family: var(--f-d); font-stretch: 100%; text-transform: none; letter-spacing: 0; font-weight: 800;
}
[lang="ar"] .mf-cut__t { font-size: clamp(30px, 3.8vw, 66px); line-height: 1.3; }
[lang="ar"] .is-scrub .mf-cut__t { font-size: clamp(32px, min(3.6vw, 6.6vh), 66px); }
/* Op 020 ara planı: omuzdaki bayrak yaması panelin ~%61–70'inde → Arapça (daha geniş satır) başlık panelin %46'sını aşmaz */
[lang="ar"] .is-scrub .mf-cut--1 .mf-cut__cap { width: 46%; }
[lang="ar"] .is-scrub .mf-cut--1 .mf-cut__capin { max-width: 100%; }
[lang="ar"] .is-scrub .mf-cut--1 .mf-cut__t { max-width: none; font-size: clamp(28px, min(3vw, 5.4vh), 54px); }
[lang="ar"] .mf-proof__t { font-size: clamp(26px, 2.6vw, 42px); line-height: 1.35; }
[lang="ar"] .mf-cond__n { font-size: clamp(18px, 1.4vw, 22px); line-height: 1.4; }
[lang="ar"] .mf-chain__n { font-size: clamp(17px, 1.3vw, 20px); line-height: 1.45; font-weight: 700; }
[lang="ar"] .mf-tag__brand { font-size: clamp(17px, 1.6vw, 22px); }
[lang="ar"] .is-scrub .mf-intro__title { font-size: clamp(36px, min(3.8vw, 6.8vh), 68px); }
[lang="ar"] .is-scrub .mf-op__name { font-size: clamp(21px, min(1.7vw, 3.2vh), 28px); }
[lang="ar"] .mf-op__name, [lang="ar"] .mf-intro__title, [lang="ar"] .mf-cut__t { max-width: 18ch; }
[lang="ar"] .mf-fl { font-family: var(--f); }
[lang="ar"] .mf-fl--big, [lang="ar"] .mf-hud__t, [lang="ar"] .mf-tag__rt { font-family: "Hubot Sans", "Hubot Fallback", sans-serif; }
[lang="ar"] .mf-hud__t { font-family: "KG Mono", ui-monospace, monospace; }

/* ═══════════════════════════ erişilebilirlik / yazdırma ═══════════════════════════ */
@media (forced-colors: active) {
  .mf-rail [data-mf-fill], .mf-hud__bar i { background: Highlight; }
  .mf-no__dim { color: GrayText; }
  .mf-no__lit > span { background: none; color: CanvasText; }
}
@media print {
  .mf-hud, .mf-hint, .mf-cut, .mf-cond__media, .mf-tag__scan, .mf-head { display: none !important; }
  .mf-route { height: auto !important; }
  .mf-route__track, .mf-rail [data-mf-fill], .mf-no, .mf-no__lit, .mf-no__lit > span { transform: none !important; }
  .mf-route__track::before, .mf-test::before { display: none; }
}