/* ZekaŞef — "Akış" (Feed) teması. Ürün SUNUMU bambaşka:
   tek sütun, her ürün TAM GENİŞLİK dev fotoğraf kartı (sosyal medya akışı gibi).
   Yemek fotoğrafı kahraman. Üstte yapışkan kategori çipleri. Kendi markup + menu-akis.js. */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --bg:#FAFAF8; --surface:#FFFFFF; --surface-2:#F0EFEA;
  --text:#1A1A18; --text-soft:#5C5B55; --muted:#8E8D86; --line:#ECEBE4;
  --accent:#E8553D; --accent-d:#C8412C;
}
* { box-sizing:border-box; margin:0; -webkit-tap-highlight-color:transparent; }
html, body { min-height:100%; }
body {
  background:var(--bg); color:var(--text);
  font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.45;
  -webkit-user-select:none; user-select:none; -webkit-touch-callout:none;
}
img { -webkit-user-drag:none; user-drag:none; pointer-events:none; }

/* ===== Header ===== */
.fd-head { display:flex; flex-direction:column; text-align:center; padding:calc(12px + env(safe-area-inset-top)) 22px 12px; }
.fd-lang { align-self:flex-end; display:flex; gap:5px; margin-bottom:8px; }
.fd-lang a { font-size:11px; font-weight:600; letter-spacing:.04em; color:var(--muted); text-decoration:none; border:1px solid var(--line); border-radius:999px; padding:5px 10px; }
.fd-lang a.is-active { background:var(--accent); color:#fff; border-color:var(--accent); }
.fd-rest { font-weight:800; font-size:clamp(26px,8vw,40px); line-height:1.04; letter-spacing:-.02em; }

/* ===== Yapışkan kategori çipleri ===== */
.fd-nav { position:sticky; top:0; z-index:20; display:flex; gap:8px; overflow-x:auto; padding:11px 16px; background:rgba(250,250,248,.94); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); scrollbar-width:none; }
.fd-nav::-webkit-scrollbar { display:none; }
.fd-chip { flex:0 0 auto; font-size:13px; font-weight:600; color:var(--text-soft); text-decoration:none; background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:8px 15px; white-space:nowrap; cursor:pointer; transition:all .15s; }
.fd-chip.is-active { background:var(--accent); color:#fff; border-color:var(--accent); }

/* ===== Akış ===== */
.fd-feed { max-width:560px; margin:0 auto; padding:6px 16px calc(28px + env(safe-area-inset-bottom)); }
.fd-cat-label { font-weight:800; font-size:15px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin:26px 2px 12px; scroll-margin-top:64px; }
.fd-cat-label:first-child { margin-top:14px; }

/* dev fotoğraf kartı */
.fd-card { background:var(--surface); border:1px solid var(--line); border-radius:22px; overflow:hidden; margin-bottom:18px; box-shadow:0 10px 30px -16px rgba(26,26,24,.22); }
.fd-media { position:relative; aspect-ratio:4/3; background:var(--surface-2); }
.fd-img { width:100%; height:100%; object-fit:cover; }
.fd-mono { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:90px; color:rgba(232,85,61,.22); background:radial-gradient(ellipse at 60% 25%, rgba(232,85,61,.12), transparent 60%), linear-gradient(150deg,var(--surface-2),#fff); }
.fd-body { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:15px 18px 18px; }
.fd-name { flex:1 1 auto; font-weight:700; font-size:19px; line-height:1.2; color:var(--text); min-width:0; }
.fd-price { flex:0 0 auto; font-weight:800; font-size:18px; color:var(--accent); white-space:nowrap; margin-top:1px; }
.fd-price span { font-size:.78em; opacity:.85; }

/* ===== Boş / footer ===== */
.fd-empty { height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; color:var(--muted); text-align:center; padding:24px; }
.fd-empty h2 { color:var(--text); }
.fd-foot { text-align:center; padding:22px; color:var(--muted); font-size:11px; font-weight:600; letter-spacing:.16em; }

body[dir="rtl"] .fd-lang { align-self:flex-start; }