/* Tasarım tokenları: "Loş meclis" — Claude Design tasarım sistemi (tasarim/_ds/…/tokens/colors, spacing, typography)
   + tasarim/duzeltmeler.css. Değerler oradakiyle birebir aynıdır; yalnızca koyu tema vardır. Panel de bu dosyayı kullanır. */

/* Fontlar: 4 dosya, yerelde (Google'a istek yok), latin + Latin Extended-A alt kümesi (Türkçe tam), toplam ~119 KB.
   Üretim: araclar/font-altkume.py. Lisanslar: /fonts/OFL-*.txt
   DM Serif italik burada değil: js/site.mjs LCP çizildikten sonra FontFace ile ekler (karar R41, 4G'de LCP görseliyle yarışmasın). */
@font-face {
  font-family: "DM Serif Text";
  src: url("/fonts/dm-serif-text-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url("/fonts/archivo-degisken.woff2") format("woff2"); /* değişken: wght 400–700; genişlik dar kesimde (wdth 82) sabit */
  font-weight: 400 700;
  font-stretch: 82%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("/fonts/source-serif-4-degisken.woff2") format("woff2"); /* değişken: wght 400–600, opsz 16'da sabit */
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

/* ---------- renk (colors.css) — oranlar #0E0D0B üzerinde ---------- */
:root {
  color-scheme: dark;
  --gece: #0E0D0B;
  --antrasit: #1A1917;
  --yuzey: #24211D;
  --yuzey-ust: #2E2A24;
  --cizgi: #3A342B;
  --cizgi-guclu: #5A5040;
  --pirinc: #C9A35A;        /* ~8:1 — çizgi, mühür, dolu düğme zemini */
  --pirinc-acik: #E2C68A;   /* ~11:1 — etiket, fiyat, bağlantı, hover, odak */
  --pirinc-koyu: #8E7038;   /* pasif çizgi, devre dışı */
  --koz: #C9481F;           /* "kor" — yalnız nokta / oynat / ışıma — metinde asla */
  --koz-isik: #FF7A33;      /* yalnız radial-gradient merkezi */
  --bordo: #7A2226;         /* şarap bordo — kor bandı üst çizgisi, 404, söz bandı */
  --kor-gece: #1E1311;      /* seyrek bölüm zemini: usul şeridi, söz bandı */
  --parsomen: #E9DFC9;      /* ~15:1 — ana metin */
  --duman: #B3AA97;         /* ~8:1 — ikincil metin */
  --duman-koyu: #8A8272;    /* yalnız 18px+ meta, devre dışı */

  /* anlamsal */
  --zemin: var(--gece);
  --zemin-alt: var(--antrasit);
  --zemin-yuzey: var(--yuzey);
  --metin: var(--parsomen);
  --metin-ikincil: var(--duman);
  --metin-vurgu: var(--pirinc-acik);
  --vurgu: var(--pirinc);
  --ayrac: var(--cizgi);
  --odak: var(--pirinc-acik);
  --durum-acik: var(--koz);
  --durum-kapali: var(--duman-koyu);

  /* fotoğraf koruma katmanları */
  --perde-alt: linear-gradient(to top, rgb(14 13 11 / .92) 0%, rgb(14 13 11 / .55) 38%, transparent 70%);
  --perde-sol: linear-gradient(90deg, rgb(14 13 11 / .94) 0%, rgb(14 13 11 / .7) 42%, rgb(14 13 11 / .15) 80%);
  --perde-kart: linear-gradient(to top, rgb(14 13 11 / .35), transparent 60%);
  --koz-isima: radial-gradient(circle, var(--koz-isik) 0%, rgb(255 122 51 / 0) 70%);
}

/* ---------- yazı (typography.css + duzeltmeler.css) — başlık DM Serif Text, okuma Source Serif 4, arayüz Archivo ---------- */
:root {
  --font-baslik: "DM Serif Text", "Iowan Old Style", Georgia, serif;
  --font-govde: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-arayuz: "Archivo", system-ui, sans-serif;

  --h1: clamp(38px, 4.8vw, 68px);
  --h1-satir: 1.04;
  --h2: clamp(32px, 3.4vw, 52px);
  --h2-satir: 1.08;
  --h3: 26px;
  --kavram: 28px;                  /* USUL · VAKAR · MUHABBET */
  --harman: 30px;                  /* harman adı, italik */
  --soz: clamp(26px, 2.6vw, 36px); /* söz / alıntı, italik */
  --baslik-aralik: -0.01em;

  --govde: 16px;
  --govde-satir: 1.6;
  --giris: 18px;
  --giris-satir: 1.55;

  --arayuz: 17px;                  /* nav, açıklama, künye (duzeltmeler: 16 → 17) */
  --arayuz-satir: 1.45;
  --dugme-boy: 16px;
  --etiket: 15px;                  /* overline, BÜYÜK HARF (duzeltmeler: 14 → 15) */
  --etiket-aralik: .07em;
  --kucuk: 14px;                   /* meta, footer künyesi */
  --fiyat: 20px;
}

/* ---------- boşluk, ızgara, düzen, hareket (spacing.css) ---------- */
:root {
  /* boşluk ölçeği: yalnızca bunlar */
  --b-1: 4px;
  --b-2: 8px;
  --b-3: 16px;
  --b-4: 24px;
  --b-5: 32px;
  --b-6: 48px;
  --b-7: 64px;
  --b-8: 96px;
  --b-9: 128px;

  /* ızgara: 375 → 4 sütun · 343 px · kenar 16 · oluk 16 */
  --sutun: 4;
  --kenar: 16px;
  --oluk: 16px;
  --icerik-azami: 1200px;
  --bolum-bosluk: var(--b-7);

  /* düzen */
  --ust-cubuk: 64px;
  --mobil-eylem: 56px;
  --dokunma: 48px;
  --yaricap: 0px;          /* köşe yok; tek istisna: durum noktası, oynat düğmesi, mühür */

  /* gölge — yalnız yüzen katmanlar */
  --golge-yuzen: 0 16px 48px rgb(0 0 0 / .5);

  /* hareket */
  --kolay: cubic-bezier(.2, .7, .2, 1);
  --sure-kisa: 200ms;
  --sure-giris: 600ms;
  --sure-cizgi: 900ms;
  --sure-nefes: 3200ms;
}

@media (min-width: 768px) {
  :root {
    --sutun: 8;
    --kenar: 24px;
    --bolum-bosluk: var(--b-8);
    --mobil-eylem: 0px;
    --govde: 17px;
    --giris: 19px;
  }
}

@media (min-width: 1024px) {
  :root {
    --sutun: 12;
    --kenar: 32px;
    --oluk: 24px;
    --bolum-bosluk: var(--b-9);
    --ust-cubuk: 80px;
    --giris: 20px;
    --etiket: 16px;   /* duzeltmeler: 15 → 16 */
    --arayuz: 18px;   /* duzeltmeler: 17 → 18 */
    --h3: 28px;
    --kavram: 32px;
  }
}

@media (min-width: 1280px) {
  :root { --kenar: 48px; }
}

/* Taban: sıfırlama ve öğe varsayılanları (tasarım sistemi tokens/base.css; .kap ve .izgara izgara.css'te). */

*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: var(--ust-cubuk);
  background: var(--gece);
}

body {
  margin: 0;
  min-height: 100svh;
  background: var(--gece);
  color: var(--parsomen);
  font-family: var(--font-govde);
  font-size: var(--govde);
  line-height: var(--govde-satir);
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* <768: sabit mobil eylem çubuğu içeriği örtmesin */
  padding-bottom: calc(var(--mobil-eylem) + env(safe-area-inset-bottom));
}
@media (min-width: 768px) { body { padding-bottom: 0; } }

/* üst çubuk sabittir (.ust-cubuk--sabit); hero'lu sayfada hero çubuğun altından başlar */
main { display: block; padding-top: var(--ust-cubuk); }
.sayfa--hero main { padding-top: 0; }

h1, h2, h3 {
  margin: 0;
  font-family: var(--font-baslik);
  font-weight: 400;
  letter-spacing: var(--baslik-aralik);
  color: var(--parsomen);
  text-wrap: balance;
}
h1 { font-size: var(--h1); line-height: var(--h1-satir); }
h2 { font-size: var(--h2); line-height: var(--h2-satir); }
h3 { font-size: var(--h3); line-height: 1.15; }

p { margin: 0; text-wrap: pretty; }
figure { margin: 0; }

ul, ol { margin: 0; padding: 0; list-style: none; }

a { color: var(--pirinc-acik); text-decoration-thickness: 1px; text-underline-offset: .2em; }
a:hover { color: var(--parsomen); }

img, svg, video, picture { display: block; max-width: 100%; }
img, video { height: auto; }

button { font: inherit; color: inherit; }

:focus-visible { outline: 2px solid var(--odak); outline-offset: 2px; }

::selection { background: var(--pirinc); color: var(--gece); }

.sayi { font-variant-numeric: lining-nums tabular-nums; }
.metin p { max-width: 68ch; }
.metin p + p { margin-top: var(--b-3); }

.ekran-okuyucu {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.atla {
  position: absolute;
  left: var(--kenar);
  top: var(--b-2);
  z-index: 100;
  padding: var(--b-2) var(--b-3);
  background: var(--pirinc);
  color: var(--gece);
  transform: translateY(-200%);
}
.atla:focus { transform: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* Izgara (spec §2.1; tasarım sistemi .kap + .izgara). Üretildi: araclar/izgara-uret.py — elle düzenlemeyin, betiği değiştirip yeniden üretin.
   Genişlik / sütun / içerik / kenar / oluk: 1440/12/1200/120/24 · 1280/12/1184/48/24 · 1024/12/960/32/24 · 768/8/720/24/16 · 375/4/343/16/16
   Sütun sayısı, kenar ve oluk tokenlar.css'ten (--sutun, --kenar, --oluk). Yerleşim bileşen sınıflarındadır
   (ör. .hikaye__gorsel col 1–5): tasarım sisteminin tek ad seti; ayrı .kol-* yardımcı sınıfı yoktur. */
.kap {
  width: min(var(--icerik-azami), 100% - 2 * var(--kenar));
  margin-inline: auto;
}
.izgara {
  display: grid;
  grid-template-columns: repeat(var(--sutun), minmax(0, 1fr));
  column-gap: var(--oluk);
  row-gap: var(--oluk);
}
.izgara > * { min-width: 0; }
.tam { grid-column: 1 / -1; }


/* ?izgara=1 bindirmesi (site.mjs ekler): sütunlar ve oluklar ekran görüntüsünde görünür */
.izgara-bindirme { position: absolute; inset: 0 0 auto; z-index: 1000; pointer-events: none; }
.izgara-bindirme > .izgara { height: 100%; }
.izgara-bindirme span { background: rgb(224 88 43 / .14); box-shadow: inset 1px 0 rgb(224 88 43 / .5), inset -1px 0 rgb(224 88 43 / .5); }

/* Bileşenler — Claude Design tasarım sistemi (tasarim/_ds/…/components/core.css + layout.css) ve tasarim/duzeltmeler.css.
   Sınıf adları ve kurallar tasarımla aynıdır; değişen yerler "kod tabanı" notuyla işaretli (dialog perde, ≥1280 satır içi menü,
   başlık/içerik doğrudan .izgara çocuğu, bölüm çizgisinde mühür yok). duzeltmeler.css'in sayfa düzenleri (Kareler, Meclis,
   çevrimdışı; Faz 2 rezervasyon ve sipariş) ilgili sayfaların görevlerinde eklenir. Mobil önce; kırılımlar min-width. */

/* ==================== çekirdek (core.css) ==================== */
/* ikon (sprite: wwwroot/img/ikonlar.svg) */
.ikon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ikon{width:20px;height:20px;flex:none}

/* etiket (overline) — arayüz fontu, 600, BÜYÜK HARF, pirinç-açık */
.etiket{font-family:var(--font-arayuz);font-size:var(--etiket);font-weight:600;line-height:1.3;letter-spacing:var(--etiket-aralik);text-transform:uppercase;color:var(--pirinc-acik);font-variant-numeric:lining-nums}
.etiket--sessiz{color:var(--duman)}

/* düğme */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:var(--b-2);min-height:var(--dokunma);padding:0 var(--b-4);border:1px solid var(--pirinc);border-radius:var(--yaricap);background:transparent;color:var(--pirinc-acik);font-family:var(--font-arayuz);font-size:var(--dugme-boy);font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--sure-kisa) var(--kolay),border-color var(--sure-kisa) var(--kolay),color var(--sure-kisa) var(--kolay);text-transform:uppercase;letter-spacing:.06em}
.dugme .ikon{width:18px;height:18px}
.dugme--dolu{background:var(--pirinc);color:var(--gece)}
.dugme--dolu:hover{background:var(--pirinc-acik);border-color:var(--pirinc-acik);color:var(--gece)}
.dugme--kontur:hover{background:var(--yuzey);border-color:var(--pirinc-acik);color:var(--pirinc-acik)}
.dugme--sessiz{border-color:transparent;padding-inline:var(--b-2)}
.dugme--sessiz:hover{color:var(--parsomen)}
.dugme--tam{width:100%}
.dugme--kucuk{min-height:40px;padding:0 var(--b-3);font-size:14px}
.dugme:active{transform:translateY(1px)}
.dugme[disabled],.dugme[aria-disabled="true"]{border-color:var(--pirinc-koyu);color:var(--pirinc-koyu);background:transparent;cursor:not-allowed}

.ikon-dugme{display:inline-flex;align-items:center;justify-content:center;width:var(--dokunma);height:var(--dokunma);padding:0;border:0;background:transparent;color:var(--pirinc-acik);cursor:pointer;transition:color var(--sure-kisa) var(--kolay)}
.ikon-dugme .ikon{width:24px;height:24px}
.ikon-dugme:hover{color:var(--parsomen)}
.ikon-dugme--cerceve{border:1px solid var(--cizgi-guclu)}

/* bölüm eylemi: "Tüm menü →" */
.bolum-eylem{display:inline-flex;align-items:center;gap:var(--b-2);min-height:var(--dokunma);color:var(--pirinc-acik);font-family:var(--font-arayuz);font-size:var(--arayuz);font-weight:600;text-decoration:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}
.bolum-eylem .ikon{transition:transform var(--sure-kisa) var(--kolay)}
.bolum-eylem:hover{color:var(--parsomen)}
.bolum-eylem:hover .ikon{transform:translateX(var(--b-1))}

/* açık / kapalı durum */
.durum{display:inline-flex;align-items:center;gap:var(--b-3);font-family:var(--font-arayuz);font-size:var(--arayuz);font-weight:600;line-height:1.3;color:var(--parsomen);font-variant-numeric:lining-nums tabular-nums;text-transform:uppercase;letter-spacing:.06em}
.durum__nokta{position:relative;width:10px;height:10px;flex:none;border-radius:50%;background:var(--koz)}
.durum__nokta::before{content:"";position:absolute;inset:-10px;border-radius:50%;background:var(--koz-isima);opacity:.45;animation:koz-nefes var(--sure-nefes) ease-in-out infinite}
.durum--kapali .durum__nokta{background:var(--duman-koyu)}
.durum--kapali .durum__nokta::before{display:none}
.durum__ayrac{color:var(--duman)}
@keyframes koz-nefes{0%,100%{opacity:.35}50%{opacity:.6}}

/* içim göstergesi: 3 pirinç çizgi + sözcük */
.icim{display:inline-flex;align-items:center;gap:var(--b-2);font-family:var(--font-arayuz);font-size:var(--kucuk);font-weight:600;color:var(--duman);text-transform:uppercase;letter-spacing:.06em}
.icim__cizgiler{display:inline-flex;gap:var(--b-1)}
.icim__cizgi{width:16px;height:3px;background:var(--cizgi-guclu)}
.icim__cizgi[data-dolu]{background:var(--pirinc)}

/* çizgi-mühür: bölüm başında düz %40 pirinç çizgi (monogram yok; işaret yalnız üst çubukta ve footer mühründe).
   Bölüm ekrana girince site.mjs data-gir ekler: çizgi soldan bir kez dolar. */
.cizgi-muhur{display:flex;align-items:center;gap:var(--b-3);color:var(--pirinc)}
.cizgi-muhur::after{content:"";flex:1;height:1px;background:currentColor;opacity:.4;transform-origin:left center}
.cizgi-muhur[data-gir]::after{animation:cizgi-dol var(--sure-cizgi) var(--kolay) both}
@keyframes cizgi-dol{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* etiket-söz: MEVSİMİNDE vb. */
.rozet{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--b-2);border:1px solid var(--pirinc);color:var(--pirinc-acik);font-family:var(--font-arayuz);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap}

/* ---------- bölüm + başlık ---------- */
.bolum{padding-block:calc(var(--bolum-bosluk) / 2)}
.bolum--antrasit{background:var(--antrasit)}
.bolum--kor{background:var(--kor-gece);border-top:1px solid var(--bordo)}
.bolum-baslik{display:grid;grid-template-columns:repeat(var(--sutun),minmax(0,1fr));column-gap:var(--oluk);row-gap:var(--b-3);align-items:start;margin-bottom:var(--b-5)}
.bolum-baslik>*{grid-column:1 / -1;min-width:0}
/* kod tabanı: başlık ve içerik aynı .kap.izgara'nın doğrudan çocuklarıdır (tasarımdaki .tam sarmalayıcısı yerine) */
.bolum-baslik,.bolum-icerik{grid-column:1 / -1;min-width:0}
.bolum-baslik .cizgi-muhur{margin-bottom:var(--b-3)}
.bolum-baslik__sag{display:flex;flex-direction:column;align-items:flex-start;gap:var(--b-3)}
.giris{font-family:var(--font-govde);font-size:var(--giris);line-height:var(--giris-satir);color:var(--parsomen)}
@media (min-width:1024px){
.bolum-baslik{margin-bottom:var(--b-6)}
.bolum-baslik>.etiket{grid-row:2}
.bolum-baslik__sol{grid-column:1 / 7;grid-row:3}
.bolum-baslik__sag{grid-column:7 / 13;grid-row:3}
.bolum-baslik__sag .bolum-eylem{align-self:flex-end}
/* yan düzen: başlık + giriş solda, eylem sağda aynı alt hatta */
.bolum-baslik--yan .bolum-baslik__sol{grid-column:1 / 9;display:flex;flex-direction:column;gap:var(--b-3)}
.bolum-baslik--yan .bolum-baslik__sag{grid-column:9 / 13;align-self:end;align-items:flex-end}
.bolum-baslik--tek .bolum-baslik__sol{grid-column:1 / -1}
}

/* ---------- kart (temel) ---------- */
.kart{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--antrasit);color:inherit;text-decoration:none}
.kart::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--pirinc);transform:scaleX(0);transform-origin:left center;transition:transform var(--sure-kisa) var(--kolay)}
.kart:hover::after,.kart:focus-within::after{transform:scaleX(1)}
.kart-gorsel{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--yuzey)}
.kart-gorsel--3x2{aspect-ratio:3 / 2}
.kart-gorsel--1x1{aspect-ratio:1}
.kart-gorsel--9x16{aspect-ratio:9 / 16}
.kart-gorsel img{width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(.92);transition:transform var(--sure-kisa) var(--kolay)}
.kart:hover .kart-gorsel img{transform:scale(1.03)}
.kart-gorsel::after{content:"";position:absolute;inset:0;background:var(--perde-kart);pointer-events:none}
.kart__govde{flex:1;display:flex;flex-direction:column;gap:var(--b-2);padding:var(--b-4)}
.kart__ad{font-family:var(--font-baslik);font-size:var(--harman);font-style:italic;font-weight:400;line-height:1.1;color:var(--parsomen)}
.kart__not{font-family:var(--font-govde);font-size:var(--arayuz);line-height:var(--arayuz-satir);color:var(--duman)}
.kart__alt{margin-top:auto;padding-top:var(--b-3);display:flex;align-items:center;justify-content:space-between;gap:var(--b-3);border-top:1px solid var(--cizgi)}
.fiyat{font-family:var(--font-arayuz);font-size:var(--fiyat);font-weight:600;color:var(--pirinc-acik);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.fiyat--sor{color:var(--duman);font-weight:500}

/* video kartı */
.video-kart{position:relative;display:block;aspect-ratio:9 / 16;overflow:hidden;background:var(--yuzey);color:inherit;text-decoration:none;cursor:pointer;border:0;padding:0;text-align:left;width:100%}
.video-kart img{width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(.92);transition:transform var(--sure-kisa) var(--kolay)}
.video-kart:hover img{transform:scale(1.03)}
.video-kart::after{content:"";position:absolute;inset:0;background:var(--perde-alt)}
.video-kart__oynat{position:absolute;z-index:1;left:50%;top:50%;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--koz);color:var(--parsomen);transform:translate(-50%,-50%);transition:transform var(--sure-kisa) var(--kolay)}
.video-kart__oynat .ikon{width:22px;height:22px;margin-left:3px;fill:currentColor}
.video-kart:hover .video-kart__oynat{transform:translate(-50%,-50%) scale(1.06)}
.video-kart__metin{position:absolute;z-index:1;inset:auto 0 0;display:flex;flex-direction:column;gap:var(--b-2);padding:var(--b-4)}
.video-kart__baslik{font-family:var(--font-baslik);font-size:26px;font-weight:400;line-height:1.1;color:var(--parsomen);text-wrap:balance}
.video-kart__sure{font-family:var(--font-govde);font-size:var(--kucuk);color:var(--duman);font-variant-numeric:tabular-nums}

/* ==================== yerleşim (layout.css) ==================== */
/* ---------- logo yerleşimi ----------
   İşaret (a + 1299) yalnız ≥120 px yükseklikte. Daha küçükte: monogram "a" + dizgi ad. */
.logo{display:inline-flex;align-items:center;gap:14px;color:var(--pirinc);text-decoration:none;min-height:var(--dokunma)}
.logo:hover{color:var(--pirinc-acik)}
.logo__monogram{height:36px;width:auto;flex:none}
.logo__ayrac{width:1px;height:36px;flex:none;background:var(--pirinc);opacity:.5}
.logo__ad{display:flex;flex-direction:column;gap:5px;line-height:1}
.logo__ad-ust{font-family:var(--font-baslik);font-size:21px;font-weight:400;letter-spacing:.01em;color:var(--parsomen);font-variant-numeric:lining-nums;white-space:nowrap}
.logo__ad-ust b{font-weight:inherit;color:inherit}
.logo__ad-alt{font-family:var(--font-arayuz);font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--duman);white-space:nowrap}
.logo--buyuk .logo__monogram,.logo--buyuk .logo__ayrac{height:52px}
.logo--buyuk .logo__ad-ust{font-size:32px}
.logo--buyuk .logo__ad-alt{font-size:12px}
.logo-isaret{display:block;color:var(--pirinc);height:160px;width:auto}

/* ---------- üst çubuk ---------- */
.ust-cubuk{position:sticky;top:0;z-index:50;height:var(--ust-cubuk);border-bottom:1px solid transparent;transition:background-color var(--sure-kisa) var(--kolay),border-color var(--sure-kisa) var(--kolay)}
.ust-cubuk--sabit{position:fixed;inset:0 0 auto}
.ust-cubuk[data-dolu]{background:rgb(14 13 11 / .92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--cizgi)}
.ust-cubuk>.kap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--b-3)}
.ust-cubuk__nav{display:none}
.ust-cubuk__nav ul{display:flex;gap:var(--b-5)}
.ust-cubuk__nav a{position:relative;display:inline-flex;align-items:center;min-height:var(--dokunma);font-family:var(--font-arayuz);font-size:var(--arayuz);font-weight:500;color:var(--parsomen);text-decoration:none;white-space:nowrap;transition:color var(--sure-kisa) var(--kolay);text-transform:uppercase;letter-spacing:.06em}
.ust-cubuk__nav a::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:1px;background:var(--pirinc);transform:scaleX(0);transform-origin:left;transition:transform var(--sure-kisa) var(--kolay)}
.ust-cubuk__nav a:hover{color:var(--pirinc-acik)}
.ust-cubuk__nav a[aria-current]{color:var(--pirinc-acik)}
.ust-cubuk__nav a[aria-current]::after,.ust-cubuk__nav a:hover::after{transform:scaleX(1)}
.ust-cubuk__eylem{display:flex;align-items:center;gap:var(--b-1)}
.ust-cubuk__ara{display:none}
/* ≥1024: 12 sütun; logo col 1–3. 1024–1279: satır içi menü gizli, "Ara" + perde düğmesi col 8–12 sağa yaslı (duzeltmeler.css).
   ≥1280: bağlantılar col 4–10 sağa yaslı, "Ara" col 11–12. */
@media (min-width:1024px){
.ust-cubuk>.kap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--oluk)}
.ust-cubuk .logo{grid-column:1 / 4}
.ust-cubuk__eylem{grid-column:8 / 13;justify-content:flex-end;gap:var(--b-2)}
.ust-cubuk__ara{display:inline-flex;width:auto;min-width:160px}
.ust-cubuk__tel{display:none}
.ust-cubuk .logo__monogram,.ust-cubuk .logo__ayrac{height:40px}
.ust-cubuk .logo__ad-ust{font-size:23px}
.ust-cubuk .logo__ad-alt{font-size:13px}
}
@media (min-width:1280px){
.ust-cubuk__nav{display:block;grid-column:4 / 11;justify-self:end}
.ust-cubuk__nav ul{gap:var(--b-4)}
.ust-cubuk__eylem{grid-column:11 / 13;gap:var(--b-1)}
.ust-cubuk__ara{width:100%;min-width:0}
.ust-cubuk__menu{display:none}
}

/* ---------- perde (mobil tam ekran menü) ---------- */
/* kod tabanı: <dialog> (showModal: odak tuzağı ve Esc tarayıcıdan); UA kutusu sıfırlanır, kapalıyken gizli kalır. */
.perde{position:fixed;inset:0;z-index:60;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0 0 env(safe-area-inset-bottom);border:0;background:var(--gece);color:var(--parsomen);overflow-y:auto}
.perde[open]{display:flex;flex-direction:column}
.perde::backdrop{background:var(--gece)}
.perde>.kap{display:flex;flex-direction:column;min-height:100%}
@media (min-width:1280px){.perde{display:none}}
.perde__ust{display:flex;align-items:center;justify-content:space-between;height:var(--ust-cubuk)}
.perde__liste{margin-top:var(--b-4);border-top:1px solid var(--cizgi)}
.perde__liste a{display:flex;align-items:center;justify-content:space-between;min-height:64px;border-bottom:1px solid var(--cizgi);font-family:var(--font-baslik);font-size:32px;font-weight:400;line-height:1;color:var(--parsomen);text-decoration:none}
.perde__liste a .ikon{color:var(--pirinc)}
.perde__eylem{display:grid;gap:var(--b-2);margin-block:var(--b-5)}
.perde__kunye{margin-top:auto;padding-block:var(--b-4);font-family:var(--font-govde);font-size:var(--kucuk);color:var(--duman)}

/* ---------- mobil alt eylem çubuğu (<768) ---------- */
.mobil-eylem{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--antrasit);border-top:1px solid var(--pirinc);transition:transform var(--sure-kisa) var(--kolay),visibility var(--sure-kisa)}
.mobil-eylem[data-gizli]{transform:translateY(100%);visibility:hidden}
.mobil-eylem a{display:flex;align-items:center;justify-content:center;gap:var(--b-2);min-height:55px;color:var(--pirinc-acik);font-family:var(--font-arayuz);font-size:15px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}
.mobil-eylem a+a{border-left:1px solid var(--cizgi)}
@media (min-width:768px){.mobil-eylem{display:none}}

/* ---------- mühür: Selçuklu yıldızı + monogram ---------- */
.muhur{position:relative;display:block;width:80px;height:80px;flex:none;color:var(--pirinc)}
.muhur__yildiz{position:absolute;inset:0;width:100%;height:100%}
.muhur__monogram{position:absolute;left:50%;top:50%;height:38%;width:auto;transform:translate(-50%,-50%)}
.muhur--buyuk{width:160px;height:160px}

/* ---------- footer ---------- */
.site-footer{border-top:1px solid var(--cizgi);padding-block:var(--b-7) var(--b-5)}
.site-footer__ust{align-items:start;row-gap:var(--b-5)}
.site-footer__slogan{font-family:var(--font-baslik);font-size:26px;font-style:italic;font-weight:400;line-height:1.25;color:var(--parsomen);text-wrap:balance}
.site-footer__baglantilar{display:flex;flex-wrap:wrap;column-gap:var(--b-4)}
.site-footer__baglantilar a{display:inline-flex;align-items:center;gap:var(--b-2);min-height:var(--dokunma);color:var(--pirinc-acik);font-family:var(--font-arayuz);font-size:var(--arayuz);font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}
.site-footer__baglantilar a:hover{color:var(--parsomen)}
.site-footer__kunye{display:flex;flex-direction:column;gap:var(--b-2);margin-top:var(--b-6);padding-top:var(--b-4);border-top:1px solid var(--cizgi);font-family:var(--font-govde);font-size:var(--kucuk);line-height:1.5;color:var(--duman)}
.site-footer__muhur,.site-footer__slogan,.site-footer__baglantilar{grid-column:1 / -1}
@media (min-width:768px){.site-footer__muhur{grid-column:1 / 3}.site-footer__slogan{grid-column:3 / 9}.site-footer__baglantilar{grid-column:1 / -1}}
@media (min-width:1024px){
.site-footer{padding-block:var(--b-8) var(--b-5)}
.site-footer__muhur{grid-column:1 / 5}.site-footer__slogan{grid-column:5 / 9}.site-footer__baglantilar{grid-column:9 / 13;justify-content:flex-end}
.site-footer__kunye{flex-direction:row;justify-content:space-between;gap:var(--b-4)}
.site-footer__kunye>p:only-child{flex:1}
}

/* ---------- hero ---------- */
.hero{position:relative;display:flex;align-items:flex-end;min-height:max(88svh,640px);padding-block:calc(var(--ust-cubuk) + var(--b-6)) var(--b-6);overflow:hidden;isolation:isolate}
.hero__zemin{position:absolute;inset:0;z-index:-2}
.hero__zemin img{width:100%;height:100%;object-fit:cover;object-position:60% 45%;filter:contrast(1.04) saturate(.92)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--perde-alt)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--perde-sol);opacity:.9}
.hero>.kap{align-items:end;row-gap:var(--b-5)}
.hero__sol,.hero__sag{grid-column:1 / -1;min-width:0}
.hero__sol{display:flex;flex-direction:column;gap:var(--b-4)}
.hero__kisa{font-family:var(--font-baslik);font-size:26px;font-style:italic;font-weight:400;line-height:1.2;color:var(--pirinc-acik)}
@media (min-width:1024px){
.hero{padding-block:calc(var(--ust-cubuk) + var(--b-8)) var(--b-8)}
.hero::after{opacity:1}
.hero__sol{grid-column:1 / 9}
.hero__sag{grid-column:9 / 13}
.hero__kisa{font-size:30px}
}

/* künye kartı (hero sağ) */
.kunye-kart{display:flex;flex-direction:column;gap:var(--b-4);padding:var(--b-4);background:rgb(26 25 23 / .94);border:1px solid var(--cizgi);border-top-color:var(--pirinc);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.kunye-kart__adres{font-family:var(--font-govde);font-size:var(--arayuz);line-height:var(--arayuz-satir);color:var(--parsomen)}
.kunye-kart__adres span{display:block;color:var(--duman)}
.kunye-kart__eylem{display:grid;grid-template-columns:1fr 1fr;gap:var(--b-2)}
.kunye-kart__eylem .dugme--dolu{grid-column:1 / -1}

/* ---------- hikâye ---------- */
.hikaye__gorsel,.hikaye__metin{grid-column:1 / -1;min-width:0}
.hikaye__gorsel{position:relative;overflow:hidden;background:var(--yuzey)}
.hikaye__gorsel::before{content:"";display:block;padding-top:100%}
.hikaye__gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(.92)}
.hikaye__metin{display:flex;flex-direction:column;justify-content:space-between;gap:var(--b-6)}
.hikaye__metin .metin p{font-size:var(--giris);line-height:var(--giris-satir)}
.kavramlar{display:grid;border-top:1px solid var(--cizgi)}
.kavram{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-1);padding-block:var(--b-4);border-bottom:1px solid var(--cizgi)}
.kavram__ad{font-family:var(--font-baslik);font-size:var(--kavram);font-weight:400;line-height:1;letter-spacing:.04em;color:var(--pirinc-acik)}
.kavram__metin{font-family:var(--font-govde);font-size:var(--arayuz);line-height:var(--arayuz-satir);color:var(--parsomen)}
.bant{grid-column:1 / -1;margin-top:var(--b-6)}
.bant__gorsel{aspect-ratio:4 / 5;overflow:hidden;background:var(--yuzey)}
.bant__gorsel img{width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(.92)}
.bant__alt{display:flex;flex-direction:column;gap:var(--b-2);padding-top:var(--b-4)}
.soz{font-family:var(--font-baslik);font-size:var(--soz);font-style:italic;font-weight:400;line-height:1.2;color:var(--parsomen)}
@media (min-width:768px){.hikaye__gorsel::before{padding-top:66.6%}.kavram{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:baseline;gap:var(--oluk)}.bant__gorsel{aspect-ratio:21 / 9}.bant__alt{flex-direction:row;justify-content:space-between;align-items:baseline}}
/* kod tabanı: tasarımın 1–5 / 6–12 bölünmesi yerine 1–6 / 7–12; gövde metni, başlığın sağ yarısındaki giriş yazısıyla aynı sütunda başlar (hiza kuralı 1) */
@media (min-width:1024px){.hikaye__gorsel::before{padding-top:100%}.hikaye__gorsel{grid-column:1 / 7}.hikaye__metin{grid-column:7 / 13}.bant{margin-top:var(--b-8)}}

/* ---------- kart dizisi (harman, video) ---------- */
.kart-dizi{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--oluk)) / 1.15);gap:var(--oluk);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--kenar) * -1);padding-inline:var(--kenar);scroll-padding-inline:var(--kenar)}
.kart-dizi::-webkit-scrollbar{display:none}
.kart-dizi>*{scroll-snap-align:start}
.kart-dizi--video{grid-auto-columns:72%}
@media (min-width:768px){.kart-dizi{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;margin-inline:0;padding-inline:0}}
@media (min-width:1024px){.kart-dizi{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* kategori şeridi */
.kategori-serit{display:flex;align-items:stretch;margin-top:var(--b-5);border-block:1px solid var(--cizgi);overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--kenar) * -1);padding-inline:var(--kenar)}
.kategori-serit::-webkit-scrollbar{display:none}
.kategori-serit ul{display:flex;flex:1}
.kategori-serit li{flex:1 0 auto}
.kategori-serit li+li a{border-left:1px solid var(--cizgi)}
.kategori-serit a{display:flex;align-items:center;justify-content:center;min-height:56px;padding-inline:var(--b-4);font-family:var(--font-arayuz);font-size:var(--arayuz);font-weight:500;color:var(--parsomen);text-decoration:none;white-space:nowrap;transition:color var(--sure-kisa) var(--kolay),background-color var(--sure-kisa) var(--kolay);text-transform:uppercase;letter-spacing:.06em}
.kategori-serit a:hover{color:var(--pirinc-acik);background:var(--antrasit)}
.kategori-serit .bolum-eylem{padding-left:var(--b-4);border-left:1px solid var(--cizgi);flex:none}
@media (min-width:1024px){.kategori-serit{margin-inline:0;padding-inline:0}.kategori-serit li:first-child a{padding-left:0;justify-content:flex-start}}

/* usul şeridi */
.usul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b-5) var(--oluk)}
.usul__oge{display:flex;flex-direction:column;gap:var(--b-2);padding-top:var(--b-4);border-top:1px solid var(--pirinc)}
.usul__ad{font-family:var(--font-baslik);font-size:var(--h3);font-weight:400;line-height:1.1;color:var(--parsomen)}
.usul__metin{font-family:var(--font-govde);font-size:var(--arayuz);line-height:var(--arayuz-satir);color:var(--duman)}
.usul-kunye{margin-top:var(--b-6);padding-top:var(--b-4);border-top:1px solid var(--cizgi);font-family:var(--font-govde);font-size:var(--kucuk);color:var(--duman);font-variant-numeric:lining-nums}
@media (min-width:1024px){.usul{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- mozaik: 1 büyük + 6 kare ---------- */
.mozaik{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--oluk)}
.mozaik__oge{position:relative;display:block;padding:0;border:0;background:var(--yuzey);overflow:hidden;aspect-ratio:1;cursor:zoom-in}
.mozaik__oge img{width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(.92);transition:transform var(--sure-kisa) var(--kolay)}
.mozaik__oge:hover img{transform:scale(1.03)}
.mozaik__oge::after{content:"";position:absolute;inset:0;border:1px solid transparent;transition:border-color var(--sure-kisa) var(--kolay)}
.mozaik__oge:hover::after{border-color:var(--pirinc)}
.mozaik__oge--buyuk{grid-column:1 / -1;aspect-ratio:4 / 5}
@media (min-width:768px){.mozaik{grid-template-columns:repeat(3,minmax(0,1fr))}.mozaik__oge--buyuk{aspect-ratio:3 / 2}}
@media (min-width:1024px){.mozaik{grid-template-columns:repeat(12,minmax(0,1fr))}.mozaik__oge{grid-column:span 2}.mozaik__oge--buyuk{grid-column:1 / 9;grid-row:1 / 4;aspect-ratio:auto}.mozaik__oge--buyuk img{position:absolute;inset:0}}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:80;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:rgb(14 13 11 / .97)}
.lightbox__ust{display:flex;align-items:center;justify-content:space-between;padding:var(--b-2) var(--kenar)}
.lightbox__sayac{font-family:var(--font-arayuz);font-size:var(--arayuz);font-weight:600;color:var(--duman);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.06em}
.lightbox__sahne{display:grid;place-items:center;padding:0 var(--kenar);min-height:0}
.lightbox__sahne img{max-width:100%;max-height:100%;object-fit:contain}
.lightbox__alt{display:flex;align-items:center;justify-content:space-between;gap:var(--b-3);padding:var(--b-3) var(--kenar) var(--b-4)}
.lightbox__aciklama{font-family:var(--font-govde);font-size:var(--arayuz);color:var(--parsomen);text-align:center;flex:1}

/* ---------- kapımız: saatler + harita ---------- */
.kapi__bilgi,.kapi__harita{grid-column:1 / -1;min-width:0}
.kapi__bilgi{display:flex;flex-direction:column;gap:var(--b-5)}
.kapi__blok{display:flex;flex-direction:column;gap:var(--b-2)}
.kapi__deger{font-family:var(--font-govde);font-size:18px;font-weight:500;line-height:1.45;color:var(--parsomen);font-variant-numeric:lining-nums}
.kapi__eylem{display:flex;flex-wrap:wrap;gap:var(--b-2)}
@media (min-width:1024px){.kapi__bilgi{grid-column:1 / 7}.kapi__harita{grid-column:7 / 13}}
.saatler{width:100%;border-collapse:collapse;font-family:var(--font-govde);font-size:var(--arayuz);font-variant-numeric:lining-nums tabular-nums}
.saatler td{padding:var(--b-2) 0;border-bottom:1px solid var(--cizgi);color:var(--duman)}
.saatler td:last-child{text-align:right}
.saatler tr[data-bugun] td{color:var(--parsomen);font-weight:600}
.saatler tr[data-bugun] td:first-child::after{content:"Bugün";margin-left:var(--b-2);padding:2px var(--b-2);background:var(--pirinc);color:var(--gece);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;vertical-align:1px}
.harita{position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--antrasit);border:1px solid var(--cizgi);color:inherit;text-decoration:none}
@media (min-width:1024px){.harita{aspect-ratio:auto;height:100%;min-height:320px}}
.harita__zemin{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.harita__atif{position:absolute;top:var(--b-2);right:var(--b-3);font-family:var(--font-arayuz);font-size:11px;line-height:1;color:var(--duman-koyu)}
.harita__pin{position:absolute;left:50%;top:46%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:var(--b-2)}
.harita__etiket{position:absolute;left:var(--b-4);bottom:var(--b-4);right:var(--b-4);display:flex;justify-content:space-between;align-items:center;gap:var(--b-3);font-family:var(--font-arayuz);font-size:var(--arayuz);font-weight:600;color:var(--pirinc-acik);text-transform:uppercase;letter-spacing:.06em}

/* ---------- menü sayfası ---------- */
.menu-cubuk{position:sticky;top:var(--ust-cubuk);z-index:30;background:rgb(14 13 11 / .96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--cizgi)}
.menu-cubuk ul{display:flex;gap:var(--b-2);padding-block:12px;overflow-x:auto;scrollbar-width:none}
.menu-cubuk ul::-webkit-scrollbar{display:none}
.menu-cubuk a{display:flex;align-items:center;min-height:44px;padding:0 var(--b-3);border:1px solid var(--cizgi-guclu);font-family:var(--font-arayuz);font-size:15px;font-weight:500;color:var(--parsomen);text-decoration:none;white-space:nowrap;transition:background-color var(--sure-kisa) var(--kolay),border-color var(--sure-kisa) var(--kolay),color var(--sure-kisa) var(--kolay);text-transform:uppercase;letter-spacing:.06em}
.menu-cubuk a:hover{border-color:var(--pirinc);color:var(--pirinc-acik)}
.menu-cubuk a[aria-current]{background:var(--pirinc);border-color:var(--pirinc);color:var(--gece);font-weight:700}
.menu-liste{display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--oluk)}
@media (min-width:1024px){.menu-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
.menu-satir{display:flex;flex-direction:column;gap:var(--b-1);padding-block:var(--b-4) var(--b-3);border-bottom:1px solid var(--cizgi)}
.menu-satir__ust{display:flex;align-items:baseline;gap:var(--b-2)}
.menu-satir__ad{font-family:var(--font-baslik);font-size:24px;font-weight:400;line-height:1.15;color:var(--parsomen)}
.menu-satir__ad--imza{font-style:italic;font-weight:500;font-size:26px}
.menu-satir .fiyat{font-size:19px}
.menu-satir--imza,.menu-satir--gorselli{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:var(--b-3);align-items:center}
.menu-satir--imza>img{grid-row:1 / 3;width:72px;height:90px;object-fit:cover;filter:contrast(1.04) saturate(.92)}
.menu-satir--imza>.menu-satir__alt,.menu-satir--gorselli>.menu-satir__alt{grid-column:2}
:is(.menu-satir--imza,.menu-satir--gorselli)>.menu-satir__ust:last-child{grid-row:1 / 3}
.menu-satir .icim__cizgi{width:12px}
.menu-satir .icim{margin-right:var(--b-1)}
.menu-satir__kilavuz{flex:1;min-width:var(--b-4);border-bottom:2px dotted var(--pirinc-koyu);transform:translateY(-6px)}
.menu-satir__alt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-2);font-family:var(--font-govde);font-size:16px;line-height:var(--arayuz-satir);color:var(--duman)}
.menu-satir--tukendi .menu-satir__ad{opacity:.6}
.menu-satir--tukendi .menu-satir__ad{text-decoration:line-through;text-decoration-thickness:1px}
.menu-satir--tukendi .fiyat{color:var(--duman);font-weight:500}
.menu-dipnot{margin-top:var(--b-6);font-family:var(--font-govde);font-size:var(--kucuk);color:var(--duman)}

/* ---------- 404 / çevrimdışı ---------- */
.kapali-kapi{min-height:calc(100svh - var(--ust-cubuk));display:grid;place-items:center;text-align:center;padding-block:var(--b-8)}
.kapali-kapi__ic{display:flex;flex-direction:column;align-items:center;gap:var(--b-4)}
.kapali-kapi .muhur{color:var(--pirinc)}
.kapali-kapi__cizgi{width:64px;height:1px;background:var(--bordo)}

/* ---------- duzeltmeler.css (tasarım üstüne yazılanlar) ----------
   Arayüz fontu Archivo dar kesim (wdth 82; dosya bu genişlikte sabit, bkz. tokenlar.css). Büyük harf optik merkezde durur:
   tek satırlık kutularda üst/alt boşluk eşit (tasarim/CLAUDE.md; HizaOlcer "optik-orta" kuralı ölçer). */
.etiket,.dugme,.bolum-eylem,.durum,.icim,.rozet,.fiyat,.logo__ad-alt,.ust-cubuk__nav a,.mobil-eylem a,.site-footer__baglantilar a,.kategori-serit a,.menu-cubuk a,.lightbox__sayac,.harita__etiket,.kavram__ad{font-stretch:82%;font-variation-settings:"wdth" 82}
.kategori-serit a,.menu-cubuk a,.ust-cubuk__nav a{font-weight:600;letter-spacing:.06em}

/* Kategori şeridi: yazı kenara yapışmasın. Masaüstünde şerit kapalı bir çerçeve, her hücre eşit iç boşluklu. */
@media (min-width:1024px){
  .kategori-serit{border:1px solid var(--cizgi);overflow:hidden}
  .kategori-serit ul{min-width:0}
  .kategori-serit li{flex:1 1 auto;min-width:0}
  .kategori-serit a,.kategori-serit li:first-child a{padding-inline:var(--b-3);justify-content:center;font-size:16px;letter-spacing:.04em;white-space:nowrap}
  .kategori-serit .bolum-eylem{padding-inline:var(--b-4);font-size:16px;white-space:nowrap}
}
@media (min-width:1280px){
  .kategori-serit a,.kategori-serit li:first-child a,.kategori-serit .bolum-eylem{font-size:17px;letter-spacing:.05em}
}

/* Künye kartı: 360 px telefonda "Yol tarifi" düğmesi kartı taşırıyordu. */
.kunye-kart{min-width:0}
.kunye-kart__eylem{grid-template-columns:repeat(2,minmax(0,1fr))}
.kunye-kart__eylem .dugme{padding-inline:var(--b-3);white-space:nowrap}

/* Mühür ve logo vektörleri CSS yüklenmeden dev boyutta görünmesin. */
.muhur svg,.logo svg{max-width:160px;max-height:160px}

/* Yan düzen başlığı: 1024 altında başlık ile giriş yapışıyordu. */
.bolum-baslik--yan .bolum-baslik__sol{display:flex;flex-direction:column;gap:var(--b-3)}

/* Meclis'ten seri süzgeci: menü çubuğu bileşeni burada yapışkan değil, bölüm zemininde durur. */
.seri-filtre .menu-cubuk{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0}
.seri-filtre .menu-cubuk ul{padding-block:0}

/* ---------- kod tabanı ekleri ---------- */
/* ?izgara=1 bindirmesi izgara.css'te. Harman kartı görseli henüz yoksa boş yüzey kalır (işaret konmaz). */
.kart__ad{margin:0}
.kart__alt .fiyat{margin-left:auto}
/* optik dikey ortalama (tasarim/CLAUDE.md, HizaOlcer "optik-orta"): durum ve içim tek satırlık büyük harf kutularıdır.
   Tasarımdaki 1.3 / devralınan 1.6 satır yüksekliğinde Chrome yarım satır aralığını ve Archivo'nun yükseliğini tam piksele
   yuvarlar; büyük harfler ~1 px yukarı kayar (üst 5,0 / alt 7,4 px). Satır yüksekliği 1 ile ikisi eşitlenir (fark <1 px). */
.durum,.icim{line-height:1}
/* /_ornek bileşen satırları (yalnız Development örnek sayfası) */
.ornek-dugmeler{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-3) var(--b-4)}
.ornek-dugmeler+.ornek-dugmeler{margin-top:var(--b-5)}
/* mobil eylem çubuğu: kurulu kanal sayısı kadar eşit sütun (tasarımda sabit 3) */
.mobil-eylem{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}

/* ---------- ana sayfa (Görev 8) ---------- */
/* <resim>: <picture> kapsayıcının doğrudan içeriği gibi davranır (img kuralları aynen işler); LQIP (data: URI, satır içi stil
   yasak) resmin arkasında bulanık katmandır. Kapsayıcılar yalıtılır: LQIP zeminin üstünde, asıl resmin altında kalır. */
picture.resim{display:contents}
:is(.kart-gorsel,.mozaik__oge,.video-kart,.hikaye__gorsel,.bant__gorsel,.menu-satir__gorsel,.galeri__oge,.meclis-video__kapak,.meclis-siradaki__kapak,.kare-detay__gorsel){isolation:isolate}
:is(.kart-gorsel,.mozaik__oge,.video-kart,.hikaye__gorsel,.bant__gorsel,.hero__zemin,.menu-satir__gorsel,.galeri__oge,.meclis-video__kapak,.meclis-siradaki__kapak,.kare-detay__gorsel)>img.resim__lqip{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;filter:blur(16px);transform:scale(1.08)}
.bant__gorsel{position:relative}
.kirilmaz{white-space:nowrap}
/* hero: telefonda slogan dört satıra iner; son satırda tek sözcük kalmasın diye boy sütun genişliğine göre (≥768 token boyu) */
@media (max-width:767.98px){.hero h1{font-size:min(var(--h1),9vw);text-wrap:pretty}}
/* 1024–1279: künye kartı col 9–12'de durum satırını ikiye bölüyordu; slogan 1–7, kart 8–12 (boş sütun yok) */
@media (min-width:1024px) and (max-width:1279.98px){.hero__sol{grid-column:1 / 8}.hero__sag{grid-column:8 / 13}}
/* usul şeridi: başlıksız şerit; "Açık hava" pasifken üçlü (telefonda alt alta, ≥768 4+4+4) */
.usul--uc{grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.usul--uc{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.usul--uc{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* mozaik: yayına uygun karesi olmayan yuva boş yüzeydir (tıklanmaz) */
.mozaik__oge--bos{cursor:default}
.mozaik__oge--bos::after{display:none}
/* kapımız: bilgi ve harita aynı üst ve alt kenarda; telefon değeri bağlantı rengi almaz */
.kapi{align-items:stretch}
.kapi__deger a{color:inherit;text-decoration:none}
.kapi__deger a:hover{color:var(--pirinc-acik)}
/* harita: tasarımdaki satır içi stiller sınıfa taşındı (katı CSP) */
.harita__pin{color:var(--pirinc)}
.harita__nokta{width:16px;height:16px}
.harita__ac{display:inline-flex;align-items:center;gap:var(--b-2);white-space:nowrap}
.harita:hover .harita__ac{color:var(--parsomen)}
/* lightbox: yerel <dialog>; tarayıcı varsayılanları sıfırlanır, kapalıyken görünmez */
dialog.lightbox{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;color:var(--parsomen)}
dialog.lightbox:not([open]){display:none}
dialog.lightbox::backdrop{background:rgb(14 13 11 / .97)}
.lightbox__sahne video{max-width:100%;max-height:100%;background:var(--gece)}
.ikon--ters{transform:scaleX(-1)}

/* ---------- genel sayfalar (Görev 9): menü, kareler, meclis, kvkk, 404, çevrimdışı ---------- */
/* sayfa açılışı (tasarım: bolum padding-top b-7, alt b-5 + başlık bloğu alt boşluğu): içerik bloğu boştur (yapışkan çubuk bölüm
   dışında kalsın diye) */
.bolum--acilis{padding-block:var(--b-7) var(--b-5)}
.bolum--acilis>.kap{row-gap:0}
/* sabit üst çubuğun ve yapışkan menü çubuğunun altında kategori başlığı görünür kalsın */
.menu-bolum{scroll-margin-top:calc(var(--ust-cubuk) + 72px)}
.menu-grup{margin-bottom:var(--b-2)}
.menu-liste+.menu-grup{margin-top:var(--b-6)}
.menu-liste{row-gap:0}
.menu-liste>ul{min-width:0}
.menu-liste__tam{grid-column:1 / -1}
/* menu.mjs: sınır kaydırması 48 px'i sağlayamazsa satırlar iki sütunda aynı hatta (sıra sütun sütun kalır; dense yerleşim) */
@media (min-width:1024px){
  .menu-liste--satir{grid-auto-flow:dense}
  .menu-liste--satir>.menu-liste__sutun{display:contents}
  .menu-liste--satir>.menu-liste__sutun:first-child>li{grid-column:1}
  .menu-liste--satir>.menu-liste__sutun:nth-child(2)>li{grid-column:2}
}
.menu-satir__gorsel{position:relative;grid-row:1 / 3;width:72px;height:90px;overflow:hidden;background:var(--yuzey)}
.menu-satir__gorsel img:not(.resim__lqip){width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(.92)}
.menu-satir--imza>.menu-satir__ust{grid-column:2}
.menu-satir__not{color:var(--duman-koyu)}
.menu-son{padding-bottom:var(--b-7)}
/* masa kipi (/menu?masa=1): üst çubuk yok, yazılar %10 büyük. Tokenlar px olduğu için tek mekanizma: içerik zoom 1.1 */
html.masa{--ust-cubuk:0px}
html.masa main{zoom:1.1}
/* baskı: A4, siyah-beyaz; logo ve tarih */
.baski-ust{display:none}
@media print{
  @page{size:A4;margin:14mm 12mm}
  html,body,main,.bolum,.bolum--antrasit{background:#fff!important}
  *{color:#000!important;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  body{padding:0;font-size:11pt}
  main{padding:0;zoom:1!important}
  .ust-cubuk,.perde,.menu-cubuk,.site-footer,.mobil-eylem,.atla,.cizgi-muhur,.menu-satir__gorsel,.lightbox{display:none!important}
  .baski-ust{display:flex;align-items:center;justify-content:space-between;gap:8mm;margin:0 0 6mm;padding-bottom:4mm;border-bottom:1px solid #000}
  .baski-ust p{font-family:var(--font-arayuz);font-size:10pt;text-transform:uppercase;letter-spacing:.06em}
  .kap{width:auto;margin:0}
  .bolum,.bolum--acilis{padding-block:3mm}
  .bolum-baslik{margin-bottom:3mm!important}
  .bolum-baslik h1{font-size:24pt}
  .bolum-baslik h2{font-size:16pt}
  .menu-liste{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8mm}
  .menu-satir{padding-block:2mm;border-color:#bbb!important;break-inside:avoid}
  .menu-satir--imza{grid-template-columns:minmax(0,1fr)}
  .menu-satir--imza>*{grid-column:1!important}
  .menu-satir__ad{font-size:12pt}
  .menu-satir__kilavuz{border-color:#888!important}
  .menu-satir__alt{font-size:9pt}
  .icim__cizgi{background:#bbb!important}
  .icim__cizgi[data-dolu]{background:#000!important}
  .rozet{border-color:#000}
}

/* kareler: 12 sütunlu blok ızgarası (≥768), telefonda 2 sütun; tasarımın --dc/--dr/--da değişkenleri sınıftır (katı CSP) */
.galeri-bolum{padding-block:var(--b-5) var(--b-8)}
.galeri-kap{display:flex;flex-direction:column;gap:var(--b-4)}
.galeri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--oluk);grid-auto-flow:dense}
.galeri__oge{position:relative;display:block;overflow:hidden;background:var(--yuzey);aspect-ratio:1;cursor:zoom-in}
.galeri__oge img:not(.resim__lqip){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(.92);transition:transform var(--sure-giris) var(--kolay)}
.galeri__oge:hover img:not(.resim__lqip){transform:scale(1.03)}
.galeri__oge::after{content:"";position:absolute;inset:0;border:1px solid transparent;transition:border-color var(--sure-kisa) var(--kolay)}
.galeri__oge:hover::after,.galeri__oge:focus-visible::after{border-color:var(--pirinc)}
.galeri__oge--buyuk{grid-column:span 2;grid-row:span 2}
.galeri__oge--tg{grid-column:span 2;aspect-ratio:2}
@media (min-width:768px){
  .galeri{grid-template-columns:repeat(12,minmax(0,1fr))}
  .galeri__oge{grid-column:span 2;grid-row:span 1;aspect-ratio:1}
  .galeri__oge--buyuk{grid-column:span 4;grid-row:span 2}
  .galeri__oge--s12{grid-column:span 12;aspect-ratio:6}
  .galeri__oge--s6{grid-column:span 6;aspect-ratio:3}
  .galeri__oge--s4{grid-column:span 4;aspect-ratio:2}
  .galeri__oge--s3{grid-column:span 3;aspect-ratio:1.5}
  .galeri__oge--esnek{aspect-ratio:auto}
}
.sayfalar{display:flex;align-items:center;justify-content:space-between;gap:var(--b-3);margin-top:var(--b-4);padding-top:var(--b-4);border-top:1px solid var(--cizgi)}
.sayfalar__durum{flex:1;text-align:center}
.sayfalar>a:last-child{margin-left:auto}
.kare-detay{display:flex;flex-direction:column;gap:var(--b-3)}
.kare-detay__gorsel{position:relative;overflow:hidden;background:var(--yuzey)}
.kare-detay__gorsel img:not(.resim__lqip){width:100%;height:auto;filter:contrast(1.04) saturate(.92)}

/* meclis'ten: oynatıcı (9:16) col 1–4, bilgi + sıradaki col 5–12 (≥1024 yan yana) */
.meclis-sahne-bolum{padding-bottom:var(--b-7);scroll-margin-top:calc(var(--ust-cubuk) + var(--b-4))}
.meclis-sahne{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-5);align-items:start}
.meclis-video{position:relative;aspect-ratio:9 / 16;width:min(100%, calc(min(80svh, 760px) * 9 / 16));justify-self:start;overflow:hidden;background:var(--antrasit);border-top:1px solid var(--pirinc)}
.meclis-video video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.meclis-video__kapak{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.meclis-video__kapak img:not(.resim__lqip){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(.92)}
.meclis-video__kapak::after{content:"";position:absolute;inset:0;background:var(--perde-kart)}
.meclis-video__kapak:hover .video-kart__oynat{transform:translate(-50%,-50%) scale(1.06)}
.meclis-bilgi{display:flex;flex-direction:column;gap:var(--b-5);min-width:0}
.meclis-bilgi__ust{display:flex;flex-direction:column;gap:var(--b-3)}
.meclis-bilgi h2{font-size:var(--h2);line-height:1.1}
.meclis-siradaki{display:flex;flex-direction:column;border-top:1px solid var(--cizgi)}
.meclis-siradaki__baslik{padding-block:var(--b-3)}
.meclis-siradaki__oge{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:var(--b-3);align-items:center;min-height:112px;padding:var(--b-2) 0;border-bottom:1px solid var(--cizgi);color:var(--parsomen);text-decoration:none;transition:background-color var(--sure-kisa) var(--kolay)}
.meclis-siradaki__oge:hover{background:var(--antrasit);color:var(--parsomen)}
.meclis-siradaki__kapak{position:relative;display:block;width:64px;aspect-ratio:9 / 16;overflow:hidden;background:var(--yuzey)}
.meclis-siradaki__kapak img:not(.resim__lqip){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.meclis-siradaki__metin{display:flex;flex-direction:column;gap:var(--b-1);min-width:0}
.meclis-siradaki__metin .etiket{font-size:13px}
.meclis-siradaki__ad{font-family:var(--font-baslik);font-size:22px;line-height:1.2;text-wrap:balance}
.meclis-siradaki__sure{padding-right:var(--b-2);font-variant-numeric:tabular-nums}
.meclis-bos{color:var(--duman)}
.seri-filtre{margin-bottom:var(--b-5)}
@media (min-width:768px){
  .meclis-sahne{grid-template-columns:repeat(var(--sutun),minmax(0,1fr));column-gap:var(--oluk)}
  .meclis-sahne>.meclis-video{grid-column:1 / 5;width:100%}
  .meclis-sahne>.meclis-bilgi{grid-column:5 / -1}
}
@media (min-width:1024px){
  .meclis-sahne>.meclis-bilgi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--oluk);align-items:start}
}

/* kvkk: başlık col 1–6, metin col 7–12 (açılıştaki başlık/giriş bölünmesiyle aynı hat) */
.kvkk{display:flex;flex-direction:column;gap:var(--b-6)}
.kvkk__satir{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-3);padding-top:var(--b-4);border-top:1px solid var(--cizgi)}
.kvkk__satir h2{font-size:var(--h3);line-height:1.15}
.kvkk__metin{display:flex;flex-direction:column;gap:var(--b-3)}
.kvkk__metin p{max-width:68ch}
.kvkk__metin strong{font-weight:600;color:var(--parsomen)}
@media (min-width:1024px){
  .kvkk__satir{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--oluk)}
  .kvkk__satir h2{grid-column:1 / 7}
  .kvkk__metin{grid-column:7 / 13}
}

/* 404: ortak bölüm yapısı, içerik ortalı */
.kapali-kapi .izgara{row-gap:var(--b-4)}
.kapali-kapi .bolum-baslik{display:flex;flex-direction:column;align-items:center;gap:var(--b-4);margin-bottom:0}
.kapali-kapi .bolum-icerik{display:flex;justify-content:center}
.kapali-kapi h1{font-size:var(--h1)}

/* çevrimdışı (kabuksuz sayfa): başlık col 1–8 + arama düğmesi col 9–12 aynı alt hatta; menü iki sütun */
html.sade{--ust-cubuk:0px}
.cevrim-bas{display:flex;align-items:center;justify-content:space-between;gap:var(--b-3);min-height:64px;padding-top:var(--b-4)}
.bolum.cevrim{padding-block:0 var(--b-7)}
.bolum-baslik.cevrim-ust{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--b-3);margin-bottom:0;padding-block:var(--b-6);border-bottom:1px solid var(--cizgi)}
.bolum-baslik.cevrim-ust>.etiket{grid-row:auto}
.cevrim-ust h1{font-size:var(--h2);line-height:var(--h2-satir)}
.cevrim-ust .giris{color:var(--duman)}
.cevrim-bolum{margin-top:var(--b-6)}
.cevrim-bolum h2{font-size:32px}
.cevrim .menu-dipnot{margin-top:var(--b-6)}
@media (min-width:1024px){
  .bolum-baslik.cevrim-ust{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--oluk)}
  .bolum-baslik.cevrim-ust>*{grid-column:1 / 9}
  .bolum-baslik.cevrim-ust>.cevrim-ara{grid-column:9 / 13;grid-row:1 / 4;align-self:end}
  .cevrim-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--oluk);align-items:start}
}