/* ==========================================================================
   kurumsal-meridyen — "Meridyen" kurumsal / danışmanlık teması (2026-09-30). Görsel kaynak: prototip wwwroot/prototip/kurumsal-yon-a.
   Sıra: çekirdek.css (çekirdek görünümlerin tarafsız temeli) → bu dosya. Renkler YALNIZ değişkenlerden: panelde seçilen ana renk
   _TemaRengi ile --ana* değişkenlerini ezer (:root:root); açık / çok açık / çizgi / nokta tonları color-mix ile --ana'dan türer.
   Ana renk zeminindeki yazı her yerde --ana-uzeri (beyaz 4,5:1 sağlamıyorsa koyu mürekkep), beyazdaki vurgu yazısı --ana-metin.
   Koyu yüzey yok: gövde beyaz, ritim açık ana renk tonları ve açık griyle kurulur; tek doygun yüzey ana renk panelleridir.
   Yazı: Plus Jakarta Sans (OFL, yerel) — başlık 800, gövde 400-600.
   Bölümler: 1 yazı · 2 belirteçler · 3 temel · 4 ortak parçalar · 5 duyuru · 6 başlık çubuğu · 7 açılış + harita · 8 hizmet paneli
   · 9 süreç + neden biz · 10 referanslar · 11 yazılar + SSS · 12 görüşme paneli + form · 13 alt bilgi · 14 iç sayfalar · 15 çekirdek
   görünümlerin cilası · 16 ortak parçalar (op-*) · 17 duyuru penceresi, çerez · 18 kırılımlar · 18b medya kipinde telefon ·
   18c görselsiz müşteri sitesi · 18d Latin dışı diller · 18e sağdan sola · 19 hareket. Denetim düzeltmeleri 2026-09-30: odak halkası, ana renk
   panellerinde yazıdan uzaklaşan derinlik tonu (--ana-koyu), RTL, kalabalık başlık kademeleri (genis/s1/s2/s3).
   ========================================================================== */

/* ---------- 1 · Yazı (yerel, OFL — yazi/OFL.txt) ---------- */
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url(yazi/plus-jakarta-sans-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url(yazi/plus-jakarta-sans-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; }

/* ---------- 2 · Belirteçler ---------- */
:root {
  color-scheme: light;
  /* Ana renk (panelden ezilir; varsayılan zümrüt): ana = dolgu, uzeri = üstündeki yazı, metin = beyazda vurgu yazısı (4,5:1),
     koyu = üzerine gelme tonu, acik = açık yüzey, parlak = ana renk zeminde vurgu, derin = ana rengin çok koyu tonu (perde), rgb = "r g b" */
  --ana: #0b7a5a;
  --ana-uzeri: #ffffff;
  --ana-metin: #0b7a5a;
  --ana-koyu: #09664c;
  --ana-acik: #e7f2ef;
  --ana-parlak: #8fd3bd;
  --ana-derin: #0b2722;
  --ana-rgb: 11 122 90;
  --ana-cok-acik: color-mix(in oklab, var(--ana) 4.5%, #fff);
  --ana-yumusak: color-mix(in oklab, var(--ana) 10%, #fff);
  --ana-cizgi: color-mix(in oklab, var(--ana) 22%, #fff);
  --nokta: color-mix(in oklab, var(--ana) 16%, #c3cbc8);
  --uzeri-16: color-mix(in srgb, var(--ana-uzeri) 16%, transparent);
  --uzeri-10: color-mix(in srgb, var(--ana-uzeri) 10%, transparent);
  --uzeri-22: color-mix(in srgb, var(--ana-uzeri) 22%, transparent);
  /* Nötrler */
  --murekkep: #111715;
  --metin: #3a4441;
  --soluk: #5f6a66;
  --cizgi: #e2e7e5;
  --gri: #f4f6f5;
  --zemin: #fff;
  --yazi: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --r-kart: 22px;
  --r: 22px;
  --r-k: 14px;
  --golge-1: 0 1px 2px rgb(16 28 24 / .05), 0 10px 28px -10px rgb(16 40 32 / .16);
  --golge-2: 0 2px 4px rgb(16 28 24 / .04), 0 34px 80px -24px rgb(12 48 36 / .26);
  --kap-g: 1320px;
  --cubuk: 84px;
  --yumusak: cubic-bezier(.2, .7, .2, 1);

  /* Çekirdek görünümlerin (cekirdek.css) belirteçleri */
  --vurgu: var(--ana-metin);
  --vurgu-yumusak: var(--ana-cok-acik);
  --soluk-c: var(--soluk);
  --kart: #fff;
  --yaricap: var(--r-k);
  --golge: var(--golge-1);
  --bosluk: clamp(3rem, 6vw, 5rem);

  /* Ortak parçalar (_ortak/parcalar.css, op-*) */
  --op-ana: var(--ana);
  --op-ana-uzeri: var(--ana-uzeri);
  --op-ana-metin: var(--ana-metin);
  --op-ana-acik: var(--ana-yumusak);
  --op-metin: var(--murekkep);
  --op-ikincil: var(--soluk);
  --op-cizgi: var(--cizgi);
  --op-zemin: var(--ana-cok-acik);
  --op-kart: #fff;
  --op-yaricap: var(--r);
  --op-yaricap-kucuk: var(--r-k);
  --op-golge: var(--golge-1);
  --op-baslik-font: var(--yazi);
  --op-baslik-agirlik: 800;
  --op-yan-genislik: 320px;
  --op-bosluk: clamp(40px, 5vw, 64px);
  --op-wa: #1e7e4a;
  --baslik-yukseklik: var(--cubuk);
}

/* ---------- 3 · Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--cubuk) + 20px); }
body { margin: 0; font-family: var(--yazi); font-size: 16.5px; line-height: 1.6; color: var(--metin); background: var(--zemin);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; }
img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
figure { margin: 0; }
a { color: var(--ana-metin); }
h1, h2, h3, h4 { color: var(--murekkep); margin: 0; font-weight: 800; letter-spacing: -.025em; line-height: 1.15; text-wrap: balance; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; }
button, input, select, textarea { font: inherit; color: inherit; }
/* Odak halkası (WCAG 1.4.11 — komşu zeminle en az 3:1): açık zeminde --ana-metin (beyazda 4,5:1+), ana renk panellerinde --ana-uzeri */
:focus-visible { outline: 3px solid var(--ana-metin); outline-offset: 3px; border-radius: 6px; }
:is(.hp-bas, .cagri-metin, .cb-panel, .yan-kart--ana, .op-yan-kutu--teklif) :focus-visible { outline-color: var(--ana-uzeri); }
.hp-yardim :focus-visible { outline-color: var(--ana-metin); }
.kap { width: 100%; max-width: calc(var(--kap-g) + 64px); margin: 0 auto; padding: 0 32px; }
/* "İçeriğe geç": dikeyde ekran dışında (sabit konum — yatay kaydırma alanı yaratmaz, RTL'de de) */
.atla { position: fixed; inset-inline-start: 12px; top: -80px; z-index: 100; background: var(--murekkep); color: #fff; padding: 10px 16px; border-radius: 10px;
  transition: top .2s; }
.atla:focus { top: 12px; }
.gizli { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.ikon-kume { position: absolute; width: 0; height: 0; overflow: hidden; }
.ik { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
main { display: block; min-height: 40vh; }
main:focus { outline: none; }

/* ---------- 4 · Ortak parçalar ---------- */
.etiket { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 12.5px; font-weight: 800; letter-spacing: .14em;
  text-transform: uppercase; color: var(--ana-metin); }
.etiket::before { content: ""; width: 22px; height: 2px; border-radius: 2px; background: currentColor; flex: none; }
.etiket-acik { color: var(--ana-uzeri); }
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 56px; padding: 0 28px; border-radius: 999px;
  font-weight: 700; font-size: 16px; letter-spacing: -.01em; border: 1.5px solid transparent; cursor: pointer; white-space: nowrap; text-decoration: none;
  transition: background .25s, color .25s, border-color .25s, box-shadow .25s, transform .25s var(--yumusak); }
.dugme .ik { width: 18px; height: 18px; }
.dugme-ana { background: var(--ana); color: var(--ana-uzeri); box-shadow: 0 10px 24px -10px color-mix(in oklab, var(--ana) 70%, transparent); }
.dugme-ana:hover { background: var(--ana-koyu); color: var(--ana-uzeri); transform: translateY(-2px); box-shadow: 0 16px 30px -12px color-mix(in oklab, var(--ana) 80%, transparent); }
.dugme-ok { display: grid; place-items: center; width: 36px; height: 36px; margin-inline-end: -16px; border-radius: 50%; background: var(--uzeri-16);
  transition: transform .3s var(--yumusak), background .3s; }
.dugme:hover .dugme-ok { transform: translateX(3px); background: var(--uzeri-22); }
.dugme-cizgi { background: #fff; color: var(--murekkep); border-color: color-mix(in oklab, var(--murekkep) 16%, #fff); }
.dugme-cizgi:hover { border-color: var(--ana); color: var(--ana-metin); }
.dugme-beyaz { background: #fff; color: var(--murekkep); box-shadow: 0 14px 30px -14px rgb(0 0 0 / .35); }
.dugme-beyaz .dugme-ok { background: var(--ana); color: var(--ana-uzeri); }
.dugme-beyaz:hover { transform: translateY(-2px); color: var(--ana-metin); }
.dugme-kucuk { min-height: 46px; padding: 0 22px; font-size: 15px; }
.dugme-tam { width: 100%; }
.dugmeler { display: flex; flex-wrap: wrap; gap: 14px; }
.yazi-bag { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--ana-metin); text-decoration: none; }
.yazi-bag .ik { width: 18px; height: 18px; transition: transform .25s var(--yumusak); }
.yazi-bag:hover .ik { transform: translateX(4px); }
.ik-ters { transform: scaleX(-1); }
.yazi-bag:hover .ik-ters { transform: scaleX(-1) translateX(4px); }
.kucuk-not { font-size: 12.5px; color: var(--soluk); margin-top: 18px; }
.bolum-bas { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; gap: 48px; margin-bottom: 56px; }
.bolum-bas h2 { font-size: clamp(30px, 2.9vw, 50px); line-height: 1.08; max-width: 18ch; }
.bolum-bas > p { max-width: 430px; font-size: 16.5px; }
.bolum { padding-block: clamp(64px, 8vw, 110px); }
.bolum + .bolum { border: 0; }
.bolum-ust-dar { padding-top: clamp(40px, 5vw, 64px); }

/* Markalı yer tutucu (yalnız tema demosu): ana renk degrade + nokta dokusu + rota yayı + "Görsel alanı" etiketi */
.yer-tutucu { position: relative; display: block; overflow: hidden; border-radius: inherit;
  background: radial-gradient(120% 90% at 82% 12%, rgb(255 255 255 / .75) 0%, transparent 46%),
    linear-gradient(145deg, color-mix(in oklab, var(--ana) 24%, #fff) 0%, color-mix(in oklab, var(--ana) 9%, #f1f5f3) 58%, #eef2f0 100%); }
.yer-tutucu::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(color-mix(in oklab, var(--ana) 34%, transparent) 1.3px, transparent 1.8px) 0 0 / 15px 15px;
  -webkit-mask-image: radial-gradient(70% 80% at 30% 70%, #000 0%, transparent 70%); mask-image: radial-gradient(70% 80% at 30% 70%, #000 0%, transparent 70%); }
.yer-tutucu::after { content: ""; position: absolute; left: 18%; right: 14%; top: 34%; height: 46%; border: 2px solid color-mix(in oklab, var(--ana) 45%, transparent);
  border-bottom: 0; border-left-color: transparent; border-radius: 50% 50% 0 0 / 100% 100% 0 0; transform: rotate(-8deg); pointer-events: none; }
.yt-etiket { position: absolute; z-index: 2; inset-inline-start: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px 7px 10px;
  border-radius: 999px; background: rgb(255 255 255 / .88); backdrop-filter: blur(6px); font-size: 12px; font-weight: 700; color: var(--soluk); }
.yt-etiket::before { content: ""; width: 14px; height: 11px; border: 1.6px solid currentColor; border-radius: 3px;
  background: linear-gradient(135deg, transparent 55%, currentColor 55% 62%, transparent 62%); }
/* Zarif boş durum (müşteri sitesi, görselsiz kayıt): ana renk yüzey + beyaz nokta dokusu + ince rota yayı — "görsel eksik" izlenimi vermez */
.doku-yuzey { position: relative; display: block; overflow: hidden; border-radius: inherit;
  background: radial-gradient(120% 90% at 82% 12%, rgb(255 255 255 / .8) 0%, transparent 46%),
    linear-gradient(145deg, color-mix(in oklab, var(--ana) 16%, #fff) 0%, color-mix(in oklab, var(--ana) 6%, #f3f6f5) 60%, #f1f4f3 100%); }
.doku-yuzey::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(color-mix(in oklab, var(--ana) 28%, transparent) 1.3px, transparent 1.8px) 0 0 / 15px 15px;
  -webkit-mask-image: radial-gradient(80% 90% at 70% 60%, #000 0%, transparent 72%); mask-image: radial-gradient(80% 90% at 70% 60%, #000 0%, transparent 72%); }
.doku-yuzey::after { content: ""; position: absolute; left: 14%; right: 12%; top: 38%; height: 44%; border: 2px solid color-mix(in oklab, var(--ana) 38%, transparent); border-bottom: 0;
  border-left-color: transparent; border-radius: 50% 50% 0 0 / 100% 100% 0 0; transform: rotate(-8deg); pointer-events: none; }
.doku-yuzey.kucuk::after { display: none; }

/* ---------- 5 · Duyuru şeridi ---------- */
.km-duyuru { background: var(--ana-yumusak); color: var(--murekkep); font-size: 14px; }
.km-duyuru[hidden] { display: none; }
.km-duyuru-ic { display: flex; align-items: center; gap: 14px; min-height: 42px; }
.km-duyuru-rozet { flex: none; padding: 3px 10px; border-radius: 999px; background: var(--ana); color: var(--ana-uzeri); font-size: 11.5px; font-weight: 800;
  letter-spacing: .06em; text-transform: uppercase; }
.km-duyuru p { flex: 1; min-width: 0; }
.km-duyuru p a { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--murekkep); text-decoration: underline;
  text-decoration-color: var(--ana-cizgi); text-underline-offset: 4px; text-decoration-thickness: 2px; }
.km-duyuru p a .ik { width: 16px; height: 16px; color: var(--ana-metin); }
.km-duyuru p a:hover { text-decoration-color: var(--ana); }
.km-duyuru-kapat { flex: none; display: grid; place-items: center; border: 0; background: none; cursor: pointer; width: 34px; height: 34px; border-radius: 50%; color: var(--soluk); }
.km-duyuru-kapat .ik { width: 16px; height: 16px; }
.km-duyuru-kapat:hover { background: rgb(0 0 0 / .06); color: var(--murekkep); }

/* ---------- 6 · Başlık çubuğu ---------- */
.ust { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--cizgi); transition: box-shadow .3s; }
.ust.golgeli { box-shadow: 0 8px 30px -14px rgb(12 30 24 / .22); }
.ust.genis > .kap { max-width: calc(1520px + 64px); }

.ust-ic { display: flex; align-items: center; gap: 28px; height: var(--cubuk); }
.logo { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; color: var(--murekkep); text-decoration: none; }
.logo-gorsel { width: auto; max-width: 220px; max-height: 50px; object-fit: contain; }
.logo-isaret { width: 44px; height: 44px; flex: none; }
.logo-isaret .lz { fill: var(--ana); }
.logo-isaret .lc { fill: none; stroke: var(--ana-uzeri); stroke-width: 1.8; opacity: .55; }
.logo-isaret .lr { fill: none; stroke: var(--ana-uzeri); stroke-width: 2.6; stroke-linecap: round; }
.logo-isaret .ln { fill: var(--ana-uzeri); }
.logo-yazi { display: flex; flex-direction: column; font-size: 19px; font-weight: 500; color: var(--murekkep); line-height: 1.05; letter-spacing: -.02em; }
.logo-yazi b { font-weight: 800; }
.logo-yazi small { font-size: 10.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--soluk); margin-top: 5px; }
.menu { flex: 1; display: flex; justify-content: center; min-width: 0; }
.menu-liste { display: flex; flex-wrap: nowrap; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
.menu-liste > li { position: relative; }
.menu-liste > li > a, .menu-liste > li > button { display: inline-flex; align-items: center; gap: 6px; padding: 10px 13px; border: 0; background: none;
  border-radius: 999px; font-size: 15.5px; font-weight: 600; color: var(--murekkep); text-decoration: none; cursor: pointer; white-space: nowrap;
  transition: background .2s, color .2s; }
.menu-liste > li > button .ik { width: 14px; height: 14px; stroke-width: 2.2; transition: transform .25s; }
.menu-liste > li > a:hover, .menu-liste > li > button:hover, .menu-liste .acik > button { background: var(--ana-cok-acik); color: var(--ana-metin); }
.menu-liste > li > a[aria-current="page"], .menu-liste > li > button.etkin { color: var(--ana-metin); background: var(--ana-yumusak); }
.acilir.acik > button .ik { transform: rotate(180deg); }
.menu-alt { position: absolute; top: calc(100% + 10px); left: 50%; z-index: 60; min-width: 270px; margin: 0; padding: 8px; list-style: none; background: #fff;
  border-radius: 18px; border: 1px solid var(--cizgi); box-shadow: var(--golge-2); opacity: 0; visibility: hidden; transform: translate(-50%, 8px);
  transition: opacity .2s, transform .25s var(--yumusak), visibility .2s; }
/* Görünürlük yalnız .acik (tema.js: tık, Esc, odak dışarı çıkınca kapanır — aria-expanded ile hep aynı) ve masaüstünde üzerine gelme */
.acilir.acik > .menu-alt { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
@media (hover: hover) and (min-width: 1101px) {
  .acilir:hover > .menu-alt { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
  .acilir:hover > button .ik { transform: rotate(180deg); }
}
.menu-alt a { display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; border-radius: 12px; font-size: 15px; font-weight: 600; color: var(--murekkep); text-decoration: none; }
.menu-alt a b { font-weight: 600; }
.menu-alt a small { font-size: 12.5px; font-weight: 500; color: var(--soluk); }
.menu-alt a:hover, .menu-alt a[aria-current] { background: var(--ana-cok-acik); color: var(--ana-metin); }
.menu-ek { display: none; }
.ust-sag { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }
.dil { position: relative; }
.dil > button { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px 0 14px; border: 1px solid var(--cizgi); background: #fff;
  border-radius: 999px; font-size: 13.5px; font-weight: 800; letter-spacing: .04em; color: var(--murekkep); cursor: pointer; }
.dil > button .ik { width: 13px; height: 13px; stroke-width: 2.4; }
.dil > button:hover { border-color: var(--ana); color: var(--ana-metin); }
.dil > .menu-alt { min-width: 190px; left: auto; right: -20px; transform: translate(0, 8px); }
.dil.acik > .menu-alt { transform: none; }
[dir=rtl] .dil > .menu-alt { right: auto; left: -20px; }
@media (hover: hover) and (min-width: 1101px) { .dil:hover > .menu-alt { transform: none; } }
.dil .menu-alt a { flex-direction: row; justify-content: space-between; align-items: center; }
.dil .menu-alt a small { font-weight: 800; letter-spacing: .06em; }
.tel { display: flex; flex-direction: column; font-weight: 800; font-size: 16px; color: var(--murekkep); line-height: 1.15; white-space: nowrap; text-decoration: none; }
.tel small { font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ana-metin); }
.tel:hover strong { color: var(--ana-metin); }
.ust-ara { display: none; }
.menu-ac { display: none; width: 46px; height: 46px; border: 1px solid var(--cizgi); background: #fff; border-radius: 50%; cursor: pointer; padding: 0 13px; }
.menu-ac span { display: block; height: 2px; background: var(--murekkep); border-radius: 2px; margin: 4px 0; transition: transform .3s, opacity .3s; }
.menu-ac[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-ac[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-ac[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* Kalabalık başlık (tema.js, sığma ölçümüyle — öğe sayısıyla değil): s1 = sıkı aralık + "Ana Sayfa" gizli (logo ana sayfaya gider);
   s2 = telefon numarası da gizli; s3 = masaüstünde de menü düğmesi + yandan açılan çekmece (çekmecede "Ana Sayfa" görünür) */
@media (min-width: 1101px) {
  .ust.s1 .menu-liste > li > a, .ust.s1 .menu-liste > li > button { padding: 10px 10px; font-size: 15px; }
  .ust.s1 .ust-ic { gap: 16px; }
  .ust.s1 .menu-liste > li.ana-oge { display: none; }
  .ust.s2 .tel { display: none; }
  .ust.s3 .menu-ac { display: block; }
  .ust.s3 .dil { display: none; }
  .ust.s3 .menu { position: fixed; left: auto; right: 0; top: var(--menu-ust, var(--cubuk)); bottom: 0; z-index: 55; display: block; width: min(440px, 100vw);
    padding: 18px 20px 40px; background: #fff; overflow-y: auto; transform: translateX(100%); visibility: hidden; border-left: 1px solid var(--cizgi);
    box-shadow: -30px 0 60px -30px rgb(12 30 24 / .3); transition: transform .35s var(--yumusak), visibility .35s; }
  [dir=rtl] .ust.s3 .menu { right: auto; left: 0; transform: translateX(-100%); border-left: 0; border-right: 1px solid var(--cizgi);
    box-shadow: 30px 0 60px -30px rgb(12 30 24 / .3); }
  .ust.s3 .menu.acik { transform: none; visibility: visible; }
  .ust.s3 .menu-liste { flex-direction: column; align-items: stretch; gap: 2px; }
  .ust.s3 .menu-liste > li.ana-oge { display: block; }
  .ust.s3 .menu-liste > li > a, .ust.s3 .menu-liste > li > button { width: 100%; justify-content: space-between; padding: 14px 16px; font-size: 16.5px; border-radius: 14px; }
  .ust.s3 .menu-alt { position: static; transform: none; opacity: 1; visibility: visible; box-shadow: none; border: 0; padding-block: 0 8px; padding-inline: 12px 0;
    display: none; min-width: 0; }
  .ust.s3 .acilir.acik > .menu-alt { display: block; transform: none; }
  .ust.s3 .acilir:hover > .menu-alt { transform: none; }
  .ust.s3 .menu-ek { display: grid; gap: 12px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--cizgi); }
  .ust.s3 .menu-dil { display: flex; flex-wrap: wrap; gap: 8px; }
  .ust.s3 .menu-dil a { flex: 1 1 120px; text-align: center; padding: 11px 0; border-radius: 12px; border: 1px solid var(--cizgi); font-weight: 700; font-size: 14.5px;
    color: var(--murekkep); text-decoration: none; }
  .ust.s3 .menu-dil a[aria-current] { background: var(--ana); border-color: var(--ana); color: var(--ana-uzeri); }
  .ust.s3 .menu-ek .dugme { width: 100%; }
  .ust.s3 .ust-ic { justify-content: space-between; }
}

/* ---------- 7 · Açılış + nokta dünya haritası (imza) ---------- */
.acilis { position: relative; overflow: hidden; min-height: clamp(660px, calc(100svh - 126px), 920px); display: flex; align-items: center; isolation: isolate; }
.acilis-zemin { position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(1100px 680px at 76% 42%, color-mix(in oklab, var(--ana) 9%, #fff) 0%, transparent 70%),
    linear-gradient(180deg, #fff 0%, color-mix(in oklab, var(--ana) 7%, #fff) 100%); }
.acilis-ic { position: relative; z-index: 2; width: 100%; padding-top: clamp(40px, 7vh, 96px); padding-bottom: 210px; }
.acilis-metin { max-width: 680px; }
.ust-etiket { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 30px; padding: 7px 16px 7px 8px; border-radius: 999px; background: #fff;
  border: 1px solid var(--cizgi); box-shadow: var(--golge-1); font-size: 13.5px; font-weight: 700; color: var(--murekkep); }
.ust-etiket span { flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--ana) radial-gradient(circle, var(--ana-uzeri) 0 3px, transparent 3.5px);
  box-shadow: 0 0 0 5px var(--ana-yumusak); }
.acilis h1 { font-size: clamp(40px, 4.3vw, 80px); line-height: 1.03; letter-spacing: -.04em; overflow-wrap: anywhere; hyphens: auto; }
.vurgu { position: relative; display: inline-block; color: var(--ana-metin); }
.vurgu svg { position: absolute; left: -2%; bottom: -.2em; width: 108%; height: .34em; overflow: visible; }
.vurgu path { fill: none; stroke: var(--ana); stroke-width: 5; stroke-linecap: round; opacity: .35; stroke-dasharray: 1; stroke-dashoffset: 1; }
.vurgu circle { fill: var(--ana); opacity: 0; }
.hazir .vurgu path { animation: ciz 1.2s .5s var(--yumusak) forwards; }
.hazir .vurgu circle { animation: belir .3s 1.55s forwards; }
@keyframes ciz { to { stroke-dashoffset: 0; } }
@keyframes belir { to { opacity: 1; } }
.acilis-ozet { margin-top: 30px; font-size: 18.5px; line-height: 1.62; max-width: 580px; }
.acilis-ozet strong { color: var(--murekkep); }
.acilis .dugmeler { margin-top: 36px; }
.acilis-dil { display: flex; flex-wrap: wrap; gap: 6px 0; margin-top: 30px; list-style: none; font-size: 13.5px; font-weight: 700; color: var(--soluk); }
.acilis-dil li + li::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: var(--ana-cizgi); margin: 0 12px; vertical-align: middle; }

/* harita kabı (noktalar tema.js ile) */
.harita-kutu { position: absolute; z-index: 1; direction: ltr; pointer-events: none; }
.dunya { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.dunya .n { fill: var(--nokta); }
.dunya .n.on { fill: var(--ana); opacity: .62; }
.dunya .yay-iz { fill: none; stroke: var(--ana); stroke-width: 3; opacity: .22; stroke-linecap: round; }
.dunya .yay { fill: none; stroke: var(--ana); stroke-width: 3.4; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; }
.hazir .dunya .yay { animation: ciz 1.8s .4s var(--yumusak) forwards; }
.dunya .kuyruk { fill: none; stroke: var(--ana); stroke-width: 6; stroke-linecap: round; stroke-dasharray: .06 .94; stroke-dashoffset: 1; opacity: 0; }
.hazir .dunya .kuyruk { animation: kuyruk 4.5s 2.2s linear infinite; }
@keyframes kuyruk { 0% { stroke-dashoffset: .06; opacity: 1; } 80% { opacity: 1; } 100% { stroke-dashoffset: -1; opacity: 0; } }
.dunya .dg { fill: var(--ana); stroke: #fff; stroke-width: 4; }
/* Açılışta tam çizgi yok: %8 iz + %24 uzunluklu başı parlak, kuyruğu saydam parçalar. */
[data-dunya-erisim] .akis-iz { fill: none; stroke: var(--ana); stroke-width: 3.4; stroke-linecap: round; opacity: .08; }
[data-dunya-erisim] .akis-parca { opacity: 0; }
[data-dunya-erisim] .akis-dilim { fill: none; stroke: var(--ana); stroke-width: 6; stroke-linecap: butt; stroke-dasharray: .03 2; }
[data-dunya-erisim] .akis-hedef { fill: none; stroke: var(--ana); stroke-width: 1.5; opacity: 0; transform-box: fill-box; transform-origin: center; }
.hazir [data-dunya-erisim] .dunya .dg-halka { animation-duration: 5s; }
.hazir [data-dunya-erisim].akis-duraklat .dg-halka { animation-play-state: paused; }
.anim-yok [data-dunya-erisim] .akis-parca, .anim-yok [data-dunya-erisim] .akis-hedef { display: none; }
.anim-yok [data-dunya-erisim] .akis-iz { stroke-width: 2; }
@media (prefers-reduced-motion: reduce) {
  [data-dunya-erisim] .akis-parca, [data-dunya-erisim] .akis-hedef { display: none; }
  [data-dunya-erisim] .akis-iz { stroke-width: 2; }
}
.dunya .dg-halka { fill: none; stroke: var(--ana); stroke-width: 2.5; transform-box: fill-box; transform-origin: center; opacity: 0; }
.hazir .dunya .dg-halka { animation: nabiz 2.6s 1s ease-out infinite; }
@keyframes nabiz { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(3.6); opacity: 0; } }
.acilis-harita { --hg: min(56vw, 1180px); right: -3vw; top: 50%; width: var(--hg); aspect-ratio: 1670 / 1080; margin-top: calc(var(--hg) / 1.5463 * -.56); }
.acilis-harita > .dunya { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 93%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 93%, transparent 100%); }
.dugum-kart { position: absolute; z-index: 3; display: grid; gap: 1px; padding: 9px 14px 10px; background: #fff; border-radius: 14px; box-shadow: var(--golge-2);
  border: 1px solid var(--cizgi); white-space: nowrap; opacity: 0; translate: 0 10px; transition: opacity .6s var(--yumusak), translate .6s var(--yumusak); }
.hazir .dugum-kart { opacity: 1; translate: 0 0; }
.dugum-kart.merkez { border-color: var(--ana-cizgi); }
.dugum-kart.merkez .dk-yer::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-inline-start: 8px; border-radius: 50%; background: var(--ana);
  box-shadow: 0 0 0 3px var(--ana-yumusak); vertical-align: middle; }
.dk-yer { font-weight: 800; font-size: 15px; color: var(--murekkep); }
.dk-rol { font-size: 12.5px; color: var(--soluk); }
.dugum-kart::before { content: ""; position: absolute; width: 11px; height: 11px; background: #fff; border: 1px solid var(--cizgi); transform: rotate(45deg); }
.dugum-kart.yon-sag::before { left: -6.5px; top: 50%; margin-top: -5.5px; border-width: 0 0 1px 1px; }
.dugum-kart.yon-sol::before { right: -6.5px; top: 50%; margin-top: -5.5px; border-width: 1px 1px 0 0; }
.dugum-kart.yon-ust::before { left: 50%; bottom: -6.5px; margin-left: -5.5px; border-width: 0 1px 1px 0; }
.dugum-kart.yon-alt::before { left: 50%; top: -6.5px; margin-left: -5.5px; border-width: 1px 0 0 1px; }
.harita-not { position: absolute; z-index: 2; right: max(4vw, calc((100vw - var(--kap-g)) / 2)); bottom: 196px; display: flex; align-items: center; gap: 8px;
  font-size: 12.5px; font-weight: 600; color: var(--soluk); background: rgb(255 255 255 / .8); padding: 6px 12px; border-radius: 999px; backdrop-filter: blur(4px); }
.hn-cizgi { width: 22px; height: 3px; border-radius: 3px; background: var(--ana); }
/* RTL: metin sağda, harita solda (kap direction:ltr olduğu için fiziksel yönle aynalanır) */
[dir=rtl] .acilis-zemin { background: radial-gradient(1100px 680px at 24% 42%, color-mix(in oklab, var(--ana) 9%, #fff) 0%, transparent 70%),
  linear-gradient(180deg, #fff 0%, color-mix(in oklab, var(--ana) 7%, #fff) 100%); }
[dir=rtl] .acilis-harita { right: auto; left: -3vw; }
[dir=rtl] .acilis-harita > .dunya { -webkit-mask-image: linear-gradient(270deg, transparent 0, #000 8%, #000 93%, transparent 100%); mask-image: linear-gradient(270deg, transparent 0, #000 8%, #000 93%, transparent 100%); }
[dir=rtl] .harita-not { right: auto; left: max(4vw, calc((100vw - var(--kap-g)) / 2)); }
[dir=rtl] .dugum-kart { direction: rtl; }
[dir=rtl] .dugum-kart.merkez .dk-yer::after { margin: 0 5px; }   /* ad Latin ya da Arap yazılı olabilir: nokta iki yanda eşit boşlukla */

/* Medya kipi: vitrin görseli / videosu büyük sahnede, harita onun üstünde beyaz */
.acilis--medya .acilis-metin { max-width: min(560px, calc(100vw - min(55vw, 1060px) - max(32px, (100vw - var(--kap-g)) / 2) - 56px)); }
.acilis--medya .acilis-ozet { max-width: none; }
.acilis--medya h1 { font-size: clamp(38px, 3.7vw, 70px); }
.sahne { position: absolute; z-index: 1; top: 36px; bottom: 150px; inset-inline-end: 0; width: min(55vw, 1060px); overflow: hidden;
  border-start-start-radius: 36px; border-end-start-radius: 36px; background: var(--ana-derin); box-shadow: var(--golge-2); }
.sahne-slayt { position: absolute; inset: 0; opacity: 0; transition: opacity 1.2s ease; }
.sahne-slayt.etkin { opacity: 1; }
.sahne-slayt .medya, .sahne-slayt picture { position: absolute; inset: 0; }
.sahne-slayt img, .sahne-slayt video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sahne-slayt video { position: absolute; inset: 0; opacity: 0; transition: opacity .8s ease; }
.sahne-slayt .medya.oynuyor video, .sahne-slayt video.oynuyor { opacity: 1; }
.sahne-perde { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(200deg, color-mix(in srgb, var(--ana-derin) 8%, transparent) 20%, color-mix(in srgb, var(--ana-derin) 46%, transparent) 100%),
    linear-gradient(90deg, color-mix(in srgb, var(--ana-derin) 30%, transparent) 0%, transparent 38%); }
.sahne-harita { inset: 0; z-index: 2; }
/* Görselin üstünde nokta dokusu hafif (görsel tülle örtülmez); imzayı düğümler, yaylar ve kartlar taşır */
.sahne-harita .n { fill: #fff; opacity: .18; }
.sahne-harita .n.on { fill: #fff; opacity: .55; }
.sahne-harita .yay-iz { stroke: #fff; opacity: .3; }
.sahne-harita .yay, .sahne-harita .kuyruk { stroke: #fff; }
.sahne-harita .dg { fill: #fff; stroke: var(--ana); stroke-width: 5; }
.sahne-harita .dg-halka { stroke: #fff; }
.sahne-not { position: absolute; z-index: 3; inset-inline-start: 28px; bottom: 26px; max-width: 70%; margin: 0; padding: 8px 14px; border-radius: 999px; background: rgb(255 255 255 / .9);
  font-size: 13.5px; font-weight: 700; color: var(--murekkep); }
.sahne-temsili { position: absolute; z-index: 3; inset-inline-end: 20px; top: 18px; margin: 0; padding: 5px 10px; border-radius: 999px; background: rgb(0 0 0 / .38); color: #fff; font-size: 12px; }
.sahne-duraklat { position: absolute; z-index: 4; inset-inline-end: 22px; bottom: 22px; display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%;
  background: rgb(255 255 255 / .92); color: var(--murekkep); cursor: pointer; box-shadow: var(--golge-1); }
.sahne-duraklat .ik { width: 18px; height: 18px; stroke-width: 2.4; }
.sahne-duraklat .ik-oyn { display: none; fill: currentColor; }
.sahne.durdu .sahne-duraklat .ik-dur { display: none; }
.sahne.durdu .sahne-duraklat .ik-oyn { display: block; }

/* ---------- 8 · Hizmetler: açılışa binen panel ---------- */
.hizmetler { position: relative; z-index: 3; margin-top: -170px; padding-bottom: 120px; }
.hizmet-panel { display: grid; grid-template-columns: minmax(300px, 380px) 1fr; gap: 12px; padding: 12px; background: #fff; border-radius: 30px;
  border: 1px solid color-mix(in oklab, var(--ana) 7%, var(--cizgi)); box-shadow: var(--golge-2); }
/* Ana renk panelleri (hizmet paneli başı, görüşme paneli, çağrı bandı, yan kartlar): derinlik yazıdan UZAKLAŞAN tonla kurulur — --ana-koyu
   (TemaRengi: beyaz yazıda koyulaştırılmış, koyu yazıda açılmış; üstündeki yazıyla en az 4,5:1). Açık "ışık lekesi" yazının altına
   düşüp kontrastı düşürdüğü için kullanılmaz; ışık → gölge yönü (sol üst düz ana renk, sağ alt koyu ton) korunur. Yazı tam --ana-uzeri. */
.hp-bas { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 40px 36px; border-radius: 22px; color: var(--ana-uzeri);
  background: radial-gradient(520px 380px at 100% 100%, var(--ana-koyu) 0%, transparent 72%), var(--ana); }
[dir=rtl] .hp-bas { background: radial-gradient(520px 380px at 0% 100%, var(--ana-koyu) 0%, transparent 72%), var(--ana); }
.hp-bas::after { content: ""; position: absolute; inset-inline-end: -40px; bottom: -40px; width: 240px; height: 240px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(var(--uzeri-22) 1.3px, transparent 1.8px) 0 0 / 14px 14px;
  -webkit-mask-image: radial-gradient(circle, #000 30%, transparent 70%); mask-image: radial-gradient(circle, #000 30%, transparent 70%); }
.hp-bas > * { position: relative; z-index: 1; }
.hp-bas h2 { font-size: clamp(26px, 2.2vw, 36px); line-height: 1.12; color: var(--ana-uzeri); }
.hp-bas > p { margin-top: 16px; }
.hp-yardim { margin-top: 28px; padding: 18px 20px; border-radius: 16px; background: #fff; color: var(--metin); font-size: 14.5px; box-shadow: var(--golge-1); }
.hp-yardim strong { color: var(--murekkep); }
.hp-tel { display: inline-flex; align-items: center; gap: 10px; margin-top: 12px; font-weight: 800; font-size: 17px; color: var(--murekkep); text-decoration: none; }
.hp-tel span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--ana); color: var(--ana-uzeri); }
.hp-tel .ik { width: 16px; height: 16px; }
.hp-tel:hover { color: var(--ana-metin); }
.hp-bas .yazi-bag { margin-top: auto; padding-top: 24px; color: var(--ana-uzeri); }
.hp-izgara { display: grid; grid-template-columns: 1fr 1fr; }
.hizmet { position: relative; display: flex; flex-direction: column; padding: 34px 34px 30px; border-radius: 20px; color: var(--metin); text-decoration: none; transition: background .35s; }
.hp-izgara .hizmet:nth-child(1), .hp-izgara .hizmet:nth-child(2) { border-bottom: 1px solid var(--cizgi); border-radius: 20px 20px 0 0; }
.k1 .hp-izgara, .k2 .hp-izgara { grid-template-rows: 1fr; }
.k1 .hp-izgara .hizmet, .k2 .hp-izgara .hizmet { border-bottom: 0; border-radius: 20px; }
.k1 .hp-izgara { grid-template-columns: 1fr; }
.k3 .hp-izgara .hizmet:nth-child(3) { grid-column: 1 / -1; }
.hp-izgara .hizmet:nth-child(odd)::after { content: ""; position: absolute; inset-inline-end: 0; top: 24px; bottom: 24px; width: 1px; background: var(--cizgi); }
.k1 .hp-izgara .hizmet::after, .k3 .hp-izgara .hizmet:nth-child(3)::after { display: none; }
.hizmet:hover { background: var(--ana-cok-acik); border-radius: 20px; }
.h-rota { position: absolute; left: 34px; right: 34px; top: 0; height: 2px; }
.h-rota::before { content: ""; position: absolute; left: 0; top: 0; height: 2px; width: 0; background: var(--ana); border-radius: 2px; transition: width .6s var(--yumusak); }
.h-rota::after { content: ""; position: absolute; left: 0; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: var(--ana); opacity: 0; transition: left .6s var(--yumusak), opacity .2s; }
.hizmet:hover .h-rota::before { width: 100%; }
.hizmet:hover .h-rota::after { left: calc(100% - 8px); opacity: 1; }
.h-ikon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: var(--ana-yumusak); color: var(--ana-metin);
  transition: background .3s, color .3s, transform .4s var(--yumusak); }
.h-ikon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hizmet:hover .h-ikon { background: var(--ana); color: var(--ana-uzeri); transform: rotate(-6deg); }
.h-no { position: absolute; top: 34px; inset-inline-end: 34px; font-size: 13px; font-weight: 800; color: color-mix(in oklab, var(--murekkep) 38%, #fff); letter-spacing: .06em; }
.hizmet h3, .hizmet h2 { margin-top: 24px; font-size: 20.5px; line-height: 1.25; }
.hizmet p { margin-top: 10px; font-size: 15.5px; }
.h-ok { display: grid; place-items: center; width: 40px; height: 40px; margin-top: 22px; border-radius: 50%; border: 1.5px solid var(--cizgi); color: var(--ana-metin);
  transition: background .3s, color .3s, border-color .3s, transform .3s var(--yumusak); }
.h-ok .ik { width: 17px; height: 17px; }
.hizmet:hover .h-ok { background: var(--ana); border-color: var(--ana); color: var(--ana-uzeri); transform: translateX(4px); }

/* ---------- 9 · Süreç + Neden biz ---------- */
.surec { position: relative; padding: 120px 0 130px; background: linear-gradient(180deg, var(--ana-cok-acik), color-mix(in oklab, var(--ana) 7%, #fff)); overflow: hidden; }
.surec.ust-bosluk { padding-top: 140px; }
.surec::before { content: ""; position: absolute; right: -120px; top: -120px; width: 620px; height: 620px; pointer-events: none;
  background: radial-gradient(color-mix(in oklab, var(--ana) 24%, transparent) 1.3px, transparent 1.8px) 0 0 / 18px 18px;
  -webkit-mask-image: radial-gradient(circle, #000 20%, transparent 68%); mask-image: radial-gradient(circle, #000 20%, transparent 68%); }
.surec > .kap { position: relative; }
.rota { position: relative; }
.rota-cizgi { position: absolute; left: 0; top: 0; width: 100%; height: 120px; overflow: visible; }
.rota-cizgi path { fill: none; }
.rc-iz { stroke: var(--ana); stroke-width: 2; stroke-dasharray: 5 8; opacity: .35; }
.rc-dolu { stroke: var(--ana); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 2.2s var(--yumusak); }
.rota.gorundu .rc-dolu { stroke-dashoffset: 0; }
.adimlar { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; list-style: none; }
.adim { display: flex; flex-direction: column; align-items: center; text-align: center; }
.a-dugum { position: relative; z-index: 2; display: grid; place-items: center; width: 60px; height: 60px; margin-top: 30px; border-radius: 50%; background: #fff;
  border: 2px solid var(--ana); color: var(--ana-metin); font-weight: 800; font-size: 20px; box-shadow: 0 0 0 8px color-mix(in oklab, var(--ana) 7%, transparent);
  transition: background .4s, color .4s; }
.rota.gorundu .adim:nth-child(2) .a-dugum { transition-delay: .7s; } .rota.gorundu .adim:nth-child(3) .a-dugum { transition-delay: 1.3s; }
.rota.gorundu .adim:nth-child(4) .a-dugum { transition-delay: 1.9s; }
.rota.gorundu .a-dugum { background: var(--ana); color: var(--ana-uzeri); }
.a-kart { position: relative; z-index: 1; display: flex; flex: 1; flex-direction: column; align-items: center; width: 100%; margin-top: -26px; padding: 44px 24px 28px;
  border-radius: 22px; background: #fff; box-shadow: var(--golge-1); border: 1px solid color-mix(in oklab, var(--ana) 8%, var(--cizgi));
  transition: transform .35s var(--yumusak), box-shadow .35s; }
.a-kart:hover { transform: translateY(-4px); box-shadow: var(--golge-2); }
.a-sure { padding: 5px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--ana-cizgi); font-size: 12.5px; font-weight: 800; color: var(--ana-metin); }
.adim h3 { margin-top: 14px; font-size: 20px; }
.adim p { margin: 8px auto 0; font-size: 15.5px; max-width: 30ch; }
.rota .kucuk-not { text-align: center; }
.neden { display: grid; grid-template-columns: 1.05fr 1fr; gap: 96px; align-items: center; margin-top: 120px; }
.neden-gorsel { position: relative; margin: 0 0 44px; border-radius: 30px; }
.yt-buyuk, .neden-foto { width: 100%; aspect-ratio: 5 / 4; border-radius: 30px; box-shadow: var(--golge-2); }
.neden-foto { object-fit: cover; }
.alinti { position: absolute; inset-inline-end: -36px; bottom: -44px; width: min(64%, 400px); margin: 0; padding: 30px 30px 24px; background: #fff; border-radius: 22px;
  box-shadow: var(--golge-2); border: 1px solid var(--cizgi); }
.alinti::before { content: "\201C"; position: absolute; top: -26px; inset-inline-start: 24px; width: 52px; height: 52px; border-radius: 50%; background: var(--ana); color: var(--ana-uzeri);
  font-size: 44px; font-weight: 800; line-height: 64px; text-align: center; }
.alinti p { font-size: 18px; font-weight: 700; line-height: 1.45; color: var(--murekkep); letter-spacing: -.015em; }
.alinti footer { margin-top: 14px; font-size: 13px; font-weight: 700; color: var(--ana-metin); }
.neden-metin h2 { font-size: clamp(30px, 2.7vw, 46px); line-height: 1.1; }
.tikli { margin-top: 28px; display: grid; gap: 16px; list-style: none; }
.tikli li { position: relative; padding-inline-start: 40px; }
.tikli li::before { content: ""; position: absolute; inset-inline-start: 0; top: 2px; width: 26px; height: 26px; border-radius: 50%; background: var(--ana-yumusak); }
.tikli li::after { content: ""; position: absolute; inset-inline-start: 9px; top: 8px; width: 8px; height: 12px; border: solid var(--ana-metin); border-width: 0 2.4px 2.4px 0; transform: rotate(40deg); }
.tikli strong { color: var(--murekkep); }
.rakamlar { display: grid; grid-template-columns: 1fr 1fr; margin: 36px 0 0; background: #fff; border-radius: 22px; box-shadow: var(--golge-1); border: 1px solid var(--cizgi); }
.rakamlar div { display: flex; flex-direction: column-reverse; padding: 22px 26px; }
.rakamlar div:nth-child(odd) { border-inline-end: 1px solid var(--cizgi); }
.rakamlar div:nth-child(-n+2) { border-bottom: 1px solid var(--cizgi); }
.rakamlar.k1, .rakamlar.k2 { grid-template-columns: repeat(2, 1fr); }
.rakamlar.k1 div, .rakamlar.k2 div { border-bottom: 0 !important; }
.rakamlar.k3 div:nth-child(3) { grid-column: 1 / -1; border-bottom: 0; border-inline-end: 0; }
.rakamlar dd { margin: 0; font-size: clamp(38px, 3.4vw, 54px); font-weight: 800; letter-spacing: -.04em; line-height: 1; color: var(--murekkep); font-variant-numeric: tabular-nums; }
.rakamlar dd i { font-style: normal; color: var(--ana-metin); }
.rakamlar dt { margin-top: 8px; font-size: 14px; font-weight: 600; color: var(--soluk); }
.neden-bag { margin-top: 26px; }

/* ---------- 10 · Referanslar ---------- */
.km-ref { padding: 130px 0; }
.ref-duzen { display: grid; grid-template-columns: 1fr 1.25fr; gap: 28px; align-items: stretch; }
.ref-duzen.tek { grid-template-columns: 1fr; }
.ref-vaka { position: relative; display: flex; flex-direction: column; min-height: 520px; }
.rv-gorsel { flex: 1; width: 100%; min-height: 360px; border-radius: 26px; box-shadow: var(--golge-1); object-fit: cover; }
.rv-gorsel .yt-etiket { top: 16px; bottom: auto; }
.rv-kart { position: relative; z-index: 2; margin: -96px 28px 0 28px; padding: 28px 30px; border-radius: 22px; background: #fff; box-shadow: var(--golge-2); border: 1px solid var(--cizgi); }
.rv-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.rv-rota { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 14px; color: var(--ana-metin); }
.rv-rota svg { width: 40px; height: 12px; }
.rv-rota svg path { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-dasharray: 3 3; }
.rv-rota svg circle { fill: currentColor; }
.rv-etiket { font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); padding: 4px 10px; border-radius: 999px; background: var(--gri); }
.rv-kart h3 { margin-top: 14px; font-size: 24px; line-height: 1.2; }
.rv-kart h3 a { color: inherit; text-decoration: none; }
.rv-kart h3 a:hover { color: var(--ana-metin); }
.rv-sektor { margin-top: 6px; color: var(--soluk); font-weight: 600; }
.rv-bilgi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0 18px; }
.rv-bilgi div { padding: 12px 14px; border-radius: 14px; background: var(--ana-cok-acik); border: 1px solid color-mix(in oklab, var(--ana) 10%, #fff); min-width: 0; }
.rv-bilgi dt { font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ana-metin); }
.rv-bilgi dd { margin: 2px 0 0; font-weight: 700; color: var(--murekkep); font-size: 14.5px; overflow-wrap: anywhere; }
.ref-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 0; padding: 10px; list-style: none; border-radius: 26px; background: var(--ana-cok-acik);
  border: 1px solid color-mix(in oklab, var(--ana) 9%, var(--cizgi)); }
.ref-duzen.tek .ref-izgara { grid-template-columns: repeat(4, 1fr); }
.ref-izgara li { position: relative; min-width: 0; }
.ref-izgara li:not(:nth-child(3n))::after { content: ""; position: absolute; inset-inline-end: 0; top: 22%; bottom: 22%; width: 1px; background: color-mix(in oklab, var(--ana) 14%, var(--cizgi)); }
.ref-izgara li::before { content: ""; position: absolute; left: 14%; right: 14%; bottom: 0; height: 1px; background: color-mix(in oklab, var(--ana) 14%, var(--cizgi)); }
.ref-izgara li:nth-last-child(-n+3)::before { display: none; }
.ref-izgara.az { grid-template-columns: 1fr 1fr; }
.ref-izgara.az li::after { display: none; }
.ref-izgara.az li:nth-child(odd)::after { content: ""; display: block; }
.ref-izgara.az li::before { display: block; }
.ref-izgara.az li:nth-last-child(-n+2)::before { display: none; }
.ref-izgara.az .ref { min-height: 200px; }
.ref-izgara.az .ref-logo b { font-size: 19px; }
.ref-duzen.tek .ref-izgara li:not(:nth-child(3n))::after { display: none; }
.ref-duzen.tek .ref-izgara li:not(:nth-child(4n))::after { content: ""; display: block; }
.ref { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; height: 100%; min-height: 160px; padding: 18px;
  border-radius: 18px; color: var(--murekkep); text-decoration: none; text-align: center; transition: background .35s, box-shadow .35s, transform .35s var(--yumusak); }
a.ref:hover { background: #fff; box-shadow: var(--golge-1); transform: translateY(-2px); }
.ref-resim { max-width: 80%; max-height: 64px; object-fit: contain; filter: grayscale(1); opacity: .8; transition: filter .35s, opacity .35s; }
a.ref:hover .ref-resim { filter: none; opacity: 1; }
.ref-logo { display: inline-flex; align-items: center; gap: 10px; color: #8f9a96; transition: color .35s; max-width: 100%; }
.ref-logo i { flex: none; width: 28px; height: 28px; border-radius: 50%; background: currentColor; transition: background .35s; }
.ref-logo.l1 i { border-radius: 8px; transform: rotate(45deg) scale(.82); }
.ref-logo.l2 i { border-radius: 50% 50% 50% 4px; }
.ref-logo b { font-size: 16.5px; font-weight: 800; letter-spacing: -.02em; color: var(--murekkep); overflow-wrap: anywhere; }
.ref:hover .ref-logo i { background: var(--ana); }
.ref-alt { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--soluk); }
.ref-alt .ik { width: 14px; height: 14px; }
.ref-tum { flex-direction: row; margin: 8px; height: calc(100% - 16px); min-height: 0; background: var(--ana); color: var(--ana-uzeri); font-weight: 800; gap: 10px; }
.ref-tum:hover { background: var(--ana-koyu) !important; color: var(--ana-uzeri); }
.ref-tum .ik { width: 18px; height: 18px; transition: transform .3s var(--yumusak); }
.ref-tum:hover .ik { transform: translateX(4px); }
.ref-izgara li:has(> .ref-tum)::before, .ref-izgara li:has(> .ref-tum)::after { display: none; }

/* ---------- 11 · Yazılar + SSS ---------- */
.icgoruler { padding: 130px 0; background: var(--gri); }
.yazi-izgara { display: grid; grid-template-columns: 1.3fr 1fr; grid-template-rows: auto auto; gap: 24px; }
.yazi-izgara.k1 { grid-template-columns: 1fr; }
.yazi-izgara.k2 .yazi-yan { grid-row: span 2; }
.yazi { position: relative; background: #fff; border-radius: var(--r-kart); padding: 12px; box-shadow: var(--golge-1); transition: transform .35s var(--yumusak), box-shadow .35s; }
.yazi:hover { transform: translateY(-4px); box-shadow: var(--golge-2); }
.yazi-gorsel { position: relative; display: block; overflow: hidden; border-radius: 16px; text-decoration: none; }
.yazi-gorsel img, .yazi-gorsel .doku-yuzey { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--yumusak); }
.yazi:hover .yazi-gorsel img, .yazi:hover .yazi-gorsel .doku-yuzey { transform: scale(1.04); }
.yazi-one { grid-row: 1 / span 2; }
.yazi-one .yazi-gorsel { aspect-ratio: 16 / 9.4; }
.yazi-govde { padding: 22px 16px 14px; }
.yazi-ust { font-size: 13px; font-weight: 600; color: var(--soluk); }
.yazi h3, .yazi h2 { margin-top: 10px; font-size: 20px; line-height: 1.3; }
.yazi-one h3 { font-size: clamp(22px, 1.9vw, 30px); line-height: 1.2; }
.yazi h3 a, .yazi h2 a { color: var(--murekkep); text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat;
  transition: background-size .45s var(--yumusak), color .3s; }
.yazi h3 a::after, .yazi h2 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.yazi:hover h3 a, .yazi:hover h2 a { background-size: 100% 2px; color: var(--ana-metin); }
.yazi-govde > p:not(.yazi-ust) { margin-top: 12px; }
.yazi-yan { display: grid; grid-template-columns: 200px 1fr; align-items: center; gap: 6px; }
.yazi-yan .yazi-gorsel { height: 100%; min-height: 150px; }
.yazi-yan .yazi-govde { padding: 12px 18px; }
.sss { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; margin-top: 120px; align-items: start; }
.sss.ust-yok { margin-top: 0; }
.sss-bas h2 { font-size: clamp(30px, 2.7vw, 46px); line-height: 1.1; }
.kisaca { margin: 24px 0 22px; padding: 22px 24px; border-radius: 18px; background: #fff; border: 1px solid var(--cizgi); font-size: 15.5px; }
.kisaca strong { color: var(--ana-metin); }
.sss-liste { background: #fff; border-radius: 24px; padding: 8px 32px; box-shadow: var(--golge-1); }
.sss-liste details { border-bottom: 1px solid var(--cizgi); }
.sss-liste details:last-child { border-bottom: 0; }
.sss-liste summary { position: relative; list-style: none; cursor: pointer; padding-block: 24px; padding-inline: 0 56px; font-size: 18px; font-weight: 700; color: var(--murekkep); letter-spacing: -.015em; }
.sss-liste summary::-webkit-details-marker { display: none; }
.sss-liste summary::before, .sss-liste summary::after { content: ""; position: absolute; inset-inline-end: 12px; top: 50%; width: 14px; height: 2px; background: var(--ana); border-radius: 2px; transition: transform .3s var(--yumusak); }
.sss-liste summary::after { transform: rotate(90deg); }
.sss-liste details[open] summary::after { transform: rotate(0deg); }
.sss-liste summary:hover { color: var(--ana-metin); }
.sss-liste details .metin { padding-block: 0 24px; padding-inline: 0 48px; max-width: none; }

/* ---------- 12 · Görüşme paneli + form ---------- */
.cagri { padding: 190px 0 110px; }
.cagri-panel { position: relative; display: grid; grid-template-columns: 1fr minmax(420px, 520px); gap: 64px; padding: 72px 64px; border-radius: 34px; color: var(--ana-uzeri);
  background: radial-gradient(1000px 640px at 96% 100%, var(--ana-koyu) 0%, transparent 70%), var(--ana);
  box-shadow: 0 40px 90px -40px color-mix(in oklab, var(--ana) 70%, transparent); }
.cagri-harita { inset: 0; border-radius: 34px; overflow: hidden; }
.cagri-harita .n, .cb-harita .n { fill: var(--ana-uzeri); opacity: .13; }
.cagri-harita .n.on, .cb-harita .n.on { opacity: .36; }
.cagri-harita .yay-iz { stroke: var(--ana-uzeri); opacity: .16; }
.cagri-harita .yay { stroke: var(--ana-uzeri); opacity: .3; }
.cagri-harita .dg, .cb-harita .dg { fill: var(--ana-uzeri); stroke: var(--ana); }
.cagri-harita .dg-halka, .cb-harita .dg-halka { stroke: var(--ana-uzeri); }
.cagri-metin { position: relative; z-index: 2; }
.cagri-metin h2 { color: var(--ana-uzeri); font-size: clamp(32px, 3.2vw, 54px); line-height: 1.06; }
.cagri-metin > p { margin-top: 18px; font-size: 17.5px; max-width: 500px; }
.ofisler { display: grid; gap: 12px; margin-top: 36px; list-style: none; }
.ofis { display: grid; grid-template-columns: 150px 1fr 1.25fr; gap: 4px 18px; align-items: center; padding: 16px 20px; border-radius: 18px;
  background: color-mix(in srgb, var(--ana-koyu) 72%, transparent); border: 1px solid var(--uzeri-22); backdrop-filter: blur(6px); font-size: 13.5px; transition: background .3s; }
.ofis:hover { background: var(--ana-koyu); }
.o-bas { display: flex; flex-direction: column; line-height: 1.25; }
.o-bas b { font-size: 18px; font-weight: 800; color: var(--ana-uzeri); }
.o-bas em { font-style: normal; font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.o-iletisim, .o-adres { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ofis a, .ofis span { color: var(--ana-uzeri); overflow-wrap: anywhere; }
.ofis a:hover { color: var(--ana-uzeri); text-decoration: underline; text-underline-offset: 3px; }
.o-harita { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--uzeri-22); }
.form-kart { position: relative; z-index: 2; align-self: start; margin-top: -150px; padding: 36px; border-radius: 26px; background: #fff; color: var(--metin);
  box-shadow: 0 40px 90px -30px rgb(10 30 24 / .45); }
.form-kart h3 { font-size: 24px; margin-bottom: 18px; }
.km-form { display: grid; gap: 16px; }
.f-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.km-form label { display: grid; gap: 6px; font-size: 13.5px; font-weight: 700; color: var(--murekkep); }
.km-form .zorunlu { color: var(--ana-metin); }
.km-form input, .km-form select, .km-form textarea { width: 100%; min-height: 48px; padding: 11px 14px; border-radius: 12px; border: 1.5px solid var(--cizgi);
  background: var(--gri); font-size: 15px; font-weight: 500; transition: border-color .2s, background .2s, box-shadow .2s; }
.km-form textarea { resize: vertical; }
.km-form input:focus, .km-form select:focus, .km-form textarea:focus { outline: none; border-color: var(--ana); background: #fff; box-shadow: 0 0 0 4px var(--ana-yumusak); }
.km-form [aria-invalid="true"] { border-color: #b3261e; }
.alan-hata { margin: -8px 0 0; font-size: 13px; font-weight: 600; color: #b3261e; }
.form-sonuc { margin: 0 0 14px; padding: 12px 16px; border-radius: 12px; font-weight: 600; font-size: 14.5px; }
.form-sonuc-ok { background: var(--ana-yumusak); color: var(--ana-metin); }
.form-sonuc-hata { background: #fdecea; color: #8a1c14; }
/* Bot tuzağı: satır başı yönünde ekran dışı (LTR'de sola, RTL'de sağa — her iki yönde de kaydırılamayan taraf) */
.tuzak { position: absolute; inset-inline-start: -10000px; inline-size: 1px; block-size: 1px; overflow: hidden; }
.tk-demo-form { margin: 0; padding: 10px 14px; border-radius: 12px; background: var(--gri); font-size: 13px; color: var(--soluk); }
.kv-izin { font-size: 13px; color: var(--soluk); }
.kv-izin a { color: var(--ana-metin); font-weight: 700; }

/* ---------- 13 · Alt bilgi ---------- */
.alt { padding: 90px 0 32px; background: var(--gri); border-top: 1px solid var(--cizgi); font-size: 15px; }
.alt-izgara { display: grid; grid-template-columns: minmax(260px, 1.5fr) repeat(auto-fit, minmax(150px, 1fr)); gap: 48px; }
.alt-marka .alt-tanim { margin-top: 20px; max-width: 360px; }
.alt h2 { font-size: 12.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ana-metin); margin-bottom: 18px; }
.alt ul { display: grid; gap: 10px; list-style: none; }
.alt a { color: var(--metin); text-decoration: none; }
.alt a:hover, .alt a[aria-current] { color: var(--ana-metin); }
.sosyal { display: flex !important; flex-wrap: wrap; gap: 8px !important; margin-top: 22px; }
.sosyal a { display: inline-flex; padding: 7px 14px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fff; font-size: 13.5px; font-weight: 700; }
.sosyal a:hover { border-color: var(--ana); }
.nap { display: grid; gap: 12px; font-style: normal; }
.nap p, .nap a { display: flex; align-items: flex-start; gap: 10px; }
.nap .ik { width: 18px; height: 18px; margin-top: 3px; color: var(--ana-metin); }
.nap b { color: var(--murekkep); }
.alt-son { display: flex; justify-content: space-between; align-items: center; gap: 16px 24px; flex-wrap: wrap; margin-top: 64px; padding-top: 26px;
  border-top: 1px solid var(--cizgi); font-size: 13.5px; color: var(--soluk); }
.alt-son > p { flex: 1 1 360px; }
.alt-dil { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.alt-dil a { font-weight: 700; color: var(--soluk); }
.alt-dil a[aria-current] { color: var(--ana-metin); }
.alt .tk-imza { margin: 0; color: var(--soluk); }
.alt .tk-imza a { color: var(--murekkep); font-weight: 800; }

/* ---------- 14 · İç sayfalar ---------- */
.sayfa-bas { position: relative; overflow: hidden; padding: 34px 0 clamp(40px, 5vw, 64px); border-bottom: 1px solid var(--cizgi); isolation: isolate;
  background: linear-gradient(180deg, #fff 0%, var(--ana-cok-acik) 100%); }
.sayfa-bas > .kap { position: relative; z-index: 2; }
.bant-harita { top: -10%; bottom: -10%; right: -2%; width: min(62%, 980px); z-index: 0;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%, #000 85%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 45%, #000 85%, transparent 100%); }
.bant-harita .n { fill: color-mix(in oklab, var(--ana) 22%, #c8d0cd); opacity: .75; }
.bant-harita .n.on { fill: var(--ana); opacity: .5; }
.bant-harita .dg { fill: var(--ana); stroke: #fff; stroke-width: 3; }
.sayfa-bas .etiket { margin: 34px 0 0; }
.sayfa-bas h1 { margin-top: 14px; max-width: 22ch; font-size: clamp(36px, 1.2rem + 2.6vw, 62px); line-height: 1.04; letter-spacing: -.035em; overflow-wrap: anywhere; }
.sayfa-bas .kirinti + h1 { margin-top: 34px; }
.sayfa-giris { max-width: 44em; margin-top: 18px; font-size: 18.5px; line-height: 1.55; color: var(--metin); }
.kirinti { margin: 0; font-size: 14px; color: var(--soluk); }
.kirinti ol { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.kirinti li + li::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-inline-end: 8px; border-radius: 50%; background: var(--ana-cizgi); vertical-align: middle; }
.kirinti a { color: var(--metin); text-decoration: none; font-weight: 600; }
.kirinti a:hover { color: var(--ana-metin); }
.kirinti [aria-current] { color: var(--murekkep); font-weight: 700; }

/* Kurumsal sayfa */
.kurumsal-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(32px, 5vw, 72px); align-items: start; padding-bottom: 40px; }
.kurumsal-yan { position: sticky; top: calc(var(--cubuk) + 24px); padding: 10px; border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--ana-cok-acik); }
.kurumsal-yan-bas { margin: 8px 12px 10px; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); }
.kurumsal-yan ul { display: grid; gap: 2px; list-style: none; }
.kurumsal-yan a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border-radius: var(--r-k); color: var(--murekkep);
  font-weight: 600; text-decoration: none; }
.kurumsal-yan a .ik { width: 16px; height: 16px; color: var(--soluk); }
.kurumsal-yan a:hover, .kurumsal-yan a[aria-current="page"] { background: #fff; }
.kurumsal-yan a[aria-current="page"] { box-shadow: var(--golge-1); color: var(--ana-metin); }
.kurumsal-metin-govde { padding-bottom: 32px; }
.kapak { position: relative; overflow: hidden; margin: 0 0 32px; border-radius: 26px; box-shadow: var(--golge-2); }
.kapak img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.sonraki { margin-top: 48px; }
.sonraki a { display: flex; flex-direction: column; gap: 6px; padding: 22px 24px; border: 1px solid var(--cizgi); border-radius: var(--r); background: #fff;
  color: var(--murekkep); text-decoration: none; transition: box-shadow .25s, border-color .25s, transform .25s; }
.sonraki small { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); }
.sonraki b { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 20px; font-weight: 800; }
.sonraki b .ik { color: var(--ana-metin); }
.sonraki a:hover { border-color: var(--ana-cizgi); box-shadow: var(--golge-2); transform: translateY(-2px); }

/* Zengin metin (panel editörü) */
.metin { max-inline-size: 46rem; color: var(--metin); }
.metin > * + * { margin-top: 1em; }
.metin h2 { margin-top: 1.8em; font-size: clamp(23px, 1.1rem + .8vw, 30px); }
.metin h3 { margin-top: 1.5em; font-size: 20px; }
.metin h2 + *, .metin h3 + * { margin-top: .7em; }
.metin > :first-child { margin-top: 0; }
.metin a { color: var(--ana-metin); font-weight: 700; text-decoration-thickness: 2px; text-underline-offset: 4px; text-decoration-color: var(--ana-cizgi); }
.metin ul { display: grid; gap: 10px; padding: 0; list-style: none; }
.metin ul > li { position: relative; padding-inline-start: 34px; }
.metin ul > li::before { content: ""; position: absolute; inset-inline-start: 0; top: 3px; width: 22px; height: 22px; border-radius: 50%; background: var(--ana-yumusak); }
.metin ul > li::after { content: ""; position: absolute; inset-inline-start: 8px; top: 8px; width: 6px; height: 10px; border: solid var(--ana-metin); border-width: 0 2.2px 2.2px 0; transform: rotate(40deg); }
.metin ol { padding-inline-start: 1.3em; }
.metin ol > li + li { margin-top: .5em; }
.metin ol > li::marker { color: var(--ana-metin); font-weight: 800; }
.metin blockquote { margin: 1.4em 0; padding: 18px 22px; border-inline-start: 4px solid var(--ana); border-start-end-radius: var(--r-k); border-end-end-radius: var(--r-k); background: var(--ana-cok-acik); }
.metin img { border-radius: 18px; }
.metin table { width: 100%; border-collapse: collapse; font-size: 15.5px; }
.metin th, .metin td { padding: 12px 14px; border: 0; border-bottom: 1px solid var(--cizgi); text-align: start; vertical-align: top; }
.metin th { font-weight: 700; background: var(--ana-cok-acik); color: var(--murekkep); }
.metin strong { color: var(--murekkep); }
.duz-metin { margin-inline: auto; padding-bottom: 40px; }

/* Hizmetler listesi */
.hizmet-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.hizmet-genis { border: 1px solid var(--cizgi); background: #fff; box-shadow: var(--golge-1); transition: background .35s, box-shadow .35s, transform .35s var(--yumusak); }
.hizmet-genis:hover { box-shadow: var(--golge-2); transform: translateY(-3px); background: #fff; }
.hizmet-genis .h-gorsel { display: block; margin: -22px -22px 22px; overflow: hidden; border-radius: 16px; aspect-ratio: 16 / 8; }
.hizmet-genis .h-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--yumusak); }
.hizmet-genis:hover .h-gorsel img { transform: scale(1.04); }
.hizmet-genis:has(.h-gorsel) { padding-top: 34px; }
.hizmet-genis:has(.h-gorsel) .h-no { top: auto; }
.hizmet-genis h2 { font-size: 22px; }
.h-devam { display: inline-flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 22px; font-weight: 700; color: var(--ana-metin); }
.h-devam .h-ok { margin-top: 0; }
.surec-ic { padding: 110px 0 120px; }
.surec-ic::before { display: none; }

/* Hizmet ayrıntısı */
.hs-bas { padding-bottom: 72px; }
.hs-duzen { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; align-items: center; margin-top: 34px; }
.hs-duzen h1 { margin-top: 0; }
.hs-duzen .etiket { margin: 0 0 16px; }
.hs-duzen .dugmeler { margin-top: 28px; }
.hs-gorsel { position: relative; overflow: hidden; border-radius: 30px; box-shadow: var(--golge-2); aspect-ratio: 4 / 3; }
.hs-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.temsili { position: absolute; inset-inline-end: 14px; bottom: 14px; padding: 4px 10px; border-radius: 999px; background: rgb(0 0 0 / .4); color: #fff; font-size: 12px; }
.hs-govde { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 72px; align-items: start; padding-block: 72px 100px; }
.hs-govde.hs-tek:not(:has(> aside)) { grid-template-columns: minmax(0, 1fr); }
.makale { min-width: 0; max-width: 820px; }
.makale > * + * { margin-top: 56px; }
.makale > section > h2 { font-size: clamp(24px, 1.2rem + .8vw, 31px); }
.makale > section > h2 + * { margin-top: 18px; }
.kisaca-kutu { position: relative; padding: 28px 30px 26px; border-radius: var(--r); background: var(--ana-cok-acik); border: 1px solid var(--ana-cizgi); overflow: hidden; }
.kisaca-kutu::after { content: ""; position: absolute; inset-inline-end: -30px; top: -30px; width: 160px; height: 160px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(color-mix(in oklab, var(--ana) 30%, transparent) 1.2px, transparent 1.7px) 0 0 / 12px 12px;
  -webkit-mask-image: radial-gradient(circle, #000 25%, transparent 70%); mask-image: radial-gradient(circle, #000 25%, transparent 70%); }
.makale > .kisaca-kutu > h2 { margin: 0 0 16px; font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--ana-metin); }
.kisaca-kutu dl { display: grid; gap: 12px; margin: 0; }
.kisaca-kutu dl > div { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 20px; }
.kisaca-kutu dt { font-size: 15px; font-weight: 800; color: var(--murekkep); }
.kisaca-kutu dd { margin: 0; font-size: 15.5px; }
.dikey-adim { margin: 0; padding: 0; list-style: none; }
.dikey-adim li { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 18px; padding-bottom: 26px; }
.dikey-adim li:not(:last-child)::before { content: ""; position: absolute; inset-inline-start: 23px; top: 50px; bottom: 4px; width: 2px;
  background: repeating-linear-gradient(180deg, var(--ana-cizgi) 0 6px, transparent 6px 12px); }
.dikey-adim > li > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--ana); color: var(--ana-uzeri);
  font-weight: 800; font-size: 17px; box-shadow: 0 0 0 6px var(--ana-yumusak); }
.dikey-adim .a-sure { display: inline-block; margin-top: 4px; }
.dikey-adim h3 { margin-top: 10px; font-size: 18px; }
.dikey-adim p:not(.a-sure) { margin-top: 6px; font-size: 15.5px; }
.ilgili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ilgili a { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 16px; align-items: center; padding: 10px; border: 1px solid var(--cizgi);
  border-radius: 18px; background: #fff; color: var(--murekkep); text-decoration: none; transition: box-shadow .25s, border-color .25s; }
.ilgili-gorsel { display: block; overflow: hidden; border-radius: 12px; aspect-ratio: 4 / 3; }
.ilgili-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.ilgili b { display: block; font-size: 15.5px; line-height: 1.3; }
.ilgili small { display: block; margin-top: 4px; font-size: 13px; color: var(--soluk); }
.ilgili a:hover { border-color: var(--ana-cizgi); box-shadow: var(--golge-1); }
.yan-liste { position: sticky; top: calc(var(--cubuk) + 24px); padding: 18px 10px 10px; border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--ana-cok-acik); }
.yan-liste .etiket { margin: 0 12px 10px; }
.yan-liste ul { list-style: none; }
.yan-liste a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-radius: var(--r-k); color: var(--murekkep);
  font-weight: 600; font-size: 15.5px; text-decoration: none; }
.yan-liste a:hover { background: #fff; }
.yan-liste a .ik { width: 17px; height: 17px; color: var(--soluk); }

/* İletişim sayfası */
.km-iletisim .km-iletisim-metin { max-width: 760px; }
.iletisim-harita-kap { position: relative; margin-top: 36px; border-radius: 30px; overflow: hidden; border: 1px solid var(--ana-cizgi);
  background: radial-gradient(900px 400px at 70% 40%, color-mix(in oklab, var(--ana) 9%, #fff) 0%, transparent 70%), linear-gradient(180deg, #fff, var(--ana-cok-acik)); }
.iletisim-harita { position: relative; width: 100%; aspect-ratio: 16 / 6; }
.km-capa { display: block; scroll-margin-top: calc(var(--cubuk) + 24px); }
.km-iletisim .op-iletisim { margin-top: 36px; padding-bottom: 40px; }

/* Haberler */
.haber-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.haber-liste.dar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.yazi-manset { grid-column: 1 / -1; display: grid; grid-template-columns: 1.2fr 1fr; gap: 12px; align-items: center; }
.yazi-manset .yazi-gorsel { aspect-ratio: 16 / 10; }
.yazi-manset .yazi-govde { padding: 22px 26px; }
.yazi-manset h2 { font-size: clamp(24px, 2.1vw, 34px); line-height: 1.18; }
.yazi-kart .yazi-gorsel { aspect-ratio: 16 / 10; }
.yazi-kart h2 { font-size: 19px; }
.yazi-devam { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; font-weight: 700; font-size: 14.5px; color: var(--ana-metin); }
.yazi-devam .ik { width: 16px; height: 16px; transition: transform .25s var(--yumusak); }
.yazi:hover .yazi-devam .ik { transform: translateX(4px); }
.yazi-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 72px; align-items: start; padding-bottom: 90px; }
.yazi-makale { min-width: 0; }
.yazi-makale > .yazi-ust { display: flex; align-items: center; gap: 8px; margin-bottom: 26px; }
.yazi-makale > .yazi-ust .ik { width: 17px; height: 17px; color: var(--ana-metin); }
.yazi-makale .metin { max-inline-size: 44rem; font-size: 17px; }
.yazi-geri { margin-top: 48px; }
.yazi-yan { position: sticky; top: calc(var(--cubuk) + 24px); display: grid; gap: 18px; }
.yan-kart { padding: 22px; border-radius: var(--r); border: 1px solid var(--cizgi); background: #fff; }
.yan-kart ul { display: grid; gap: 14px; list-style: none; }
.yan-kart li { display: grid; gap: 2px; }
.yan-kart li a { color: var(--murekkep); font-weight: 700; line-height: 1.35; text-decoration: none; }
.yan-kart li a:hover { color: var(--ana-metin); }
.yan-kart time { font-size: 13px; color: var(--soluk); }
.yan-kart--ana { border: 0; color: var(--ana-uzeri); background: radial-gradient(360px 260px at 100% 100%, var(--ana-koyu) 0%, transparent 72%), var(--ana); }
.yan-kart-baslik { margin: 0 0 18px; font-size: 21px; font-weight: 800; line-height: 1.2; color: var(--ana-uzeri); letter-spacing: -.02em; }

/* Referanslar sayfası */
.ref-giris { max-width: 46em; margin-bottom: 28px; font-size: 17px; }
.ref-izgara--sayfa { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.ref-izgara--sayfa .ref { min-height: 190px; }
.ref-izgara--sayfa .ref-logo b { font-size: 19px; }
/* Projeler (referans çalışmaları) listesi */
.vaka-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 28px; }
.vaka-kart { min-height: 0; }
.vaka-kart .rv-gorsel { flex: none; min-height: 0; aspect-ratio: 16 / 9; }
.vaka-kart h2, .vaka-kart h3 { margin-top: 14px; font-size: 24px; line-height: 1.2; }
.vaka-kart h2 a, .vaka-kart h3 a { color: inherit; text-decoration: none; }
.vaka-kart h2 a:hover, .vaka-kart h3 a:hover { color: var(--ana-metin); }
.rv-ozet { margin-top: 10px; font-size: 15.5px; }
.ref-calisma-bas { margin: 90px 0 40px; }
.ref-izgara--sayfa { gap: 12px; padding: 12px; }
.ref-izgara--sayfa li::after, .ref-izgara--sayfa li::before { display: none !important; }
.ref-izgara--sayfa .ref { background: #fff; box-shadow: var(--golge-1); }
.ref-alt-bag { margin-top: 32px; padding-bottom: 32px; }

/* SSS sayfası */
.sss-sayfa { margin-top: 0; padding-bottom: 40px; }
.sss-sayfa .sss-bas { position: sticky; top: calc(var(--cubuk) + 24px); }
.sss-sayfa .kisaca { margin-top: 0; }

/* Durum sayfası */
.durum-bolum { position: relative; overflow: hidden; padding-block: clamp(64px, 10vw, 150px); background: linear-gradient(180deg, #fff, var(--ana-cok-acik)); isolation: isolate; }
.durum-harita { inset: 0; width: 100%; z-index: 0; opacity: .9; }
.durum-bolum > .kap { position: relative; z-index: 2; }
.durum-kart { max-width: 640px; padding: clamp(28px, 4vw, 48px); border-radius: 30px; background: #fff; box-shadow: var(--golge-2); border: 1px solid var(--cizgi); }
.durum-kod { margin: 0; font-size: clamp(64px, 8vw, 104px); font-weight: 800; line-height: 1; letter-spacing: -.05em; color: var(--ana-metin); }
.durum-kart h1 { margin-top: 16px; font-size: clamp(28px, 3vw, 40px); }
.durum-kart > p { margin-top: 12px; }
.durum-kart .dugmeler { margin-top: 26px; }
.durum-not { margin-top: 20px; }

/* İç sayfaların alt çağrı bandı */
.cagri-bandi { padding: 20px 0 110px; }
.cb-panel { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px 48px; align-items: center; overflow: hidden; padding: 56px 60px;
  border-radius: 34px; color: var(--ana-uzeri); isolation: isolate;
  background: radial-gradient(860px 520px at 96% 100%, var(--ana-koyu) 0%, transparent 70%), var(--ana);
  box-shadow: 0 40px 90px -44px color-mix(in oklab, var(--ana) 70%, transparent); }
.cb-harita { inset: 0; z-index: -1; }
.cb-metin h2 { color: var(--ana-uzeri); font-size: clamp(28px, 2.6vw, 44px); line-height: 1.08; max-width: 20ch; }
.cb-metin > p { margin-top: 14px; max-width: 520px; }
.cb-eylem { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.cb-tel { display: inline-flex; align-items: center; gap: 10px; color: var(--ana-uzeri); font-weight: 800; font-size: 18px; text-decoration: none; }
.cb-tel .ik { width: 18px; height: 18px; }
.cb-tel:hover { text-decoration: underline; text-underline-offset: 4px; }

/* ---------- 15 · Çekirdek görünümlerin cilası (projeler, kariyer, ürünler, belgeler, e-katalog) ---------- */
.sayfa-govde { padding-block: clamp(40px, 5vw, 72px); }
.sayfa-basi-alt { color: var(--metin); }
.bos-durum { padding: 40px 20px; border: 1.5px dashed var(--ana-cizgi); border-radius: var(--r); background: var(--ana-cok-acik); color: var(--soluk); text-align: center; }
.izgara { gap: 24px; }
.kart { border: 1px solid var(--cizgi); border-radius: var(--r); background: #fff; box-shadow: var(--golge-1); overflow: hidden; transition: box-shadow .3s, transform .3s var(--yumusak), border-color .3s; }
.kart:has(.kart-bag):hover { transform: translateY(-3px); border-color: var(--ana-cizgi); box-shadow: var(--golge-2); }
.kart-bag { color: inherit; text-decoration: none; }
.kart-gorsel { position: relative; overflow: hidden; background: var(--ana-cok-acik); }
.kart-gorsel img { transition: transform .8s var(--yumusak); }
.kart:hover .kart-gorsel img { transform: scale(1.04); }
.kart-gorsel:has(> .bas-harf) { background: radial-gradient(110% 90% at 100% 100%, var(--ana-koyu) 0%, transparent 70%), var(--ana); }
.kart-gorsel > .bas-harf { display: grid; place-items: center; aspect-ratio: 16 / 10; color: var(--ana-uzeri); font-size: 44px; font-weight: 800; background: none;
  background-image: radial-gradient(var(--uzeri-16) 1.3px, transparent 1.8px); background-size: 15px 15px; }
.kart-govde { gap: 6px; padding: 18px 20px 22px; }
.kart-baslik { font-size: 18px; font-weight: 800; line-height: 1.3; letter-spacing: -.015em; color: var(--murekkep); }
.kart-ozet, .kart-ust, .kart-kod { color: var(--soluk); }
.kart-ust { font-size: 13px; font-weight: 700; }
.cip { padding: 7px 14px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fff; color: var(--metin); font-weight: 600; }
a.cip:hover, .cip[aria-current], .cip.secili { border-color: var(--ana); background: var(--ana); color: var(--ana-uzeri); }
.akordeon { display: grid; gap: 0; max-inline-size: 58rem; padding: 8px 32px; border-radius: 24px; background: #fff; box-shadow: var(--golge-1); }
.akordeon details { border: 0; border-bottom: 1px solid var(--cizgi); border-radius: 0; background: none; }
.akordeon details:last-child { border-bottom: 0; }
.akordeon summary { position: relative; padding-block: 22px; padding-inline: 0 52px; list-style: none; cursor: pointer; font-size: 18px; font-weight: 700; color: var(--murekkep); }
.akordeon summary::-webkit-details-marker { display: none; }
.akordeon summary::after { content: "+"; position: absolute; inset-inline-end: 0; top: 50%; display: grid; place-items: center; width: 34px; height: 34px; margin-top: -17px;
  border-radius: 50%; background: var(--ana-yumusak); color: var(--ana-metin); font-size: 20px; font-weight: 600; transition: transform .25s, background .25s, color .25s; }
.akordeon details[open] summary::after { transform: rotate(45deg); background: var(--ana); color: var(--ana-uzeri); }
.akordeon details > :not(summary) { padding-bottom: 20px; }
.btn { min-height: 48px; padding: 0 22px; border-radius: 999px; border: 1.5px solid var(--ana); background: var(--ana); color: var(--ana-uzeri); font-weight: 700; }
.btn:hover { background: var(--ana-koyu); border-color: var(--ana-koyu); filter: none; }
.btn-ikincil { background: #fff; color: var(--murekkep); border-color: color-mix(in oklab, var(--murekkep) 16%, #fff); }
.btn-ikincil:hover { background: #fff; color: var(--ana-metin); border-color: var(--ana); }
.form { gap: 16px; }
.form-izgara { gap: 14px 16px; }
.alan label, .secenek-grubu legend { font-size: 14px; font-weight: 700; color: var(--murekkep); }
.alan input, .alan select, .alan textarea { min-height: 48px; padding: 11px 14px; border: 1.5px solid var(--cizgi); border-radius: 12px; background: var(--gri); font-size: 15.5px; }
.alan textarea { min-height: 120px; }
.alan input:focus, .alan select:focus, .alan textarea:focus { outline: none; border-color: var(--ana); background: #fff; box-shadow: 0 0 0 4px var(--ana-yumusak); }
.alan input[type=checkbox], .alan input[type=radio], .kv-kutu input { accent-color: var(--ana); }
.sayfalama ul { gap: 6px; }
.sayfalama a, .sayfalama span { border-radius: 999px; min-width: 42px; min-height: 42px; }
.sayfalama span[aria-current] { background: var(--ana); border-color: var(--ana); color: var(--ana-uzeri); }
.yan-kutu { border-radius: var(--r); background: var(--ana-cok-acik); border: 1px solid var(--cizgi); }
.galeri-izgara img { border-radius: 14px; }
.kapak-gorsel { border-radius: 26px; box-shadow: var(--golge-2); }
.bilgi-listesi { border-radius: var(--r); }
.proje-kart .kart-gorsel img { aspect-ratio: 16 / 10; object-fit: cover; }
.std-katalog { border-radius: var(--r); }

/* ---------- 16 · Ortak parçalar (op-*) ---------- */
.bolum-ust-dar > .op-duzen { padding-top: 0; }
.op-duzen.bolum-ust-dar { padding-top: clamp(40px, 5vw, 64px); }
.op-duzen { padding-bottom: clamp(56px, 6vw, 90px); }
.op-yan-nav { background: var(--ana-cok-acik); box-shadow: none; }
.op-yan-baslik { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); margin: 4px 12px 12px; }
.op-yan-liste a { border-left: 0; border-radius: var(--r-k); font-weight: 600; color: var(--murekkep); }
.op-yan-liste a:hover { background: #fff; }
.op-yan-liste a[aria-current] { background: #fff; color: var(--ana-metin); box-shadow: var(--golge-1); }
.op-yan-kutu--teklif { border: 0; color: var(--ana-uzeri); background: radial-gradient(360px 260px at 100% 100%, var(--ana-koyu) 0%, transparent 72%), var(--ana);
  box-shadow: var(--golge-2); }
.op-yan-kutu--teklif h2, .op-yan-kutu--teklif .op-yan-tel { color: var(--ana-uzeri); }
.op-yan-kutu--teklif p { color: var(--ana-uzeri); }
.op-yan-kutu--teklif .op-yan-tel svg { color: var(--ana-uzeri); }
.op-yan-kutu--teklif .op-dugme--ana { background: #fff; border-color: #fff; color: var(--murekkep); }
.op-yan-kutu--teklif .op-dugme--ana:hover { color: var(--ana-metin); }
.op-dugme { font-weight: 700; letter-spacing: -.01em; }
.op-dugme--ana:hover { background: var(--ana-koyu); border-color: var(--ana-koyu); }
.op-rozet { border-radius: 999px; background: var(--ana-yumusak); color: var(--ana-metin); font-weight: 800; letter-spacing: .08em; }
.op-ozet-baslik, .op-bolum-baslik, .op-lokasyonlar h2, .op-iletisim-form h2, .op-lokasyon h3 { letter-spacing: -.025em; }
.op-bolum-baslik::before { background: var(--ana); border-radius: 2px; width: 22px; height: 3px; }
.op-galeri-ana { box-shadow: var(--golge-2); border: 0; border-radius: 26px; }
.op-kart { border-radius: var(--r); box-shadow: var(--golge-1); }
.op-kart:hover { box-shadow: var(--golge-2); }
.op-kanal { border-radius: var(--r); border: 1px solid var(--cizgi); box-shadow: var(--golge-1); }
.op-kanal-ikon { border-radius: 14px; background: var(--ana-yumusak); color: var(--ana-metin); }
.op-lokasyon { border-radius: 26px; overflow: hidden; box-shadow: var(--golge-1); }
.op-lokasyon-izgara { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.op-harita { border-radius: 18px; background: radial-gradient(color-mix(in oklab, var(--ana) 24%, transparent) 1.2px, transparent 1.7px) 0 0 / 14px 14px, var(--ana-cok-acik); }
.op-harita-pin { color: var(--ana-metin); }
.op-iletisim-form { border-radius: 26px; box-shadow: var(--golge-2); }
.op-alan input, .op-alan select, .op-alan textarea { border-radius: 12px; background: var(--gri); border-width: 1.5px; }
.op-alan input:focus, .op-alan select:focus, .op-alan textarea:focus { background: #fff; border-color: var(--ana); box-shadow: 0 0 0 4px var(--ana-yumusak); outline: none; }
.kap:has(> .kirinti:only-child) { padding-block: 26px 22px; border-bottom: 1px solid var(--cizgi); margin-bottom: clamp(28px, 4vw, 48px); max-width: none;
  background: linear-gradient(180deg, #fff, var(--ana-cok-acik)); }
.kap:has(> .kirinti:only-child) > .kirinti { max-width: var(--kap-g); margin-inline: auto; }
.op-urun { padding-bottom: clamp(64px, 7vw, 110px); }

/* ---------- 17 · Duyuru penceresi, çerez ---------- */
.site-duyuru { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; padding: 20px; background: rgb(17 23 21 / .5); }
.site-duyuru[hidden] { display: none; }
.site-duyuru-kutu { position: relative; width: min(520px, 100%); overflow: hidden; border-radius: 26px; background: #fff; box-shadow: var(--golge-2); }
.site-duyuru-kutu img { width: 100%; max-height: 70vh; object-fit: cover; }
.site-duyuru-kutu strong { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 22px; font-size: 18px; font-weight: 800; color: var(--murekkep); }
.site-duyuru-kutu a { color: inherit; text-decoration: none; }
.site-duyuru-kapat { position: absolute; top: 12px; inset-inline-end: 12px; z-index: 2; display: grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 50%;
  background: rgb(255 255 255 / .92); color: var(--murekkep); cursor: pointer; box-shadow: var(--golge-1); }

/* ---------- 18 · Kırılımlar ---------- */
@media (max-width: 1480px) {
  .tel small { display: none; }
  .menu-liste > li > a, .menu-liste > li > button { padding: 10px 11px; font-size: 15px; }
  .ust-ic { gap: 18px; }
}
@media (max-width: 1320px) {
  .tel { display: none; }
  .hizmet-panel { grid-template-columns: 1fr; }
  .hp-bas { flex-direction: row; flex-wrap: wrap; align-items: flex-end; gap: 0 40px; }
  .hp-bas > * { flex: 1 1 320px; }
  .hp-bas .etiket { flex-basis: 100%; }
  .hp-bas .yazi-bag { flex: 0 0 auto; }
  .neden { gap: 64px; }
}
@media (max-width: 1100px) {
  .ust-sag { margin-inline-start: auto; }   /* menü sabit panele dönünce arama + menü düğmeleri satırın sonuna (2026-10-06) */
  :root { --cubuk: 74px; }
  .menu-ac { display: block; }
  .dil, .ust-cagri { display: none; }
  .ust-ara { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--ana); color: var(--ana-uzeri); }
  .ust-ara .ik { width: 19px; height: 19px; }
  .menu { position: fixed; left: 0; right: 0; top: var(--menu-ust, var(--cubuk)); bottom: 0; z-index: 55; display: block; padding: 18px 20px 40px; background: #fff; overflow-y: auto;
    transform: translateX(100%); visibility: hidden; transition: transform .35s var(--yumusak), visibility .35s; border-top: 1px solid var(--cizgi); }
  .menu.acik { transform: none; visibility: visible; }
  .menu-liste { flex-direction: column; align-items: stretch; gap: 2px; }
  .menu-liste > li > a, .menu-liste > li > button { width: 100%; justify-content: space-between; padding: 15px 16px; font-size: 17px; border-radius: 14px; }
  .menu-alt { position: static; transform: none; opacity: 1; visibility: visible; box-shadow: none; border: 0; padding: 0 0 8px 12px; display: none; min-width: 0; }
  .acilir.acik > .menu-alt { display: block; transform: none; }
  .menu-ek { display: grid; gap: 12px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--cizgi); }
  .menu-dil { display: flex; flex-wrap: wrap; gap: 8px; }
  .menu-dil a { flex: 1 1 120px; text-align: center; padding: 11px 0; border-radius: 12px; border: 1px solid var(--cizgi); font-weight: 700; font-size: 14.5px;
    color: var(--murekkep); text-decoration: none; }
  .menu-dil a[aria-current] { background: var(--ana); border-color: var(--ana); color: var(--ana-uzeri); }
  .menu-ek .dugme { width: 100%; }
  .acilis { flex-direction: column; align-items: stretch; min-height: 0; padding-bottom: 110px; }
  .acilis-ic { padding-top: 48px; padding-bottom: 0; order: 1; }
  .acilis-metin, .acilis--medya .acilis-metin { max-width: 680px; }
  .acilis-harita, [dir=rtl] .acilis-harita { position: relative; order: 2; right: auto; left: auto; top: auto; transform: none; width: 112%; margin: 8px 0 0; align-self: center; }
  .harita-not { display: none; }
  .sahne { position: relative; order: 2; top: auto; bottom: auto; inset-inline-end: auto; width: auto; margin-block: 36px 0; margin-inline: 32px 0; aspect-ratio: 16 / 11; }
  .hizmetler { margin-top: -90px; }
  .bolum-bas { flex-direction: column; align-items: flex-start; gap: 16px; }
  .neden, .sss { grid-template-columns: 1fr; gap: 72px; }
  .cagri-panel { grid-template-columns: 1fr; gap: 40px; padding: 56px 40px 40px; }
  .form-kart { margin-top: 0; }
  .ref-duzen { grid-template-columns: 1fr; }
  .ref-duzen.tek .ref-izgara, .ref-izgara--sayfa { grid-template-columns: repeat(3, 1fr); }
  .ref-duzen.tek .ref-izgara li::after, .ref-izgara--sayfa li::after { display: none !important; }
  .alt-izgara { grid-template-columns: 1fr 1fr; }
  .kurumsal-duzen, .hs-govde, .yazi-duzen { grid-template-columns: 1fr; }
  .kurumsal-yan, .yan-liste, .yazi-yan, .sss-sayfa .sss-bas { position: static; }
  /* Ana sayfanın yan yazı kartı (article.yazi.yazi-yan) yazı ayrıntısının yan sütunuyla (aside.yazi-yan) aynı sınıfı taşıyor; yukarıdaki
     kural kartı da konumsuz yapıyordu: başlık bağlantısının kartı kaplayan ::after katmanı karttan taşıp sayfanın ilk ekranını örtüyor,
     telefonda (kart göründükten sonra, hareket azaltmada hep) açılışın "Görüşme talep edin" düğmesine dokunan yazıya gidiyordu
     (bağımsız denetim 2026-10-04). Kart yine kendi katmanını sınırlar. */
  .yazi.yazi-yan { position: relative; }
  .hs-duzen { grid-template-columns: 1fr; gap: 36px; }
  .haber-liste, .haber-liste.dar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vaka-izgara { gap: 40px 20px; }
  .cb-panel { grid-template-columns: 1fr; padding: 44px 36px; }
  .bant-harita { width: 90%; opacity: .7; }
}
@media (max-width: 760px) {
  body { font-size: 16px; }
  .kap { padding: 0 18px; }
  :root { --cubuk: 68px; }
  .km-duyuru { font-size: 13px; }
  .km-duyuru-ic { gap: 10px; padding: 8px 0; }
  .logo-isaret { width: 38px; height: 38px; }
  .logo-yazi { font-size: 16.5px; }
  .logo-yazi small { font-size: 9px; }
  .ust-ic { gap: 10px; }
  .ust-sag { gap: 10px; }
  .acilis-ic { padding-top: 36px; }
  .ust-etiket { margin-bottom: 22px; font-size: 12.5px; }
  .acilis h1, .acilis--medya h1 { font-size: clamp(34px, 9.6vw, 46px); }
  .acilis-ozet { font-size: 16.5px; margin-top: 22px; }
  .acilis .dugmeler .dugme { flex: 1 1 100%; }
  .acilis-harita, [dir=rtl] .acilis-harita { width: 124%; margin-top: 18px; }
  .sahne { margin-block: 28px 0; margin-inline: 18px 0; aspect-ratio: 4 / 3; border-start-start-radius: 26px; border-end-start-radius: 26px; }
  .dugum-kart { padding: 6px 10px 7px; border-radius: 11px; }
  .dk-yer { font-size: 12.5px; } .dk-rol { font-size: 10.5px; }
  .hizmetler { margin-top: -70px; padding-bottom: 80px; }
  .hizmet-panel { padding: 8px; border-radius: 24px; }
  .hp-bas { padding: 28px 22px; display: block; }
  .hp-izgara, .k3 .hp-izgara { grid-template-columns: 1fr; }
  .hp-izgara .hizmet { padding: 26px 20px; border-bottom: 1px solid var(--cizgi) !important; border-radius: 0 !important; }
  .hp-izgara .hizmet:last-child { border-bottom: 0 !important; }
  .hp-izgara .hizmet::after { display: none; }
  .h-no { top: 30px; inset-inline-end: 20px; }
  .h-rota { left: 20px; right: 20px; }
  .surec, .km-ref, .icgoruler, .surec-ic { padding: 84px 0; }
  .bolum-bas { margin-bottom: 36px; }
  .rota-cizgi { display: none; }
  .adimlar { grid-template-columns: 1fr; gap: 0; }
  .adimlar::before { content: ""; position: absolute; inset-inline-start: 29px; top: 40px; bottom: 60px; width: 2px; background: repeating-linear-gradient(180deg, var(--ana-cizgi) 0 6px, transparent 6px 12px); }
  .adim { display: grid; grid-template-columns: 60px 1fr; column-gap: 18px; text-align: start; align-items: start; padding-bottom: 26px; }
  .a-dugum { margin-top: 0; grid-row: 1 / span 3; background: var(--ana); color: var(--ana-uzeri); }
  .a-kart { margin-top: 0; padding: 0; background: none; box-shadow: none; border: 0; align-items: flex-start; }
  .a-kart:hover { transform: none; box-shadow: none; }
  .adim p { margin-inline-start: 0; }
  .rota .kucuk-not { text-align: start; margin-top: 0; }
  .neden { margin-top: 80px; }
  .alinti { position: relative; right: auto; bottom: auto; width: auto; margin: -60px 14px 0; }
  .neden-gorsel { margin-bottom: 0; }
  .rakamlar div { padding: 18px; }
  .rv-gorsel { min-height: 220px; flex: none; }
  .ref-vaka { min-height: 0; }
  .rv-kart { margin: -70px 10px 0; padding: 22px 18px; }
  .rv-bilgi { grid-template-columns: 1fr 1fr; }
  .ref-izgara, .ref-duzen.tek .ref-izgara, .ref-izgara--sayfa { grid-template-columns: 1fr 1fr; padding: 6px; }
  .vaka-izgara { grid-template-columns: 1fr; }
  .ref-izgara li::after, .ref-izgara li::before { display: none !important; }
  .ref { min-height: 110px; background: #fff; margin: 4px; height: calc(100% - 8px); }
  .ref-izgara .ref-tum { background: var(--ana); color: var(--ana-uzeri); }
  .yt-buyuk .yt-etiket { top: 16px; bottom: auto; }
  .yazi-izgara { grid-template-columns: 1fr; }
  .yazi-one { grid-row: auto; }
  .yazi-yan { grid-template-columns: 116px 1fr; }
  .yazi-yan h3 { font-size: 16.5px; }
  .yazi-yan .yazi-govde { padding: 6px 8px 6px 12px; }
  .yazi-yan .yazi-gorsel { min-height: 110px; }
  .sss { margin-top: 84px; gap: 32px; }
  .sss-liste, .akordeon { padding: 4px 20px; }
  .sss-liste summary { font-size: 16.5px; padding-block: 20px; padding-inline: 0 40px; }
  .sss-liste details .metin { padding-inline-end: 0; }
  .cagri { padding: 84px 0 70px; }
  .cagri-panel { padding: 44px 20px 20px; border-radius: 26px; margin: 0 -6px; }
  .ofis { grid-template-columns: 1fr; padding: 16px; }
  .o-bas { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
  .form-kart { padding: 24px 18px; }
  .f-iki { grid-template-columns: 1fr; }
  .alt { padding-top: 64px; }
  .alt-izgara { grid-template-columns: 1fr; gap: 36px; }
  .sayfa-bas h1 { font-size: clamp(32px, 8.6vw, 44px); }
  .hizmet-liste, .haber-liste, .haber-liste.dar { grid-template-columns: 1fr; }
  .yazi-manset { grid-template-columns: 1fr; }
  .kisaca-kutu { padding: 22px 20px; }
  .kisaca-kutu dl > div { grid-template-columns: 1fr; gap: 2px; }
  .ilgili { grid-template-columns: 1fr; }
  .iletisim-harita { aspect-ratio: 4 / 3; }
  .cb-panel { padding: 36px 22px; border-radius: 26px; }
  .cagri-bandi { padding-bottom: 72px; }
}

/* ---------- 18b · Medya kipinde telefon düzeni ----------
   Vitrin görseli / videosu telefonda da ilk ekranda BÜYÜK görünür: sahne üst etiket + H1'in hemen altına alınır, "Kısaca", düğmeler ve dil
   listesi sahnenin altına iner (DOM sırası — tek H1, okuma sırası — değişmez; yalnız görsel sıra: .acilis-ic / .acilis-metin içerik
   gibi davranır ve öğeler açılışın esnek sütununda sıralanır). */
@media (max-width: 1100px) {
  .acilis--medya .acilis-ic, .acilis--medya .acilis-metin { display: contents; }
  .acilis--medya .acilis-metin > * { margin-inline: 32px; max-width: 680px; }
  .acilis--medya .acilis-metin > :first-child { margin-top: 48px; }
  .acilis--medya .ust-etiket { order: 1; align-self: flex-start; }
  .acilis--medya h1 { order: 2; }
  .acilis--medya .sahne { order: 3; margin-block-start: 28px; }
  .acilis--medya .acilis-ozet { order: 4; margin-top: 28px; }
  .acilis--medya .dugmeler { order: 5; }
  .acilis--medya .acilis-dil { order: 6; }
}
@media (max-width: 760px) {
  .acilis--medya .acilis-metin > * { margin-inline: 18px; }
  .acilis--medya .acilis-metin > :first-child { margin-top: 32px; }
  .acilis--medya .sahne { margin-block-start: 22px; }
}

/* ---------- 18c · Görselsiz müşteri sitesi: boş çerçeve yerine imza ----------
   "Neden biz" görsel alanı: görsel yokken (müşteri sitesi) konumlardan çizilen nokta harita (düğümler + merkez→ofis yayları + kartlar;
   alıntı kartının altı "engel" sayılır). Hizmet ayrıntısında görsel yoksa görsel sütunu hiç basılmaz (sayfa başı bandının harita dokusu
   sağ tarafı doldurur). */
.doku-yuzey.haritali::before, .doku-yuzey.haritali::after { display: none; }
.kutu-harita { inset: 0; overflow: hidden; border-radius: inherit; }
.kutu-harita .n { fill: color-mix(in oklab, var(--ana) 26%, #b3bfbb); opacity: .85; }
.kutu-harita .n.on { fill: var(--ana); opacity: .6; }
.kutu-harita .dugum-kart { box-shadow: var(--golge-1); }
.hs-duzen.tek { grid-template-columns: minmax(0, 1fr); }
.hs-duzen.tek .hs-metin { max-width: 820px; }

/* Hizmet ayrıntısının sonu: SSS'ye bağlam — "Kısaca" paragrafı + tüm sorular bağlantısı (tek başına kalan bağlantı yerine) */
.sss-bag { position: relative; overflow: hidden; padding: 28px 30px 26px; border-radius: var(--r); background: #fff; border: 1px solid var(--cizgi); box-shadow: var(--golge-1); }
.makale > .sss-bag > h2 { margin-top: 0; }
.sss-bag .etiket { margin-bottom: 10px; }
.sss-bag p:not(.etiket) { margin-top: 14px; font-size: 15.5px; }
.sss-bag p strong { color: var(--ana-metin); }
.sss-bag .yazi-bag { margin-top: 18px; }

/* Az referans (1-2 kayıt): logo hücreleri sütunda, "Tüm referanslar" dolu karo yerine metin bağlantısı — dev boş karo oluşmaz */
.ref-duzen.az-ref { grid-template-columns: 1.3fr 1fr; }
.ref-duzen.az-ref.tek { grid-template-columns: 1fr; }
.ref-az { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 18px; border-radius: 26px; background: var(--ana-cok-acik);
  border: 1px solid color-mix(in oklab, var(--ana) 9%, var(--cizgi)); }
.ref-az .ref-izgara { display: grid; grid-template-columns: 1fr; gap: 10px; padding: 0; border: 0; background: none; }
.ref-duzen.tek .ref-az .ref-izgara { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.ref-az .ref-izgara li::before, .ref-az .ref-izgara li::after { display: none !important; }
.ref-az .ref { min-height: 150px; background: #fff; box-shadow: var(--golge-1); }
.ref-az .ref-logo b { font-size: 19px; }
.ref-az > .yazi-bag { align-self: center; margin-top: 8px; }

/* Çekirdek liste görünümlerinde (ürünler, kariyer, e-katalog…) içerik sayfa başı bandına yapışmaz (boş durum dahil) */
.sayfa-bas + .op-duzen:not(.bolum-ust-dar) { padding-top: clamp(32px, 4vw, 56px); }
.sayfa-bas + .kap:not(.op-duzen) > .bos-durum:first-child { margin-top: clamp(32px, 4vw, 56px); }
.sayfa-bas + .kap .bos-durum:first-child { margin-bottom: clamp(40px, 5vw, 72px); }

/* ---------- 18d · Uzun metinli ve Latin dışı diller ----------
   Plus Jakarta Sans'ta Kiril, Yunan ve Arap harfi yok (yedek yazı tipine düşer): başlıklarda sıkı harf aralığı ve 800 ağırlık yedek
   yazı tipinde sıkışık, ağır görünür → aralık 0, ağırlık 700. Arap yazısı bitişiktir: harf aralığı bağları kopardığı için her yerde 0,
   büyük harf dönüşümü anlamsız. */
html:is(:lang(ru), :lang(bg), :lang(el), :lang(ar), :lang(fa)) :is(h1, h2, h3, h4) { letter-spacing: 0; font-weight: 700; }
html:is(:lang(ar), :lang(fa)) * { letter-spacing: 0 !important; }
html:is(:lang(ar), :lang(fa)) :is(.etiket, .logo-yazi small, .tel small, .km-duyuru-rozet, .a-sure, .rv-etiket, .rv-bilgi dt, .o-bas em, .alt h2) { text-transform: none; }
html:is(:lang(ar), :lang(fa)) body { line-height: 1.75; }

/* ---------- 18e · Sağdan sola (ar, fa) ----------
   Mantıksal özellikler (inset-inline, margin-inline, border-inline…) çoğu yönü kendiliğinden çevirir; burada fiziksel yönlü kalanlar:
   ok ikonları (i-ok — <use> aynalanır; "geri" bağlantısının ters oku iki kez dönerek doğru yönü bulur), üzerine gelme kaydırmaları,
   rota çizgileri, degradeler, çekmece. Nokta harita kapları direction:ltr'dir (koordinat); yerleri burada aynalanır. */
[dir=rtl] use[href="#i-ok"] { transform: scaleX(-1); transform-box: fill-box; transform-origin: center; }
/* Çevirisi olmayan içerik varsayılan dile (ör. Türkçe) düşer: paragraf yönü içerikten belirlenir — Latin metin soldan sağa, noktalama
   yerinde (makine-isik ile aynı kural) */
[dir=rtl] :is(p, h1, h2, h3, h4, li, dt, dd, td, th, summary, address, blockquote, .dk-yer, .dk-rol) { unicode-bidi: plaintext; }
/* Ayırıcısı ::before olan satır içi listeler (kırıntı, açılıştaki diller, menüler) sayfanın yönünde kalır — ayırıcı öğeler arasında
   durur; yalnız öğenin metni kendi yönünde (kırıntının son halkası) */
[dir=rtl] :is(.kirinti li, .acilis-dil li, .menu-liste li, .alt-dil, .menu-dil) { unicode-bidi: normal; }
[dir=rtl] .kirinti li > * { unicode-bidi: plaintext; }
/* "Kısaca" etiketi sayfanın dilinde, metni vitrin kaydının dilinde olabilir: metin kendi yönünde yalıtılır */
[dir=rtl] .acilis-ozet > span { unicode-bidi: plaintext; }
[dir=rtl] .yazi-bag:hover .ik, [dir=rtl] .hizmet:hover .h-ok, [dir=rtl] .ref-tum:hover .ik, [dir=rtl] .yazi:hover .yazi-devam .ik { transform: translateX(-4px); }
[dir=rtl] .yazi-bag:hover .ik-ters { transform: scaleX(-1) translateX(-4px); }
[dir=rtl] .dugme:hover .dugme-ok { transform: translateX(-3px); }
[dir=rtl] .h-rota, [dir=rtl] .rota-cizgi { transform: scaleX(-1); }
[dir=rtl] .sahne-perde { background: linear-gradient(160deg, color-mix(in srgb, var(--ana-derin) 8%, transparent) 20%, color-mix(in srgb, var(--ana-derin) 46%, transparent) 100%),
  linear-gradient(270deg, color-mix(in srgb, var(--ana-derin) 30%, transparent) 0%, transparent 38%); }
[dir=rtl] .cagri-panel { background: radial-gradient(1000px 640px at 4% 100%, var(--ana-koyu) 0%, transparent 70%), var(--ana); }
[dir=rtl] .cb-panel { background: radial-gradient(860px 520px at 4% 100%, var(--ana-koyu) 0%, transparent 70%), var(--ana); }
[dir=rtl] :is(.yan-kart--ana, .op-yan-kutu--teklif) { background: radial-gradient(360px 260px at 0% 100%, var(--ana-koyu) 0%, transparent 72%), var(--ana); }
[dir=rtl] .bant-harita { right: auto; left: -2%;
  -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 45%, #000 85%, transparent 100%); mask-image: linear-gradient(270deg, transparent 0%, #000 45%, #000 85%, transparent 100%); }
[dir=rtl] .surec::before { right: auto; left: -120px; }
[dir=rtl] .yer-tutucu::after, [dir=rtl] .doku-yuzey::after { transform: scaleX(-1) rotate(-8deg); }
@media (max-width: 1100px) {
  [dir=rtl] .menu { transform: translateX(-100%); }
  [dir=rtl] .menu.acik { transform: none; }
}

/* ---------- 19 · Görünme hareketi (hareket azaltmada kapalı) ---------- */
.js [data-belir] { opacity: 0; transform: translateY(22px); transition: opacity .8s var(--yumusak), transform .8s var(--yumusak); }
.js [data-belir].gorundu { opacity: 1; transform: none; }
.adim[data-belir]:nth-child(2) { transition-delay: .12s; } .adim[data-belir]:nth-child(3) { transition-delay: .24s; } .adim[data-belir]:nth-child(4) { transition-delay: .36s; }
.hizmet-panel { opacity: 0; translate: 0 40px; transition: opacity .9s .35s var(--yumusak), translate 1s .35s var(--yumusak); }
.no-js .hizmet-panel, .hazir .hizmet-panel { opacity: 1; translate: 0 0; }
.anim-yok *, .anim-yok *::before, .anim-yok *::after { animation: none !important; transition: none !important; }
.anim-yok [data-belir], .anim-yok .hizmet-panel { opacity: 1 !important; transform: none !important; translate: none !important; }
.anim-yok .dugum-kart { opacity: 1 !important; translate: none !important; }
.anim-yok .vurgu path, .anim-yok .dunya .yay, .anim-yok .rc-dolu { stroke-dashoffset: 0 !important; }
.anim-yok .vurgu circle { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .js [data-belir], .hizmet-panel { opacity: 1 !important; transform: none !important; translate: none !important; }
  .dugum-kart { opacity: 1 !important; translate: none !important; }
  .vurgu path, .dunya .yay, .rc-dolu { stroke-dashoffset: 0 !important; }
  .vurgu circle { opacity: 1; }
  .dunya .kuyruk, .dunya .dg-halka { display: none; }
}
@media print { .ust, .km-duyuru, .cagri-bandi, .harita-kutu, .sahne { display: none !important; } .acilis { min-height: 0; } }

/* Görselsiz yazı kapağı: dokulu yüzeyde tarih yaprağı (gün iri, ay + yıl altında) — boş kutu yerine içerikten türeyen kapak */
.tarih-kapak { display: flex !important; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 22px 24px; }
.tarih-kapak b, .tarih-kapak small { position: relative; z-index: 1; }
.tarih-kapak b { font-size: clamp(44px, 4.6vw, 84px); font-weight: 800; line-height: .9; letter-spacing: -.05em; color: var(--ana-metin); }
.tarih-kapak small { margin-top: 8px; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--murekkep); }
.yazi-yan .tarih-kapak { padding: 14px 16px; }
.yazi-yan .tarih-kapak b { font-size: 40px; }
.yazi-yan .tarih-kapak small { font-size: 10.5px; }
.yazi-kart .tarih-kapak b { font-size: 56px; }

/* Meridyen 3B: değerler tema.js başındaki tek harita3bAyar bloğundan gelir. */
.acilis-harita.mb-sahne {
  --hg: calc(min(56vw, 1180px) * var(--mb-buyut));
  right: var(--mb-disari); width: var(--hg);
  perspective: var(--mb-perspektif); perspective-origin: 50% 50%;
  mask-image: linear-gradient(90deg, transparent var(--mb-perde-bas, 0px), #000 var(--mb-perde-son, 150px));
  -webkit-mask-image: linear-gradient(90deg, transparent var(--mb-perde-bas, 0px), #000 var(--mb-perde-son, 150px));
  animation: mb-salinim 18s ease-in-out infinite;
}
.mb-sahne::before { content: ""; position: absolute; inset: -12% -5% 8% 6%; z-index: 0;
  background: radial-gradient(ellipse closest-side at 70% 30%, rgb(255 255 255 / .85), transparent 100%); }
.mb-sahne > .mb-duzlem {
  z-index: 1; transform-box: border-box; transform-origin: 50% 50%;
  transform: rotateX(var(--mb-x)) rotateZ(var(--mb-z));
  mask-image: linear-gradient(90deg, transparent 0%, rgb(0 0 0 / .12) 15%, #000 35%, #000 87%, transparent 100%),
    linear-gradient(180deg, transparent 0%, rgb(0 0 0 / .45) 18%, #000 48%, #000 83%, transparent 100%),
    radial-gradient(ellipse farthest-side at 52% 52%, #000 55%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgb(0 0 0 / .12) 15%, #000 35%, #000 87%, transparent 100%),
    linear-gradient(180deg, transparent 0%, rgb(0 0 0 / .45) 18%, #000 48%, #000 83%, transparent 100%),
    radial-gradient(ellipse farthest-side at 52% 52%, #000 55%, transparent 100%);
  -webkit-mask-composite: source-in;
}
.mb-sahne > .mb-kemer { z-index: 3; transform: none;
  mask-image: linear-gradient(90deg, transparent 0%, #000 32%, #000 93%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 32%, #000 93%, transparent 100%); }
.mb-sahne .mb-kemer .akis-iz { stroke-width: 1; opacity: .08; }
.mb-sahne .mb-kemer .akis-dilim { stroke-width: var(--mb-kalinlik); }
.mb-sahne .mb-kemer .akis-dilim:first-child { filter: drop-shadow(0 0 1.4px rgb(255 255 255 / .9)); }
.mb-sahne .mb-kemer .akis-hedef { stroke-width: .8; }
.mb-sahne > .mb-golge { position: absolute; z-index: 0; width: 70%; height: 9%; left: 27%; top: 66%; border-radius: 50%;
  background: radial-gradient(ellipse, var(--murekkep), transparent 70%); opacity: var(--mb-golge);
  filter: blur(22px); transform: rotate(-10deg); }
.mb-sahne > .mb-hale { position: absolute; z-index: 0; width: 32%; aspect-ratio: 1; border-radius: 50%;
  left: var(--mb-merkez-x); top: var(--mb-merkez-y); transform: translate(-50%, -50%); opacity: var(--mb-hale);
  background: radial-gradient(circle, #fff 0%, rgb(255 255 255 / .9) 15%, color-mix(in srgb, var(--ana) 9%, #fff) 32%, transparent 70%); }
.mb-sahne.akis-duraklat { animation-play-state: paused; }
@keyframes mb-salinim { 0%, 100% { transform: translateY(calc(-1 * var(--mb-salinim))); } 50% { transform: translateY(var(--mb-salinim)); } }
[dir=rtl] .acilis-harita.mb-sahne { right: auto; left: var(--mb-disari);
  mask-image: linear-gradient(270deg, transparent var(--mb-perde-bas, 0px), #000 var(--mb-perde-son, 150px));
  -webkit-mask-image: linear-gradient(270deg, transparent var(--mb-perde-bas, 0px), #000 var(--mb-perde-son, 150px)); }
[dir=rtl] .mb-sahne > .mb-duzlem {
  mask-image: linear-gradient(270deg, transparent 0%, rgb(0 0 0 / .12) 15%, #000 35%, #000 87%, transparent 100%),
    linear-gradient(180deg, transparent 0%, rgb(0 0 0 / .45) 18%, #000 48%, #000 83%, transparent 100%),
    radial-gradient(ellipse farthest-side at 52% 52%, #000 55%, transparent 100%);
  -webkit-mask-image: linear-gradient(270deg, transparent 0%, rgb(0 0 0 / .12) 15%, #000 35%, #000 87%, transparent 100%),
    linear-gradient(180deg, transparent 0%, rgb(0 0 0 / .45) 18%, #000 48%, #000 83%, transparent 100%),
    radial-gradient(ellipse farthest-side at 52% 52%, #000 55%, transparent 100%);
}
[dir=rtl] .mb-sahne > .mb-kemer { mask-image: linear-gradient(270deg, transparent 0%, #000 32%, #000 93%, transparent 100%);
  -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 32%, #000 93%, transparent 100%); }
.anim-yok .acilis-harita.mb-sahne { animation: none; }
.anim-yok .mb-sahne .mb-kemer .akis-iz { stroke-width: .8; }
@media (prefers-reduced-motion: reduce) {
  .acilis-harita.mb-sahne { animation: none; }
  .mb-sahne .mb-kemer .akis-iz { stroke-width: .8; }
}
@media (max-width: 1000px) {
  .acilis-harita.mb-sahne, [dir=rtl] .acilis-harita.mb-sahne {
    position: relative; right: auto; left: auto; top: auto; width: 100%; margin: 8px 0 0;
    animation: none; aspect-ratio: 1670 / 1080;
    mask-image: none; -webkit-mask-image: none;
  }
  .mb-sahne > .mb-duzlem, [dir=rtl] .mb-sahne > .mb-duzlem {
    mask-image: radial-gradient(ellipse farthest-side at 50% 52%, #000 60%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse farthest-side at 50% 52%, #000 60%, transparent 100%);
  }
  .mb-sahne > .mb-kemer, [dir=rtl] .mb-sahne > .mb-kemer {
    mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
  }
  .mb-sahne > .mb-golge { top: 72%; left: 15%; }
}

/* Alıntı: harita üzerindeki opak üst katman. */
.neden-gorsel { isolation:isolate; }
.neden-gorsel .haritali { position:relative; z-index:0; }
.neden-gorsel .alinti { z-index:2; background:#fff; }
.alt-izgara { grid-template-columns:1.2fr repeat(calc(var(--sutun) - 2), minmax(0,1fr)) minmax(230px,1.3fr); }
.kurumsal-duzen > .kurumsal-metin-govde { max-inline-size:none; }
@media(max-width:1100px) { .alt-izgara { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .alt-izgara { grid-template-columns:1fr; } }