/* ===================================================================== KANON — HERO / BANNER BİLEŞENİ · TEK KAYNAK --------------------------------------------------------------------- BEYAR KARARI, 2026-09-04 (madde 10). Referans "best": `egzersiz-kutuphane-v1.html` hero'su. Bozuk örnek: `hareket-rehberi-v1`. `kanon/alt-cubuk.css` ile aynı sözleşme: AYRI DOSYA, tek başına yüklenebilir, seçiciler `:where()` ile kapsanır, sayfaya EN SON bağlanır. Gerekçe aynı ve ölçülmüş: FIT'in 42 yüzey sayfası `bilesenler.css`i HİÇ yüklemiyor; bileşen orada kalırsa o sayfalara inmiyor. ── SÖZLEŞME ───────────────────────────────────────────────────────── · Ekmek kırıntısı HER ZAMAN sol üstte, hero başlangıcından SABİT ofset. İki kolonun DIŞINDA, onların üstünde ayrı bir satır. · Sol sütun: üst etiket (çizgi+ikon+küçük başlık) → H1 → açıklama. Sabit y hizası, sabit genişlik. · İstatistik bloğu SAĞDA, dikey, ALTA hizalı, dikey ayraçlı, HER ZAMAN 3 kalem (sayı + etiket). · Hero yüksekliği SAYFA TİPİNE göre sabit; içerik uzunluğuna göre esnemez. LİSTE tek yükseklik · DETAY tek yükseklik · YASAL sayfalar DETAY ile aynı. · 🔴 İSTİSNA · MEDYA HERO'SU (DETAY tipinin içinde) — 2026-09-05 Bandın kendisi BİR MEDYA SAHNESİYSE (fotoğraf hero'nun İÇİNDE, başlık fotoğrafın üstünde altyazı olarak duruyorsa) sabit yükseklik UYGULANMAZ: yükseklik sahnenin ölçüsünden doğar. Beyar kararı, DadaGastro tarif detayı: koyu bant kalktı, kaynağın kendi medya sahnesi hero'ya döndü. kanca `section.rd-top[data-revize="b1-medya"]` (`data-hero-band` YOK — yükseklik kuralı hiçbir elemanı tutmuyor; muafiyet CSS'te değil kancanın yokluğunda. `body[data-fit-hero-kind="detay"]` KALIR: tip bilgisi doğru.) nüfus 521 sayfa (480 tr + 41 en) · DETAY ailesinin 611'inde ölçüldü @1440×900, 521/521 sayfa tek tek: 789.6px (430 sayfa · 1–2 satır başlık) 812.9px (91 sayfa · 3 satır başlık) ⚠ İlk yazımda 805.6 / 828.9'du. Aynı gün B3'ün kırıntı ofseti tek ilkeye indirilince (ofset YALNIZ bandın padding-top'undan; kırıntının kendi dikey dolgusu 0) her iki değer de 16px kısaldı. Sayı YENİDEN ÖLÇÜLDÜ, 521/521 sayfa tek tek. bant zemini beyaz 521/521 · taşma ≤0.4px (alt piksel) niçin sabit değil: sahne yüksekliği (.rd-stage 480px) + künye satırı içerikten doğuyor; sabitlemek fotoğrafı kırpardı — sözleşmenin kendi "TAŞMA/KIRPMA yok" şartıyla çelişirdi. ⚠ DETAY ailesinin KALANI kuralın içinde: `mutfaga-giris` (16) · `mutfak-ansiklopedisi` (4) · `mutfak-sozlugu` (54) koyu bantta ve `puf-noktalari` (16) — hepsi `[data-hero-band]` taşıyor. ⚠ Bu istisna FIT'e DEĞMEZ: seçici eklenmedi, token değişmedi. Dosyanın FIT'e inen kural kümesi BAYT-NÖTR (ölçüldü, 8 FIT hero sayfası önce/sonra: kutu farkı 0). · Yükseklik o tipteki EN UZUN içeriğe göre belirlenir — kısaya göre alıp uzunu sıkıştırmak yasak. Kısa sayfada boşluk kalması sorun değil; TAŞMA/KIRPMA yok. ── ÖLÇÜM (@1440, 33 `.lib-top` sayfası, her sayfa tek tek) ────────── tip sayfa sabit h içerik+dolgu: min / medyan / MAKS maks kim ------ ----- ------- -------------------------------- ------------- liste 31 544px 378 / 483 / 521 anatomi-v1 detay 2 560px 455 / 503 / 503 fit-testi-detay-v1 LİSTE ailesinde mevcut 544px en uzun içeriği (521) zaten karşılıyordu — DEĞİŞTİRİLMEDİ; ölçümün söylemediği bir büyütme yazılmadı. DETAY/YASAL ailesinde durum başka: üç yasal sayfanın üçü de 560'ı aşıp 590'a çıkıyordu. İki aile aynı yüksekliği paylaşacağı için değer EN UZUNUNKİ oldu → 590 (aşağıdaki token şerhinde ölçümüyle). SONUÇ (yeniden ölçüldü): liste 544 · detay 590 · yasal 590 · kırpma 0. ⚠ `--banner-h-kurumsal` 544 (=liste) idi; Beyar "YASAL sayfalar DETAY ile aynı" dediği için ayrı bir `--banner-h-yasal` doğdu ve detaya bağlandı. ⚠ Aile ayrımı DOSYA ADINDAN yapılır (`fit-shell.js`). `data-fit-page` kullanılamaz: ölçüldü, dosya adıyla aynı değil (`yasal-v1.html` → "yasal", `veri-islem-kaydi-v1.html` → "hesabim"). ── TOKENLAR ───────────────────────────────────────────────────────── Her `var()` bir yedek taşır; dosya `tokenlar.css` olmadan da çizer. Yedekler kaynağın kendi ölçülmüş değerleridir, yeni değer DEĞİLDİR. ── GASTRO'YA ENJEKSİYON NOTU ──────────────────────────────────────── Sözleşme marka bağımsızdır; değişen yalnız SAYFA TİPİ eşlemesi. Gastro'nun karşılıkları (ad eşlemesi, ölçüm Gastro turunda yapılacak): LİSTE tarifler · mutfak sözlüğü · şefler · koleksiyonlar · market DETAY tarif detay · şef detay · koleksiyon detay YASAL kullanım · gizlilik · çerez · KVKK → DETAY yüksekliği ===================================================================== */ :root{ --banner-h-liste:544px; /* ölçüldü · 31 liste sayfası, en uzun içerik 521 */ /* 🔴 560 → 590 · ÖLÇÜLDÜ 2026-09-04. Beyar: "YASAL sayfalar DETAY tipiyle aynı" + "tip başına sabit yükseklik o tipteki EN UZUN içeriğe göre; kısaya göre alıp uzunu sıkıştırmak yasak". Üç yasal sayfanın üçü de 560'lık `min-height`i AŞIYOR ve 590'a çıkıyor: yasal-v1 590 · saglik-bilgilendirme-v1 590 · veri-islem-kaydi-v1 590 fit-testi-detay-v1 560 (detay ailesinin `.lib-top` taşıyan tek üyesi) İki aile aynı yüksekliği paylaşacaksa değer EN UZUNUN ölçüsüdür: 590. Detay sayfaları 30px büyür — Beyar'ın izin verdiği boşluk. */ --banner-h-detay:590px; --banner-h-yasal:var(--banner-h-detay); /* BEYAR: yasal = detay */ --banner-stat-gutter:44px; /* sol kolon ↔ şerit · kardeş marka ölçümü */ --banner-stat-gap:16px; /* şerit kalemleri arası · kardeş marka ölçümü */ --banner-crumb-ofset:128px; /* kırıntının hero üstünden ofseti — REFERANS */ } /* ── TİP BAŞINA SABİT YÜKSEKLİK ────────────────────────────────────── `min-height` kullanılır, `height` değil: içerik beklenmedik biçimde uzarsa TAŞMAZ, bant büyür. Beyar'ın "taşma/kırpma yok" şartı bu. */ :where(body[data-fit-hero-kind="liste"]) .lib-top{ min-height:var(--banner-h-liste, 544px); } :where(body[data-fit-hero-kind="detay"]) .lib-top{ min-height:var(--banner-h-detay, 560px); } :where(body[data-fit-hero-kind="yasal"]) .lib-top{ min-height:var(--banner-h-yasal, 560px); } /* ── 🔴 MOBİL YÜKSEKLİK · ÖLÇÜLDÜ, DEĞER YAZILMADI · 2026-09-04 ────── Tip yüksekliklerini önce YALNIZ 1440'ta ölçmüştüm. @390 ölçülünce `fit-testi-sonuc-v1` sabit 544'ü aşıyor göründü ve buraya `--banner-h-liste:572px` yazdım. **GERİ ALINDI — o bir gerilemeydi.** OLUMSUZ SINAMA (hero.css ağ düzeyinde iptal edilip ölçüldü, anatomi-v1 @390): hero.css KAPALI yükseklik 587 · scrollHeight 621 · taşma 34 · alt pay 0 hero.css AÇIK/572 yükseklik 572 · scrollHeight 606 · taşma 34 · alt pay 0 İki şey birden çıktı: ① Kabuğun KENDİ mobil liste yüksekliği zaten **587**; benim 572'm onu 15px KÜÇÜLTÜYORDU. Yani "en uzuna göre" şartını iyileştirmiyor, bozuyordu. ② İçeriğin kutuyu 34px taşırması (=yazılan `padding-bottom`) **hero.css OLMADAN DA** aynen var — 33 bandın 30'unda, `overflow:hidden` ile birlikte. Yani kusur bu bileşenin değil, kabuğun banner kutu modelinin; bu turda DOKUNULMADI ve `docs/fit-hero-olcum.md`de kalem olarak duruyor. 🔴 DAHA ÖNEMLİSİ — ÖLÇÜM YÖNTEMİ GÜVENİLİR DEĞİLDİ. "Gereken yükseklik"i `min-height` yürürlükteyken ölçmek DAİRESELDİR: şerit `align-self:flex-end` ile gerildiği için kısıtı büyütünce ölçülen ihtiyaç da büyüyor (aynı sayfa üç yöntemde 571 · 585 · 606 verdi). Bu yüzden buraya SAYI YAZILMADI: mobil için doğru değer, kısıttan bağımsız bir ölçümle belirlenmeli. Masaüstü değerleri (544 / 590) bu sorundan etkilenmiyor; onlar duruyor. ── MOBİL DEĞERLER KABUĞUN KENDİ ÖLÇÜSÜDÜR ──────────────────────── Kanon kuralı medya kapısı taşımadığı için masaüstü değeri 390'da da uygulanıyor ve kabuğun kendi mobil yüksekliğini KÜÇÜLTÜYORDU (liste 587 → 544, 43px). Ölçüldü (hero.css ağ düzeyinde iptal edilip): @390 liste 587 · detay 726 · yasal 621 (kabuk yasalı liste sayıyor) Beyar'ın "yasal = detay" şartıyla ikisinin ortak değeri EN UZUNUDUR: 726. Hiçbiri uydurulmadı; üçü de kabuğun kendi bildirdiği ölçü. */ @media (max-width:640px){ :root{ --banner-h-liste:587px; --banner-h-detay:726px; /* yasal buna bağlı (--banner-h-yasal) */ /* Kırıntı ofsetinin mobil karşılığı — 45 banner sayfasının ORTAK ölçüsü (@390). Uydurulmadı, sayıldı. */ --banner-crumb-ofset:96px; } } /* ── KIRINTI · HER ZAMAN SOL ÜSTTE, SABİT OFSET ────────────────────── 🔴 ÖLÇÜLDÜ 2026-09-04: 31 liste sayfasının 30'unda kırıntı hero üstünden 128px'te; BİRİNDE 235px (`hareket-rehberi-v1`, 107px aşağıda). Kök kırıntının kendisi değil: `.wrap`ın İLK çocuğu olarak fazladan bir `