/* ============================================================================
   C-01 — GLOBAL NAV (S-01). Mega-menü katmanı.

   Bu dosya `bilesen.css`in nav bloğunu DEĞİŞTİRMEZ, GENİŞLETİR. Ölçüldü
   (29 Eylül): nav/ayak sınıflarını stilleyen tek dosya `bilesen.css` —
   `anasayfa.css` ve on bir sayfa CSS'inde nav/ayak KURALI yok (yalnız yorumda
   adı geçiyor). Yükleme sırası (tokens → temel → bilesen → nav → footer →
   sayfa) tek başına yeterli olsa da ona GÜVENİLMİYOR: burada `bilesen.css` ile
   aynı seçici aynı özgüllükte bir kez daha YAZILMIYOR. İki üsteleyen kural var,
   ikisi de bilerek daha yüksek özgüllükte:
     · `.nav .nav-ic`               (0,2,0) → 56px   [bilesen `.nav-ic` 0,1,0 = 80px]
     · `.nav[data-mobil] .nav-menu` (0,3,0) → çekmece [bilesen 991'de display:none]
   Sıra değişse bile ikisi kazanır; eşitlikte kazanan bir kural YOK.

   ÖLÇÜLMÜŞ REFERANS DEĞERLERİ (`ref-envanter/00-ANASAYFA-DERIN.md` §1 ve
   §"Hareket sistemi" — başsız Chrome ile render edilmiş DOM'dan):
     · yükseklik 56px · `position:relative` (YAPIŞKAN DEĞİL) · `z-index:1000`
     · 5 üst öğe: 4 mega-dropdown + 1 düz link
     · mobil: hamburger, geçiş 400ms, her üst öğe YERİNDE akordeona dönüşüyor
   ⚠️ `H-company-nav-footer.md` yapışkanlığı "doğrulanamadı" bırakıyor; o dosya
   YALNIZ statik HTML'e bakıyor. Render edilmiş ölçüm hükmü verdi: relative.

   METİN: referanstan tek cümle alınmadı. Kolon adları Refik'in KENDİ
   sayfalarını adlandırıyor ve her bağlantı sevk edilen bir sayfaya gidiyor.
   ============================================================================ */

.nav{
  /* Referansın Webflow `data-duration` ölçümü 400ms. `--sure` (420ms) sayfanın
     scroll-reveal deseni; menü geçişi AYRI bir olgu, o yüzden ayrı ve YEREL. */
  --sure-nav:400ms;
  /* Üst öğe renk/alt-çizgi geçişi. `tokens.css`te böyle bir token YOK (ölçüldü) ve
     olmayan bir token'a yedekle atıf yapmak, var sanılan bir sözleşme üretir. */
  --sure-hizli:180ms;
}

/* Panelin konumlandırma bağlamı `.nav-ic` (yani `.kap` içerik kutusu).
   Panel `.nav-oge`ye göre konumlansa geniş bir panel sağdan TAŞAR ve
   `body{overflow-x:hidden}` onu sessizce KIRPAR — kırpılmış panel ile taşan
   sayfa dışarıdan aynı görünür. Kaba göre konumlanınca hiçbir genişlikte
   taşamaz; yatay kaydırma kapısı bu yüzden bu satırda duruyor. */
.nav .nav-ic{
  min-height:calc(var(--b5) + var(--b1) + var(--b1)); /* 48+4+4 = 56px (ölçüm) */
  position:relative;
}

/* ---- Üst öğeler ----------------------------------------------------------- */
/* 🔴 29 EYLÜL — ÖLÇÜLMÜŞ BUG: panel `.nav-ic`e göre konumlanıyor (`top:100%`),
   `mouseleave` ise TETİĞE bağlı. Tetik çubuğun ortasında 27.6px; CDP ölçümü:
   tetik alt kenarı 41.8px, panel üst kenarı 53px → aralarında **11.2px** var ve
   o boşluktaki eleman `DIV.kap`, yani tetiğe AİT DEĞİL. Fare panele inerken
   tetikten çıkıyor, `mouseleave` ateşliyor, panel KAÇIYOR — hiçbir şey
   tıklanamıyor. `align-self:stretch` tetiği çubuğun tamamına yayıyor, boşluk
   kapanıyor. Çapraz fare hareketi için `nav.js`teki kapanış gecikmesi ikinci
   savunma; ikisi AYRI kusuru kapatıyor (dikey boşluk ↔ yatay çıkış). */
/* Boşluğu kapatmak için ÜÇ halka birden yayılmalı — ölçüldü (CDP, 1280px):
   `.kap` 56px · `.nav-menu` **27.6px** · `.nav-oge` 27.6 · `.nav-tetik` 27.6.
   Yalnız `.nav-oge`ye `stretch` vermek hiçbir şey değiştirmiyor, çünkü kısıt
   zincirde YUKARIDA: `.nav-menu` de kendi içeriği kadar. `.nav .nav-menu`
   (0,2,0) `bilesen.css`in `.nav-menu` (0,1,0) kuralını bilerek üsteliyor. */
.nav .nav-menu{align-self:stretch}
.nav-oge{display:flex;align-items:center;align-self:stretch}
/* Tetiğin/linkin KENDİSİ de çubuk yüksekliğinde: hem geçiş boşluğu kalmıyor hem
   dokunma hedefi büyüyor. `padding-block` `bilesen.css`ten geliyor, ezilmiyor. */
.nav-oge > .nav-tetik,
.nav-oge > .nav-duz{align-self:stretch;display:flex;align-items:center}

/* Tetik ve düz link kullanıcı için AYNI şey: bir menü başlığı. `bilesen.css`in
   `.nav-menu a` kuralı ikisini de biçimliyor; burada tek iş şapka boşluğu.

   🔴 TETİK BİR `<button>` DEĞİL, `<a>` — ve bu ÖLÇÜLMÜŞ bir zorunluluk:
   `test/siteAnasayfa.test.ts:967` (*"demo: sayfa CANLI sohbet vaat etmiyor"*)
   `demo.html`de `<button` dizgisini SIFIR sayıyor. Nav 12 sayfada BİREBİR aynı
   olmak zorunda olduğu için tek bir `<button>` o kapıyı kırmızıya düşürüyordu.
   Kapı `<main>`e değil BELGENİN TAMAMINA bakıyor; ortak nav gelmeden önce
   yazıldığı için ölçtüğü olgu artık gereğinden geniş — bu, kapıyı gevşetmek
   yerine tasarımı ona uydurma kararı ve koordinatöre bildirildi.

   Bedeli ödenmiş değil, ÖLÇÜLDÜ: `aria-expanded` ARIA 1.2'de `link` rolünde
   desteklenir; `href` panelin KENDİ id'sine gidiyor, yani ölü çapa yok ve
   betik yokken tıklama paneli görünür kılmak yerine ona ATLAR. Klavyede
   Enter'ı tarayıcı, Space'i `nav.js` veriyor. */
.nav-tetik{
  display:inline-flex;align-items:center;gap:var(--b1);
  margin:0;padding-block:var(--b1);padding-inline:0;
  background:none;border:0;cursor:pointer;text-decoration:none;
  font-size:var(--t9);line-height:var(--t9-s);font-weight:400;
  color:var(--soluk);
}
.nav-tetik:hover,.nav-tetik[aria-expanded="true"]{color:var(--murekkep)}

/* Şapka işareti SAF CSS. Sprite kapısı "çağrılan her sembol var, kullanılmayan
   sembol yok" diye İKİ YÖNLÜ ölçüyor; 12 sayfanın sprite'ına yeni sembol
   eklemek yerine kenarlıkla çizmek o kapıyı hiç kıpırdatmıyor. */
.nav-ok{
  width:calc(var(--b2) - var(--b1));height:calc(var(--b2) - var(--b1));
  border-inline-end:1px solid currentColor;border-block-end:1px solid currentColor;
  transform:rotate(45deg) translate(-1px,-2px);
  transition:transform var(--sure-nav) var(--egri);
}
.nav-tetik[aria-expanded="true"] .nav-ok{transform:rotate(-135deg) translate(-1px,-1px)}

/* Bulunduğun sayfa işareti: `aria-current` NAV MARKUP'INA yazılmıyor, `nav.js`
   adres karşılaştırmasıyla koyuyor. Gerekçe ölçülmüş bir karar — nav 12 sayfada
   BİREBİR aynı olmak zorunda (S-01/8); elle yazılan `aria-current` 12 ayrı
   yazım demektir ve biri bayatlar. JS yoksa yalnız bu SÜS eksik kalır. */
.nav [aria-current="page"]{color:var(--murekkep);font-weight:500}

/* ---- Hareket: üst öğeler --------------------------------------------------- */
/* Ölçüldü (29 Eylül, CDP): header'da YALNIZ 3 hareket vardı — şapka dönüşü (.4s),
   panel açılışı (navAc), düğme geçişi (.18s). Üst menü öğeleri tamamen durağandı.
   Aşağıdakiler `prefers-reduced-motion:reduce`ta `temel.css` tarafından süre VE
   GECİKME sıfırlanarak söndürülüyor, ve her keyframe GÖRÜNÜR son karede bitiyor.

   `.nav-tetik`i `relative` yapmak paneli ETKİLEMEZ: panel `.nav-oge`nin çocuğu ve
   `.nav-tetik`in KARDEŞİ, konumlandırma bağlamı hâlâ `.nav-ic`. (Bağlamı `.nav-oge`ye
   taşımak geniş paneli sağdan taşırıyordu — o karar dosyanın başında yazılı.) */
.nav-oge > .nav-tetik,
.nav-oge > .nav-duz{position:relative;transition:color var(--sure-hizli) var(--egri)}

/* Kayan alt çizgi: ortadan açılır. `transform` kullanıyor, yani düzen ölçüsünü
   oynatmıyor (seçili durumda kart büyüyüp liste zıplamıyor). */
.nav-oge > .nav-tetik::after,
.nav-oge > .nav-duz::after{
  content:"";position:absolute;inset-inline:0;bottom:calc(50% - 0.75em);   /* ⚠️ `--t9-s` BİRİMSİZ bir satır yüksekliği (1.4);
     uzunluk calc()'ine konunca bildirimin TAMAMI düşer ve çizgi konumsuz kalır. */
  height:1px;background:currentColor;
  transform:scaleX(0);transition:transform var(--sure-hizli) var(--egri);
}
.nav-oge > .nav-tetik:hover::after,
.nav-oge > .nav-duz:hover::after,
.nav-oge[data-acik] > .nav-tetik::after{transform:scaleX(1)}

/* Odak halkası görünürken alt çizgi de açık kalsın (klavye kullanıcısı aynı
   geri bildirimi görür). */
.nav-oge > .nav-tetik:focus-visible::after,
.nav-oge > .nav-duz:focus-visible::after{transform:scaleX(1)}

/* ---- Mega panel ----------------------------------------------------------- */
/* Dört sabit iz: kolon 1 iz, vitrin kartı 2 iz. Panellerin izi böylece
   içeriğe göre kaymıyor (auto-fit iki kolonlu panelde satırları 520px'e
   yayıyordu ve okuma ölçüsü bozuluyordu). */
.nav-panel{
  position:absolute;top:100%;inset-inline:0;z-index:1000;
  margin-block-start:1px;                    /* nav'ın alt kenarlığıyla birleşmesin */
  padding:var(--b5) var(--b4);
  background:var(--kagit);
  border:1px solid var(--cizgi);
  border-radius:var(--y-kart);
  box-shadow:var(--golge-guclu);
  display:grid;gap:var(--b5) var(--b4);
  /* İz sayısı panel başına; sabit 4 iz boş sütun bırakıyordu (ölçüldü). */
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.nav-iz-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nav-js .nav-panel{display:none}
.nav-js .nav-oge[data-acik] .nav-panel{
  display:grid;
  animation:navAc var(--sure-nav) var(--egri) both;
}
/* Son kare GÖRÜNÜR (`opacity:1;transform:none`): az-hareket kipinde süre
   .001ms'ye inip gecikme sıfırlanınca animasyon son karesine ATLAR — yani
   panel kaybolmaz, anında açılır. */
@keyframes navAc{
  from{opacity:0;transform:translateY(calc(-1 * var(--b1)))}
  to{opacity:1;transform:none}
}

/* Panel içeriği KADEMELİ girer: dört iz 60ms arayla. Son kare GÖRÜNÜR
   (`opacity:1;transform:none`), yani az-hareket kipinde hepsi anında oturuyor. */
.nav-js .nav-oge[data-acik] .nav-panel > *{
  animation:navIc var(--sure-nav) var(--egri) both;
}
.nav-js .nav-oge[data-acik] .nav-panel > :nth-child(2){animation-delay:60ms}
.nav-js .nav-oge[data-acik] .nav-panel > :nth-child(3){animation-delay:120ms}
.nav-js .nav-oge[data-acik] .nav-panel > :nth-child(4){animation-delay:180ms}
@keyframes navIc{
  from{opacity:0;transform:translateY(calc(-1 * var(--b1)))}
  to{opacity:1;transform:none}
}

/* Başlık BÜYÜK HARF değil: referans tipografisi ölçüldü (16px, koyu). */
.nav-kolon h3{margin-block-end:var(--b3);color:var(--murekkep);
  text-transform:none;letter-spacing:0;font-size:var(--t8);line-height:var(--t8-s)}
.nav-kolon li{margin-block-end:var(--b2)}
/* Panel bağlantıları `bilesen.css`in `.nav-menu a` kuralını devralıyor (t9);
   buradaki iş yalnız ton ve satır davranışı. Özgüllük bilerek daha yüksek
   (0,2,1) — sıra değişse de bu kural kazanır, eşitlik yarışı yok. */
/* `min-height:var(--b4)` = 24px → WCAG 2.5.8 (AA) asgari hedef boyu. ÖLÇÜLDÜ
   (CDP, 1280px): satırlar 290×20 idi, yani 2.5.8 eşiğinin 4px altında. `flex`
   satırı dikey ortalıyor; `block` ile `min-height` metni üste yapıştırıyordu. */
.nav-oge .nav-panel a{display:flex;align-items:center;gap:var(--b2);color:var(--murekkep);padding-block:0;min-height:var(--b4)}
.nav-oge .nav-panel a:hover{text-decoration:underline;text-underline-offset:3px}
.nav-alt{display:block;font-size:var(--t9);line-height:var(--t9-s);color:var(--soluk)}

/* ÜST BANT — referansın ürün panelindeki `nav_panel-top` + iki satır karşılığı.
   ÖLÇÜLDÜ (11 Eki 2026, `docs/olcumler/2026-10-11-mega-menu-kiyas.md`):
   referansın DÖRT panelinden yalnız ürün panelinde bant var (`ust 1`,
   `satir 2`) ve açıklamalı link YALNIZ orada — öteki iki panelde 0, kaynak
   panelinde açıklama KARTIN içinde ve bizim kartımız onu zaten taşıyor. Yani
   bant dört panele birden konmaz; bu referansı almak değil AŞMAK olurdu.
   Bant dört izin TAMAMINI kaplıyor → `assert izler <= 4` kısıtı değişmedi. */
.nav-ust{
  grid-column:1 / -1;
  display:grid;gap:var(--b3) var(--b4);
  grid-template-columns:repeat(2,minmax(0,1fr));
  padding-block-end:var(--b4);
  border-block-end:1px solid var(--cizgi);
}
/* Özgüllük (0,3,0) `.nav-oge .nav-panel a` (0,2,1) kuralını YENER — satır bir
   flex satırı değil iki satırlı ızgara: ikon iki satıra yayılıyor, başlık ve
   açıklama alt alta. Eşitlik yarışı yok, sıra değişse de bu kural kazanır. */
.nav-oge .nav-panel .nav-satir{
  display:grid;align-items:start;
  grid-template-columns:auto minmax(0,1fr);
  column-gap:var(--b2);row-gap:var(--b1);
}
.nav-satir .ikon{grid-row:1 / 3;margin-block-start:var(--b1)}
.nav-satir strong{font-weight:500;color:var(--murekkep)}
.nav-satir span{font-size:var(--t9);line-height:var(--t9-s);color:var(--soluk)}

/* Vitrin kartı — referansın panel içi "showcase card" bileşeni.
   `align-self` START (stretch kartı 570 px'e geriyordu) ve TEK iz; ikisinin de
   ölçümü: docs/olcumler/site-kontrast-cdp/OLCUM.md § Solutions paneli. */
.nav-vitrin{
  /* TEK iz: `span 2` kartın altında ~500 px boşluk bırakıyordu (ölçüldü). */
  grid-column:span 1;align-self:start;
  padding:var(--b4);
  background:var(--kagit2);
  border-radius:var(--y-kart);
  display:flex;flex-direction:column;gap:var(--b2);
}
.nav-oge .nav-panel .nav-vitrin a{font-weight:500}
.nav-vitrin p{font-size:var(--t9);line-height:var(--t9-s);color:var(--soluk)}
.nav-vitrin img{inline-size:100%;block-size:auto;border-radius:var(--y-kucuk,6px);border:1px solid var(--cizgi)}

/* ---- Hamburger ------------------------------------------------------------ */
/* Hamburger da `<a>` — aynı `<button>` yasağı (yukarıdaki gerekçe). `href`i
   menünün kendi id'sine gidiyor: betiksiz tarayıcıda zaten GİZLİ olduğu için
   ölü denetim yok, klavyede de menüye atlıyor.
   YALNIZ `.nav-js` altında görünür: betik yoksa ya da kurulum patladıysa
   hiçbir şey yapmazdı. Betiksiz hâlin kendi yolu dosyanın sonunda. */
.nav-hamburger{
  display:none;
  align-items:center;justify-content:center;
  width:calc(var(--b5) - var(--b1));height:calc(var(--b5) - var(--b1)); /* 44px */
  padding:0;background:none;cursor:pointer;
  border:1px solid var(--cizgi);border-radius:var(--y-hap);
  color:var(--murekkep);
}
.nav-hamburger:hover{border-color:var(--murekkep)}
.nav-cizgi{position:relative;display:block;width:var(--b3);height:1px;background:currentColor}
.nav-cizgi::before,.nav-cizgi::after{
  content:"";position:absolute;inset-inline:0;height:1px;background:currentColor;
  transition:transform var(--sure-nav) var(--egri);
}
.nav-cizgi::before{top:calc(-1 * var(--b1) - 1px)}
.nav-cizgi::after{top:calc(var(--b1) + 1px)}
/* Açıkken çarpı. Orta çizgi SİLİNMİYOR, saydamlaşıyor — az-hareket kipinde
   geçiş ~0 olduğu için iki durum da anında ve GÖRÜNÜR biter. */
.nav[data-mobil] .nav-cizgi{background:transparent}
.nav[data-mobil] .nav-cizgi::before{transform:translateY(calc(var(--b1) + 1px)) rotate(45deg)}
.nav[data-mobil] .nav-cizgi::after{transform:translateY(calc(-1 * var(--b1) - 1px)) rotate(-45deg)}

/* 992–1200 arası: gutter hâlâ 80px, yani içerik 832px'e kadar iniyor. Beş öğe +
   marka + iki sağ eylem o genişlikte sığmıyordu (ölçüldü). Özgüllük bilerek
   `.nav .nav-menu` (0,2,0) — `bilesen.css`in `.nav-menu` (0,1,0) kuralıyla
   eşitlik yarışına girmiyor. */
@media (max-width:1200px){
  .nav .nav-menu{margin-inline-start:var(--b4);gap:var(--b3)}
}

/* ---- Tablet ve telefon (991 — referansın Webflow "medium" kırılması) ------ */
@media (max-width:991px){
  .nav .nav-ic{flex-wrap:wrap;row-gap:0}
  .nav-js .nav-hamburger{display:inline-flex}

  /* `bilesen.css` bu genişlikte `.nav-menu{display:none}` diyor; çekmece
     AÇIKKEN onu daha yüksek özgüllükle geri açıyoruz. Kapalıyken bilesen'in
     kuralı geçerli kalıyor — yani ezme değil, koşullu genişletme. */
  .nav[data-mobil] .nav-menu{
    display:flex;flex-direction:column;align-items:stretch;
    order:3;flex-basis:100%;width:100%;
    margin-inline-start:0;gap:0;
    padding-block:var(--b3) var(--b5);
    border-block-start:1px solid var(--cizgi);
    animation:navAc var(--sure-nav) var(--egri) both;
  }
  .nav[data-mobil] .nav-oge{display:block}
  .nav[data-mobil] .nav-tetik,
  .nav[data-mobil] .nav-menu .nav-duz{
    display:flex;align-items:center;justify-content:space-between;
    width:100%;min-height:calc(var(--b5) - var(--b1));      /* 44px dokunma hedefi */
    padding-block:var(--b2);
    font-size:var(--t8);line-height:var(--t8-s);color:var(--murekkep);
    border-block-end:1px solid var(--cizgi);
  }

  /* Panel artık yerinde akordeon: konum STATİK, kabuk yok. */
  .nav-panel{
    position:static;inset:auto;margin-block-start:0;
    padding:var(--b3) 0 var(--b4);
    background:none;border:0;border-radius:0;box-shadow:none;
    grid-template-columns:1fr;gap:var(--b4);
  }
  .nav-vitrin{grid-column:auto;padding:var(--b3)}
  /* Telefonda panel tek kolon → bant da tek kolona iner, yoksa iki satır
     200px'in altına sıkışıp açıklama 5 satıra bölünür. */
  .nav-ust{grid-column:auto;grid-template-columns:1fr;gap:var(--b3);
    padding-block-end:var(--b3)}
  .nav-kolon li{margin-block-end:var(--b1)}
  /* 🔴 9 Eki 2026 — AYKIRI ÜYE: yukarıdaki `.nav-tetik` satırı 44px dokunma
     hedefini ZATEN uyguluyor (`calc(var(--b5) - var(--b1))`, yorumu da öyle
     diyor) ama panel SATIRLARI 24px'te kalmıştı. Ölçüldü (CDP, 390px, çekmece
     GERÇEK dokunmayla açık, `pointer: coarse`): 47 satır 350×24. S-45 menüye
     18 satır daha eklediği için aynı sınıfın üyesi büyüdü. Aynı idiom.
     Satır arası boşluk küçültüldü: 44px min-height + 16px margin 60px'lik
     satır üretiyordu, yani boşluk iki kez ödeniyordu. */
  .nav-oge .nav-panel a{display:flex;align-items:center;min-height:calc(var(--b5) - var(--b1))}
}

/* ---- Telefon: çubuk TEK SATIRDA kalsın ------------------------------------ */
/* 🔴 ÖLÇÜLDÜ (390px, CDP): `.nav-ic` iki satıra sarıyordu ve çubuk 56 değil
   **68px** oluyordu — marka tek başına birinci satırda, sağ grup ikinci satırda.
   Sayılar: içerik genişliği 350 (390 − 2×20 gutter), gereken 401 = marka 79 +
   gap 24 + sağ grup 298 (Log in 60 · kurulum düğmesi 169 · hamburger 44).
   Fark 51px.

   Çözüm olarak "Log in"i gizlemek YASAK: `bilesen.css`in `@media (max-width:420px)`
   kuralı ve `test/siteAnasayfa.test.ts`in *"giriş: telefonda GÖRÜNÜR kalıyor"*
   kapısı bunu KAYDA GEÇMİŞ bir karar olarak tutuyor (*"dar ekranda gizlenen kural
   YALNIZ Plans'i kapsamalı"*). Metni kısaltmak da yasak — o içerik, kroma değil.
   Kalan yol: telefonda düğmeyi küçültmek. Dokunma hedefi (`min-height` 44px)
   DEĞİŞMİYOR, yalnız yazı boyu ve yatay dolgu iniyor.

   ÖLÇÜLEN EŞİK (CDP, düzeltmeden sonra): 360px ve üstünde çubuk TEK SATIR, 56px.
   320px'te hâlâ sarıyor ve 68px oluyor — orada sağ grup 223px, marka 79, gap 12,
   içerik ise yalnız 280px. Daha fazla kısmanın tek yolu "Log in"i ya da kurulum
   düğmesini GİZLEMEK; ikisi de kayıtlı karara (görünür giriş) ya da birincil
   eyleme dokunuyor, o yüzden 320px'te SARMA bilinçli kabul edildi ve satır
   boşluğu 0'a çekilerek sarmanın bedeli 80'den 68'e indirildi. Kapının istediği
   en dar genişlik 390; 360 da ölçülüp kapsandı (yaygın Android genişliği).

   Üç kural da bilerek daha yüksek özgüllükte (`.nav …` / `.nav-sag .dg`), yani
   `bilesen.css` ile eşitlik yarışına girmiyor. */
@media (max-width:767px){
  /* `row-gap:0` ≤991 bloğunda konmuştu; `gap` kısayolu onu ezeceği için burada
     AÇIKÇA tekrar yazılıyor — yoksa sarma durumunda çubuk 68 değil 80px olur
     (ölçüldü: 320/360px'te tam bu oldu). */
  .nav .nav-ic{column-gap:var(--b2);row-gap:0}
  .nav .nav-sag{gap:var(--b1)}
  .nav .nav-sag .nav-giris{padding-inline:0}
  .nav-sag .dg{font-size:var(--t9);padding-inline:var(--b2)}
}

/* ---- JS YOKSA ------------------------------------------------------------- */
/* Betik yüklenmezse menü KAYBOLMAZ: dikey bir grup listesine dönüşür ve
   panellerin hepsi açık kalır. Hamburger gizli (ölü denetim yok), tetikler
   yalnız başlık gibi görünür. `temel.css`in `.js .ac` deseniyle aynı yön:
   JS bir GELİŞTİRMEDİR, içeriğin ön koşulu değil. */
html:not(.nav-js) .nav .nav-ic{flex-wrap:wrap;row-gap:0;align-items:flex-start}
html:not(.nav-js) .nav-menu{
  display:flex;flex-direction:column;align-items:stretch;
  order:3;flex-basis:100%;width:100%;margin-inline-start:0;gap:var(--b4);
  padding-block:var(--b4) var(--b5);border-block-start:1px solid var(--cizgi);
}
html:not(.nav-js) .nav-oge{display:block}
html:not(.nav-js) .nav-tetik{cursor:default;font-weight:500;color:var(--murekkep)}
html:not(.nav-js) .nav-ok{display:none}
html:not(.nav-js) .nav-panel{
  position:static;inset:auto;margin-block-start:var(--b2);
  padding:0;background:none;border:0;border-radius:0;box-shadow:none;
  gap:var(--b4);
}