/* QR Menü Paneli: Dizayn 8 (kurumsal panel teması; Akan onayladı, 14 Ekim 2026). Kaynak: Şirket Yöneticisi stil.css.
   İskelet Tesla ölçüleriyle: 4 px köşe, 40 px düğme, gri dolgulu çerçevesiz giriş kutusu, ince siyah çizgili ikincil düğme.
   Renk kuralı: MAVİ = eylem (düğme, bağlantı, odak). BÖLÜM RENGİ = kimlik (yan menü ikonu, sayfa başlığı simgesi, sekme çizgisi);
   bölüm renkleri aynı parlaklık ve doygunlukta (OKLCH), yalnız açısı farklı. Dış istek yok: yazı tipleri /fontlar altında. */
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fontlar/inter-latin-ext-wght-normal.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+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fontlar/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Tight";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fontlar/inter-tight-latin-ext-wght-normal.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+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter Tight";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fontlar/inter-tight-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- renk ve ölçü jetonları ---------- */
:root{
  --zemin:#F4F4F4; --yuzey:#FFFFFF; --yuzey-2:#FAFAFA; --yuzey-3:#F4F4F4; --yuzey-4:#EBEBEC;
  --yazi:#171A20; --yazi-g:#393C41; --yazi-2:#5C5E62; --yazi-3:#696C71;
  --cizgi:#E2E3E3; --cizgi-2:#D0D1D2; --uzerinde:rgba(23,26,32,.05); --secim-iz:#FFFFFF;
  --vurgu:#3E6AE1; --vurgu-ust:#3457B1; --vurgu-yazi:#FFFFFF; --vurgu-acik:#EBF0FC; --vurgu-metin:#2F57C8;
  --iyi:#14733C; --iyi-acik:#E6F4EB; --dikkat:#8A5300; --dikkat-acik:#FDF1DC; --kotu:#B23A2E; --kotu-acik:#FCEBE8; --bilgi:#2F57C8; --bilgi-acik:#EBF0FC;
  --m-l:.56; --m-ac:.035; --m-al:.955; --m-ml:.46; --m-h:262; --m-c:.16; --m-ustu:#FFFFFF;
  --r:8px; --r-k:4px;
  --egri:cubic-bezier(.5,0,0,.75); --egri-cik:cubic-bezier(.2,.7,.2,1); --yay:cubic-bezier(.34,1.56,.64,1);
  --golge:0 1px 2px rgba(23,26,32,.04); --golge-orta:0 8px 24px rgba(23,26,32,.12);
  --font:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --gorunum:"Inter Tight","Inter","Segoe UI",system-ui,sans-serif;
  --fs:15px;
  --ok-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235C5E62' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --zemin:#0F1012; --yuzey:#17181C; --yuzey-2:#1C1D22; --yuzey-3:#222328; --yuzey-4:#2B2C32;
    --yazi:#F2F2F3; --yazi-g:#D6D7DA; --yazi-2:#A9ABB0; --yazi-3:#95979D;
    --cizgi:#2A2B30; --cizgi-2:#3B3D43; --uzerinde:rgba(255,255,255,.06); --secim-iz:#2E3036;
    --vurgu:#3E6AE1; --vurgu-ust:#5B82EB; --vurgu-yazi:#FFFFFF; --vurgu-acik:#1A2340; --vurgu-metin:#93ACF3;
    --iyi:#62C08E; --iyi-acik:#11231A; --dikkat:#E2AE55; --dikkat-acik:#2A2010; --kotu:#F08A8D; --kotu-acik:#2C1517; --bilgi:#93ACF3; --bilgi-acik:#1A2340;
    --m-l:.62; --m-ac:.06; --m-al:.29; --m-ml:.82;
    --golge:none; --golge-orta:0 8px 24px rgba(0,0,0,.5);
    --ok-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23A9ABB0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --zemin:#0F1012; --yuzey:#17181C; --yuzey-2:#1C1D22; --yuzey-3:#222328; --yuzey-4:#2B2C32;
  --yazi:#F2F2F3; --yazi-g:#D6D7DA; --yazi-2:#A9ABB0; --yazi-3:#95979D;
  --cizgi:#2A2B30; --cizgi-2:#3B3D43; --uzerinde:rgba(255,255,255,.06); --secim-iz:#2E3036;
  --vurgu:#3E6AE1; --vurgu-ust:#5B82EB; --vurgu-yazi:#FFFFFF; --vurgu-acik:#1A2340; --vurgu-metin:#93ACF3;
  --iyi:#62C08E; --iyi-acik:#11231A; --dikkat:#E2AE55; --dikkat-acik:#2A2010; --kotu:#F08A8D; --kotu-acik:#2C1517; --bilgi:#93ACF3; --bilgi-acik:#1A2340;
  --m-l:.62; --m-ac:.06; --m-al:.29; --m-ml:.82;
  --golge:none; --golge-orta:0 8px 24px rgba(0,0,0,.5);
  --ok-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23A9ABB0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  color-scheme:dark;
}

/* Bölüm renkleri (restoranın dünyasından): menü domates kırmızısı, malzemeler zeytin yeşili, yazdır mürekkep çivit,
   değişiklikler defter kartonu, ayarlar arduvaz, işletmeler erik moru. Genel bakış mürekkep siyahı (Dizayn 8'deki gibi). */
[data-m]{--m:oklch(var(--m-l) var(--m-c) var(--m-h));--m-acik:oklch(var(--m-al) var(--m-ac) var(--m-h));--m-metin:oklch(var(--m-ml) min(var(--m-c),.15) var(--m-h))}
[data-m="menu"]{--m-h:32;--m-c:.16}
[data-m="malzemeler"]{--m-h:135;--m-c:.13}
[data-m="yazdir"]{--m-h:285;--m-c:.14}
[data-m="degisiklikler"]{--m-h:55;--m-c:.08}
[data-m="ayarlar"]{--m-h:255;--m-c:.03}
[data-m="isletmeler"]{--m-h:335;--m-c:.14}
[data-m="genel"]{--m:var(--yazi);--m-ustu:var(--yuzey);--m-acik:var(--uzerinde);--m-metin:var(--yazi)}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{background:var(--zemin);color:var(--yazi-g);font-family:var(--font);font-size:var(--fs);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:clip}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--vurgu-metin);text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--gorunum);font-weight:500;letter-spacing:-.01em;line-height:1.2;color:var(--yazi)}
b,strong{color:var(--yazi)}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px;border-radius:4px}
.gizli-metin{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gizli-dosya{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
svg.ik{width:18px;height:18px;flex:0 0 18px}
.soluk{color:var(--yazi-3)}
.atla{position:fixed;left:12px;top:-60px;z-index:200;background:var(--yazi);color:var(--yuzey);padding:10px 16px;border-radius:var(--r-k);font-weight:600;text-decoration:none;transition:top .15s var(--egri)}
.atla:focus{top:12px}
.noscript{padding:40px 24px;text-align:center}

/* ---------- üst çubuk ---------- */
.ust{position:sticky;top:0;z-index:40;height:60px;display:flex;align-items:center;gap:14px;padding:0 20px 0 24px;background:var(--yuzey);border-bottom:1px solid var(--cizgi)}
.isletme-ad{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:0;font-family:var(--gorunum);font-size:16px;font-weight:600;color:var(--yazi);text-decoration:none;letter-spacing:-.005em}
.isletme-ad span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.isletme-renk{width:12px;height:12px;flex:0 0 12px;border-radius:3px;background:var(--yazi-3)}
.ust .ayrac{width:1px;height:20px;background:var(--cizgi-2);flex:0 0 1px}
.ust .program{font-size:14px;color:var(--yazi-2);white-space:nowrap}
.ust .bosluk{flex:1}
.ust .menu-ac{display:none}
.secici .isletme-sec{min-height:36px;width:auto;max-width:220px;font-size:14px;padding:6px 36px 6px 12px}
.secici-yan{display:none}
.menu-ac-dg{white-space:nowrap}
.kisi{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--yazi);white-space:nowrap}
.kisi .bas{width:32px;height:32px;border-radius:50%;background:var(--yazi);display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--yuzey)}
.kelime{font-family:var(--gorunum);font-size:14px;font-weight:600;letter-spacing:.3em;color:var(--yazi);white-space:nowrap}
.serit{display:flex;align-items:center;gap:10px;padding:10px 24px;font-size:14px;font-weight:500;border-bottom:1px solid var(--cizgi)}
.serit svg{width:18px;height:18px;flex:0 0 18px}
.serit.dikkat{background:var(--dikkat-acik);color:var(--dikkat)}
.serit.kotu{background:var(--kotu-acik);color:var(--kotu)}

/* ---------- iskelet ---------- */
.govde{display:flex;min-height:calc(100vh - 60px)}
.yan{width:248px;flex:0 0 248px;background:var(--yuzey);border-right:1px solid var(--cizgi);position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;padding:16px 12px 20px;display:flex;flex-direction:column}
.yan .grup{font-size:12.5px;font-weight:500;color:var(--yazi-3);padding:18px 10px 6px}
.mi{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 10px;margin-bottom:2px;border-radius:var(--r-k);color:var(--yazi-g);text-decoration:none;font-size:14.5px;font-weight:500;transition:background-color .2s var(--egri),color .2s var(--egri)}
.mi:hover{background:var(--uzerinde);color:var(--yazi)}
.mi[aria-current="page"]{background:var(--m-acik);color:var(--yazi);font-weight:600}
.yan .alt{margin-top:auto;padding:16px 10px 0;border-top:1px solid var(--cizgi);font-size:12.5px;color:var(--yazi-3);line-height:1.5}

/* Yan menü ikonları: sade, ince çizgi, gri. Üstüne gelince, klavyeyle odaklanınca ya da dokununca (.oyna) bölüm rengine döner
   ve her ikon kendi işini oynar. Yalnız transform, stroke-dashoffset ve opacity; hareket azaltmada hepsi kapalı. */
.mi-ik{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;color:var(--yazi-2);transition:color .25s var(--egri)}
.mi-ik svg.ik{width:21px;height:21px;flex-basis:21px;stroke-width:1.6;overflow:visible}
.mi-ik svg *{transform-box:fill-box;transform-origin:center;transition:transform .5s var(--yay),opacity .25s var(--egri)}
.mi:is(:hover,:focus-visible,.oyna) .mi-ik,.mi[aria-current="page"] .mi-ik{color:var(--m)}
.ik .p-kapi,.ik .p-yazi{stroke-dasharray:1 1}
/* genel bakış: çatı zıplar, kapı çizilir */
.mi:is(:hover,:focus-visible,.oyna) .ik-genel .p-cati{animation:ik-zipla .6s var(--egri-cik)}
.mi:is(:hover,:focus-visible,.oyna) .ik-genel .p-kapi{animation:ik-ciz .5s .12s var(--egri-cik) both}
/* menü: çatal sallanır, bıçak keser */
.ik-yemek .p-catal{transform-box:view-box;transform-origin:3.6px 20.5px}
.mi:is(:hover,:focus-visible,.oyna) .ik-yemek .p-catal{animation:ik-salla .8s var(--egri-cik)}
.mi:is(:hover,:focus-visible,.oyna) .ik-yemek .p-bicak{animation:ik-kes .6s .1s var(--egri-cik)}
/* malzemeler: kavanozun kapağı kalkar, etiketi yazılır */
.ik-malzeme .p-kapak{transform-origin:0% 100%}
.mi:is(:hover,:focus-visible,.oyna) .ik-malzeme .p-kapak{transform:translateY(-1.6px) rotate(-11deg)}
.mi:is(:hover,:focus-visible,.oyna) .ik-malzeme .p-yazi{animation:ik-ciz .42s .1s var(--egri-cik) both}
.mi:is(:hover,:focus-visible,.oyna) .ik-malzeme .y2{animation-delay:.2s}
/* yazdır: kâğıt çıkar, satırları basılır */
.mi:is(:hover,:focus-visible,.oyna) .ik-yazici .p-kagit{animation:ik-cik .7s var(--egri-cik)}
.mi:is(:hover,:focus-visible,.oyna) .ik-yazici .p-yazi{animation:ik-ciz .35s .3s var(--egri-cik) both}
.mi:is(:hover,:focus-visible,.oyna) .ik-yazici .y2{animation-delay:.42s}
/* değişiklikler: arşiv kapağı açılır */
.ik-arsiv .p-kapak{transform-origin:0% 100%}
.mi:is(:hover,:focus-visible,.oyna) .ik-arsiv .p-kapak{transform:translateY(-1.5px) rotate(-9deg)}
/* ayarlar: düğmeler kayar */
.mi:is(:hover,:focus-visible,.oyna) .ik-ayarlar .p-dugme1{transform:translateX(-5px)}
.mi:is(:hover,:focus-visible,.oyna) .ik-ayarlar .p-dugme2{transform:translateX(5px)}
/* işletmeler: tente dalgalanır, kapı çizilir */
.ik-dukkan .p-tente{transform-box:view-box;transform-origin:12px 4px}
.mi:is(:hover,:focus-visible,.oyna) .ik-dukkan .p-tente{animation:ik-tente .7s var(--egri-cik)}
.mi:is(:hover,:focus-visible,.oyna) .ik-dukkan .p-kapi{animation:ik-ciz .5s .15s var(--egri-cik) both}
@keyframes ik-zipla{35%{transform:translateY(-2.2px)}65%{transform:translateY(.6px)}}
@keyframes ik-ciz{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ik-salla{25%{transform:rotate(-13deg)}55%{transform:rotate(8deg)}80%{transform:rotate(-3deg)}}
@keyframes ik-kes{30%{transform:translateY(-1.8px)}60%{transform:translateY(.5px)}}
@keyframes ik-cik{from{transform:translateY(-3.5px);opacity:.2}55%{transform:translateY(.7px);opacity:1}to{transform:none}}
@keyframes ik-tente{30%{transform:scaleY(1.14)}60%{transform:scaleY(.95)}85%{transform:scaleY(1.02)}}

.ana{flex:1;min-width:0;display:flex;flex-direction:column}
.icerik{width:100%;max-width:1200px;padding:36px 48px 40px;outline:none}

/* sayfa başlığı: bölüm renginde ikon kutusu + başlık + açıklama, eylemler sağda */
.sayfa-bas{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.sayfa-ik{width:48px;height:48px;flex:0 0 48px;border-radius:var(--r);display:grid;place-items:center;background:var(--m);color:var(--m-ustu);align-self:flex-start;margin-top:2px}
.sayfa-ik svg.ik{width:24px;height:24px;flex-basis:24px;stroke-width:1.7}
.sayfa-bas>div:not(.eylem){min-width:0;flex:1 1 320px}
.sayfa-bas h1{font-size:32px;letter-spacing:-.015em;overflow-wrap:anywhere}
.sayfa-bas p{color:var(--yazi-2);margin-top:6px;font-size:15px;max-width:720px}
.sayfa-bas .eylem{display:flex;gap:10px;flex-wrap:wrap}
.not-alt{margin:auto 48px 0;padding:18px 0 26px;border-top:1px solid var(--cizgi);font-size:12.5px;color:var(--yazi-3);max-width:1104px}
.kucuk-not{font-size:13.5px;color:var(--yazi-3);margin-top:-8px}

/* ---------- düğmeler ---------- */
.dg{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 20px;border-radius:var(--r-k);border:none;background:var(--yuzey-3);color:var(--yazi-g);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .2s var(--egri),color .2s var(--egri),box-shadow .2s var(--egri),transform .12s var(--egri)}
.dg:hover{background:var(--yuzey-4);color:var(--yazi)}
.dg:active:not([disabled]){transform:scale(.98)}
.dg.birincil{background:var(--vurgu);color:var(--vurgu-yazi)}
.dg.birincil:hover{background:var(--vurgu-ust);color:var(--vurgu-yazi)}
.dg.cerceve{background:transparent;color:var(--yazi);box-shadow:inset 0 0 0 2px var(--yazi)}
.dg.cerceve:hover{background:var(--yazi);color:var(--yuzey)}
.dg.kucuk.cerceve{box-shadow:inset 0 0 0 1.5px var(--yazi)}
.dg.sade{background:transparent;color:var(--yazi-2);padding:8px 12px}
.dg.sade:hover{background:var(--yuzey-3);color:var(--yazi)}
.dg.tehlike{color:var(--kotu)}
.dg.tehlike:hover{background:var(--kotu-acik);color:var(--kotu)}
.dg.tehlikeli{background:var(--kotu);color:#fff}
.dg.tehlikeli:hover{background:#8E1F24;color:#fff}
.dg.kucuk{min-height:32px;padding:4px 14px;font-size:13px}
.dg[disabled],.dg[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.dg[aria-busy="true"]{cursor:progress;opacity:.75}
.dg svg{width:16px;height:16px;flex-basis:16px}
.sayfa-bas .dg:not(.birincil):not(.cerceve):not(.sade){background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi-2)}
.sayfa-bas .dg:not(.birincil):not(.cerceve):not(.sade):hover{box-shadow:inset 0 0 0 1px var(--yazi-3)}
.ikon-dg{width:40px;height:40px;flex:0 0 auto;border-radius:var(--r-k);display:inline-grid;place-items:center;border:none;background:transparent;color:var(--yazi-2);cursor:pointer;transition:background-color .2s var(--egri),color .2s var(--egri)}
.ikon-dg:hover:not([disabled]){background:var(--uzerinde);color:var(--yazi)}
.ikon-dg svg{width:20px;height:20px}
.ikon-dg.tehlike:hover:not([disabled]){background:var(--kotu-acik);color:var(--kotu)}
.ikon-dg[disabled]{opacity:.35;cursor:not-allowed}
.baglanti{background:none;border:none;color:var(--yazi);font-weight:500;text-decoration:underline;text-decoration-color:var(--cizgi-2);text-underline-offset:4px;cursor:pointer;font-size:14px;padding:10px 0;min-height:44px;display:inline-flex;align-items:center}
.baglanti:hover{text-decoration-color:var(--yazi)}

/* ---------- kartlar ---------- */
.kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);margin-bottom:24px;overflow:hidden;box-shadow:var(--golge)}
.kart>header{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--cizgi)}
.kart>header h2{font-size:17px;font-weight:600;letter-spacing:-.005em}
.kart>header .aciklama{font-size:13.5px;color:var(--yazi-2);margin-top:2px;font-family:var(--font)}
.kart>header .sag{margin-left:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.kart .ic{padding:22px 24px}
.kart .ic.ust-not{padding:16px 24px 0}
.kart .ic.ust-not .bilgi{margin-bottom:6px}
.kart-alt{padding:8px 24px;border-top:1px solid var(--cizgi);display:flex;align-items:center;gap:10px}
.izgara{display:grid;gap:20px;margin-bottom:24px}
.izgara.iki{grid-template-columns:repeat(2,minmax(0,1fr))}
.izgara>.kart{margin-bottom:0}

/* ---------- genel bakış ---------- */
.karsilama{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin-bottom:24px}
.karsilama>.kart{margin-bottom:0}
.ozet-kart{padding:26px 28px;display:flex;flex-direction:column;gap:16px}
.ozet-kart h2{font-size:17px;font-weight:600}
.uyum-sayi{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.buyuk-rakam{font-family:var(--gorunum);font-weight:400;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;font-size:64px;color:var(--yazi)}
.uyum-toplam{font-size:17px;color:var(--yazi-2);font-weight:500}
.uyum-cumle{font-size:15px;color:var(--yazi-g);max-width:60ch}
.uyum-not{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--yazi-2);flex-wrap:wrap}
.uyum-not svg{width:18px;height:18px;margin-top:2px;color:var(--bilgi)}
.ilerleme{height:6px;border-radius:3px;background:var(--yuzey-4);overflow:hidden}
.ilerleme i{display:block;height:100%;background:var(--iyi);border-radius:3px;transition:width .4s var(--egri-cik)}
.gostergeler{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.gosterge{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r);background:var(--yuzey-3);min-width:0}
.gosterge .sol-ik{width:32px;height:32px;flex:0 0 32px;border-radius:6px;display:grid;place-items:center}
.gosterge .sol-ik svg{width:17px;height:17px}
.gosterge>div{min-width:0}
.gosterge .etiket{display:block;font-size:13px;color:var(--yazi-2)}
.gosterge b{display:block;font-size:15px;font-weight:600;color:var(--yazi);overflow-wrap:anywhere}
.tarih-sag{flex-direction:column;align-items:flex-end!important;gap:0!important}
.tarih-sag b{font-size:15px;font-weight:600;color:var(--yazi);white-space:nowrap}
.tarih-sag span{font-size:13px;color:var(--yazi-3);white-space:nowrap}
.tarih-sag span.yakin{color:var(--dikkat);font-weight:600}
.ok-ik{color:var(--yazi-3)}

/* ---------- satırlar ---------- */
.satir{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--cizgi);min-height:64px}
.satir:last-child{border-bottom:none}
.satir .sol-ik{width:40px;height:40px;flex:0 0 40px;border-radius:var(--r);display:grid;place-items:center;background:var(--yuzey-3);color:var(--yazi-2)}
.satir .sol-ik svg{width:19px;height:19px}
.sol-ik.kotu{background:var(--kotu-acik)!important;color:var(--kotu)!important}
.sol-ik.dikkat{background:var(--dikkat-acik)!important;color:var(--dikkat)!important}
.sol-ik.iyi{background:var(--iyi-acik)!important;color:var(--iyi)!important}
.sol-ik.bolum{background:var(--m-acik)!important;color:var(--m-metin)!important}
.satir .metin{flex:1;min-width:0}
.satir .metin b{display:block;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.satir .metin span{display:block;font-size:13.5px;color:var(--yazi-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.satir .metin.sar b,.satir .metin.sar span{white-space:normal}
.satir .sag{flex:0 0 auto;text-align:right;display:flex;align-items:center;gap:10px}
a.satir{color:inherit;text-decoration:none;transition:background-color .2s var(--egri)}
a.satir:hover{background:var(--yuzey-2)}
.satir.kapali .metin b{color:var(--yazi-2)}
.durum-yazi{display:inline-block!important;margin-left:8px;font-size:12.5px!important;font-weight:550;color:var(--yazi-2)!important;background:var(--yuzey-3);padding:1px 8px;border-radius:var(--r-k);vertical-align:2px;white-space:nowrap}
.durum-yazi.su-an{background:var(--iyi-acik);color:var(--iyi)!important}
.eksik-yazi{display:inline-flex!important;align-items:center;gap:6px;color:var(--dikkat)!important;font-weight:550}
.eksik-yazi svg{width:15px;height:15px;flex:0 0 15px}

/* ---------- tablolar ---------- */
.tablo-sar{overflow-x:auto}
table.tablo{width:100%;border-collapse:collapse;font-size:14px}
.tablo th{font-size:12.5px;font-weight:500;color:var(--yazi-2);text-align:left;padding:12px 18px;border-bottom:1px solid var(--cizgi);white-space:nowrap;background:var(--yuzey-2)}
.tablo td{padding:12px 18px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
.tablo tbody tr:last-child td{border-bottom:none}
.tablo tbody tr{transition:background-color .2s var(--egri)}
.tablo tbody tr:hover{background:var(--yuzey-2)}
.tablo th.n,.tablo td.n{text-align:right;font-variant-numeric:tabular-nums}
.tablo tfoot td{padding:10px 18px;font-weight:600;color:var(--yazi);border-top:1px solid var(--cizgi);font-variant-numeric:tabular-nums}
.hucre-alt{display:block;font-size:12.5px;color:var(--yazi-3);font-weight:400}
.satir-ad{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:4px 0;background:none;border:none;text-align:left;cursor:pointer;color:inherit}
.satir-ad b{font-weight:550}
.satir-ad svg{width:15px;height:15px;color:var(--yazi-3);flex:0 0 15px}
.satir-ad:hover b{text-decoration:underline;text-decoration-color:var(--cizgi-2);text-underline-offset:3px}
.satir-ad>span{display:block}
.malzeme-tablo td:first-child{min-width:200px}
.suzgec{display:flex;gap:8px 20px;align-items:center;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--cizgi)}
.suzgec .ara-kap{flex:1 1 260px;max-width:380px}
.tablo-sayac{font-size:13px;color:var(--yazi-3);padding:10px 18px 0}

/* ---------- formlar (Tesla giriş kutusu) ---------- */
.alan{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;min-width:0}
.alan>label,.alan>.etiket-b{font-size:14px;font-weight:500;color:var(--yazi-2)}
.ipucu{font-size:13px;color:var(--yazi-3);line-height:1.45}
.hata-yazi{color:var(--kotu)!important}
.girdi{width:100%;min-height:40px;padding:9px 12px;border:none;border-radius:var(--r-k);background:var(--yuzey-3);color:var(--yazi);font-size:15px;font-weight:450;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s var(--egri),background-color .2s var(--egri)}
.girdi::placeholder{color:var(--yazi-3);opacity:1}
textarea.girdi{min-height:72px;resize:vertical;line-height:1.5}
select.girdi{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:var(--ok-a);background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}
.girdi:hover{box-shadow:inset 0 0 0 1px var(--cizgi-2)}
.girdi:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--yazi)}
.girdi:focus-visible{outline:none}
.girdi[aria-invalid="true"]{box-shadow:inset 0 0 0 1.5px var(--kotu)}
.girdi[disabled]{opacity:.7;cursor:not-allowed}
.girdi[readonly]{color:var(--yazi-g)}
.alanlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.alanlar .tam{grid-column:1/-1}
fieldset{border:none;min-width:0}
legend{font-size:14px;font-weight:600;color:var(--yazi);margin-bottom:6px;padding:0}

/* onay kutuları (Tesla: koyu çizgili kare, işaretlenince dolu) */
input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:24px;height:24px;flex:0 0 24px;margin:0;border-radius:4px;background:var(--yuzey);box-shadow:inset 0 0 0 1.5px var(--yazi-2);display:inline-grid;place-content:center;cursor:pointer;vertical-align:middle;transition:background-color .15s var(--egri),box-shadow .15s var(--egri)}
input[type="checkbox"]::after{content:"";width:12px;height:6px;border:solid var(--yuzey);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .15s var(--egri-cik)}
input[type="checkbox"]:checked{background:var(--yazi);box-shadow:none}
input[type="checkbox"]:checked::after{transform:translateY(-1px) rotate(-45deg) scale(1)}
input[type="checkbox"]:hover:not(:checked):not([disabled]){box-shadow:inset 0 0 0 1.5px var(--yazi)}
input[type="checkbox"]:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}
input[type="checkbox"][disabled]{opacity:.55;cursor:not-allowed}
.kutu-sec{display:flex;gap:12px;align-items:center;min-height:44px;cursor:pointer;font-size:15px;color:var(--yazi-g)}
.kutu-sec:has(.kutu-yazi){align-items:flex-start;padding:8px 0}
.kutu-sec:has(.kutu-yazi) input{margin-top:1px}
.kutu-yazi b{display:block;font-weight:550;font-size:14.5px}
.kutu-yazi span{display:block;font-size:13px;color:var(--yazi-3);line-height:1.45}
.secenekler{display:grid;gap:4px;margin-bottom:12px}

/* anahtar (aç/kapa): Tesla'nın onay kutusu dilinde, koyu dolu iz */
.anahtar{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:14px;font-weight:500;color:var(--yazi-g);white-space:nowrap;user-select:none}
.anahtar input[type="checkbox"]{width:40px;height:24px;flex:0 0 40px;border-radius:12px;background:var(--yuzey-4);box-shadow:inset 0 0 0 1.5px var(--yazi-3);display:inline-block;position:relative;place-content:normal}
.anahtar input[type="checkbox"]::after{content:"";position:absolute;left:4px;top:4px;width:16px;height:16px;border:none;border-radius:50%;background:var(--yazi-2);transform:none;transition:transform .2s var(--egri-cik),background-color .2s var(--egri)}
.anahtar input[type="checkbox"]:checked{background:var(--yazi);box-shadow:none}
.anahtar input[type="checkbox"]:checked::after{background:var(--yuzey);transform:translateX(16px)}
.anahtar input[type="checkbox"]:hover:not(:checked):not([disabled]){box-shadow:inset 0 0 0 1.5px var(--yazi)}
.anahtarlar{display:flex;gap:8px 28px;flex-wrap:wrap}
/* durum seçici (Menüde / Bugün yok / Gizli): tek parça; seçili durumun üstüne kapsül kayar ve onun rengini alır. Kayma yalnız transform,
   yaylanma yok (sade menü kuralı). Altta gerçek radyo düğmeleri: ok tuşları ve ekran okuyucu olduğu gibi çalışır. Yazı kalınlığı seçimle
   değişmez (kalınlaşan yazı kutuyu bir piksel oynatıyordu). */
.secim{--n:3;--i:0;position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;min-height:44px;border-radius:12px;background:var(--yuzey-3);box-shadow:inset 0 0 0 1px var(--cizgi);isolation:isolate;white-space:nowrap;max-width:100%}
.secim-iz{position:absolute;top:0;bottom:0;left:0;width:calc(100% / var(--n));transform:translateX(calc(var(--i) * 100%));transition:transform .24s var(--egri-cik);pointer-events:none;z-index:-1}
.secim-iz::before{content:"";position:absolute;inset:4px;border-radius:9px;background:var(--secim-iz);box-shadow:0 0 0 1px var(--cizgi-2),0 1px 3px rgba(20,16,8,.10);transition:background-color .24s var(--egri),box-shadow .24s var(--egri)}
.secim[data-ton="dikkat"] .secim-iz::before{background:var(--dikkat-acik);box-shadow:0 0 0 1px color-mix(in oklab,var(--dikkat) 40%,transparent),0 1px 3px rgba(20,16,8,.10)}
.secim-sec{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;font-size:13.5px;font-weight:550;color:var(--yazi-2);cursor:pointer;user-select:none;transition:color .2s var(--egri)}
.secim-sec input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}
.secim-sec .nokta{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor;opacity:.4;transition:background-color .2s var(--egri),opacity .2s var(--egri),transform .24s var(--egri-cik)}
.secim-sec[data-ton="soluk"] .nokta{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.secim-sec:hover{color:var(--yazi)}
.secim-sec:has(input:checked){color:var(--yazi)}
.secim-sec:has(input:checked) .nokta{opacity:1;transform:scale(1.2)}
.secim-sec[data-ton="iyi"]:has(input:checked) .nokta{background:var(--iyi)}
.secim-sec[data-ton="dikkat"]:has(input:checked){color:var(--dikkat)}
.secim-sec[data-ton="soluk"]:has(input:checked){color:var(--yazi-2)}
.secim-sec:active span{transform:translateY(.5px)}
.secim:has(input:focus-visible){outline:2px solid var(--vurgu-metin);outline-offset:2px}
.secim[aria-busy="true"],.secim[aria-busy="true"] .secim-sec{cursor:progress}
.durum-alan{margin-bottom:4px}
.durum-alan .secim{align-self:flex-start}

/* ---------- boş durum, bilgi kutusu ---------- */
.bos{padding:44px 24px;text-align:center;color:var(--yazi-2)}
.bos b{display:block;color:var(--yazi);font-size:17px;margin-bottom:6px;font-family:var(--gorunum);font-weight:550}
.bos p{max-width:500px;margin:0 auto;font-size:14.5px}
.bos .dg{margin-top:18px}
.bos.kucuk{padding:20px 24px;text-align:left}
.bos.kucuk p{margin:0;max-width:none}
.bos.acilmadi{padding-top:20vh}
.bilgi{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r);background:var(--yuzey-3);color:var(--yazi-g);font-size:14.5px;margin-bottom:20px}
.bilgi>svg{width:20px;height:20px;flex:0 0 20px;margin-top:1px;color:var(--yazi-2)}
.bilgi.dikkat{background:var(--dikkat-acik)}.bilgi.dikkat>svg{color:var(--dikkat)}
.bilgi.kotu{background:var(--kotu-acik)}.bilgi.kotu>svg{color:var(--kotu)}
.bilgi.iyi{background:var(--iyi-acik)}.bilgi.iyi>svg{color:var(--iyi)}
.bilgi.mavi{background:var(--bilgi-acik)}.bilgi.mavi>svg{color:var(--bilgi)}
.bilgi .metin{flex:1;min-width:0}
.bilgi .metin b{color:var(--yazi)}

/* sekmeler: bölüm renginde kayan alt çizgi */
.sekmeler{position:relative;display:flex;gap:28px;border-bottom:1px solid var(--cizgi);margin-bottom:24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.sekmeler a{padding:12px 0;font-size:15px;font-weight:500;color:var(--yazi-2);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;min-height:44px;display:flex;align-items:center;transition:color .2s var(--egri)}
.sekmeler a:hover{color:var(--yazi)}
.sekmeler a[aria-current="page"]{color:var(--yazi);font-weight:600;border-bottom-color:var(--m,var(--yazi))}
.sekmeler.cizgili a[aria-current="page"]{border-bottom-color:transparent}
.sekme-cizgi{position:absolute;left:0;bottom:0;width:1px;height:2px;background:var(--m,var(--yazi));transform-origin:0 0;pointer-events:none;transition:transform .32s var(--egri-cik)}
.sekme-sayi{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;margin-left:8px;border-radius:10px;background:var(--yuzey-3);color:var(--yazi-2);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.sekmeler a[aria-current="page"] .sekme-sayi{background:var(--m-acik);color:var(--m-metin)}

/* ---------- menü ---------- */
.bolum-kart>header{flex-wrap:wrap}
.bolum-ad{min-width:0;flex:1 1 220px}
.bolum-ad h2{overflow-wrap:anywhere}
.yemek-satir{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 12px;border-bottom:1px solid var(--cizgi);min-height:72px;transition:background-color .2s var(--egri)}
.yemek-satir:last-child{border-bottom:none}
.yemek-satir:hover{background:var(--yuzey-2)}
.sira-dg{display:flex;flex-direction:column;flex:0 0 auto}
.sira-dg .ikon-dg{width:32px;height:28px}
.sira-dg .ikon-dg svg{width:16px;height:16px}
.yemek-ad{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;color:inherit;text-decoration:none;padding:4px 0;border-radius:var(--r-k)}
.yemek-ad b{font-size:15.5px;font-weight:600}
.yemek-ad:hover b{text-decoration:underline;text-decoration-color:var(--cizgi-2);text-underline-offset:4px}
.yemek-bilgi{display:flex;flex-wrap:wrap;gap:2px 18px;font-size:13.5px;color:var(--yazi-2)}
.yemek-bilgi .fiyat{color:var(--yazi);font-weight:550;font-variant-numeric:tabular-nums}
.yemek-ad .eksik-yazi{font-size:13px}
.yemek-anahtar{display:flex;gap:4px 20px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}
.yemek-satir.gizli .yemek-ad b,.yemek-satir.gizli .yemek-bilgi{color:var(--yazi-3)}

/* ---------- yemek düzenleyici ---------- */
.duzenleyici{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.duzen-form{min-width:0}
.onizleme{position:sticky;top:84px}
.onizleme .kart{margin-bottom:0}
.son-kayit{font-size:13px;color:var(--yazi-3)}
.porsiyon-alan{max-width:420px}
.recete-tablo{margin-bottom:4px}
.recete-tablo td.islem{text-align:right;white-space:nowrap;padding:4px 8px}
.recete-tablo td.islem .ikon-dg{width:36px;height:36px}
.recete-tablo td.islem .ikon-dg svg{width:17px;height:17px}
.recete-tablo th:nth-child(2){width:120px}
.gram-kap{display:inline-flex;align-items:center;gap:6px}
.gram-kap span{color:var(--yazi-3);font-size:13px}
.girdi.gram{width:84px;text-align:right;font-variant-numeric:tabular-nums}
.ara-alan{margin:18px 0 0}
.ara-kap{position:relative}
.ara-kap>svg{position:absolute;left:12px;top:11px;width:18px;height:18px;color:var(--yazi-3);pointer-events:none}
.ara-kap .girdi{padding-left:40px}
.oneri-liste{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;list-style:none;background:var(--yuzey);border:1px solid var(--cizgi-2);border-radius:var(--r);box-shadow:var(--golge-orta);max-height:320px;overflow-y:auto;padding:4px}
.oneri{display:flex;flex-direction:column;padding:8px 12px;min-height:44px;justify-content:center;border-radius:var(--r-k);cursor:pointer}
.oneri b{font-weight:550;font-size:14.5px}
.oneri span{font-size:12.5px;color:var(--yazi-3)}
.oneri[aria-selected="true"],.oneri:hover{background:var(--yuzey-3)}
.oneri.yeni-oneri{flex-direction:row;align-items:center;gap:10px;color:var(--vurgu-metin);font-weight:550;border-top:1px solid var(--cizgi);border-radius:0 0 var(--r-k) var(--r-k)}
.oneri.yeni-oneri span{color:inherit;font-size:14px}
.oneri.yeni-oneri svg{width:16px;height:16px}
.secenek-liste{display:grid;gap:4px}
.secenek-satir{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,.7fr) minmax(0,.8fr) auto;gap:0 14px;align-items:end;padding-bottom:12px;border-bottom:1px solid var(--cizgi);margin-bottom:12px}
.secenek-satir:not(:has(input[name="ad_en"])){grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr) minmax(0,.8fr) auto}
.secenek-satir .alan{margin-bottom:0}
.sec-sil{margin-bottom:0}
.sec-ipucu{margin:4px 0 14px}
.oniz-yemek{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--yazi-g)}
.oniz-bas{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.oniz-bas b{font-family:var(--gorunum);font-size:17px;font-weight:600;overflow-wrap:anywhere}
.oniz-bas span{font-weight:600;color:var(--yazi);white-space:nowrap;font-variant-numeric:tabular-nums}
.oniz-durum{color:var(--dikkat);font-weight:600}
.oniz-aciklama{color:var(--yazi-2)}
.oniz-et{color:var(--yazi-2);font-weight:500}
.oniz-satir b{font-weight:650}
.oniz-ozel{font-weight:600;color:var(--yazi)}
.oniz-not{font-size:13px;color:var(--yazi-2);font-style:italic}
.oniz-secenek{list-style:none;display:grid;gap:2px;padding:8px 10px;background:var(--yuzey-3);border-radius:var(--r-k)}
.oniz-secenek li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.oniz-secenek li span{color:var(--yazi-2);text-align:right}
.oniz-eksik{margin-top:16px}
.oniz-eksik .bilgi{margin-bottom:0;font-size:13.5px}
.eksik-liste{margin:6px 0 0 18px;display:grid;gap:3px}
.kaydet-cubugu{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;margin:8px 0 24px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge-orta)}
.kaydet-cubugu .bosluk{flex:1}
.kaydet-hata{color:var(--kotu);font-size:14px;font-weight:500;min-width:0;flex:1 1 200px}
.kaydet-hata:empty{display:none}

/* ---------- malzeme formu ---------- */
.alerjen-alan{margin:4px 0 18px;padding-top:14px;border-top:1px solid var(--cizgi)}
.alerjen-alan .ipucu{margin-bottom:6px}
.alerjen-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.bakildi-kutu{margin-top:8px;padding:6px 12px;background:var(--yuzey-3);border-radius:var(--r-k)}

/* ---------- yazdır ---------- */
.yazdir-kart .ic{display:flex;flex-direction:column;gap:8px;height:100%}
.yazdir-kart h2{font-size:17px;font-weight:600}
.yazdir-kart p{color:var(--yazi-2);font-size:14.5px}
.yazdir-kart .eylem{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.masa-form{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.masa-form .alan{flex:1 1 300px;max-width:520px;margin-bottom:0}
.masa-form .dg{margin-top:30px}

/* ---------- değişiklikler ---------- */
.defter-gun>header h2{font-size:15px}
.defter-satir{align-items:flex-start;min-height:56px;padding:12px 24px}
.defter-saat{flex:0 0 52px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--yazi);font-size:14px;padding-top:1px}
.defter-devam{display:flex;justify-content:center;margin:-4px 0 24px}

/* ---------- ayarlar ---------- */
.renk-kap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.renk-sec{width:48px;height:40px;padding:2px;border:none;border-radius:var(--r-k);background:var(--yuzey-3);cursor:pointer}
.renk-yazi{width:120px;font-variant-numeric:tabular-nums;text-transform:lowercase}
.renk-ornek{--ornek:#9a4a12;display:flex;align-items:baseline;gap:12px;padding:8px 14px;background:#fff;border:1px solid #E2E3E3;border-radius:var(--r-k);min-height:40px;position:relative;overflow:hidden}
.renk-ornek b{color:var(--ornek);font-family:var(--gorunum);font-size:16px}
.renk-ornek span{color:var(--ornek);font-size:13px;font-weight:600}
.renk-ornek i{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ornek)}
.renk-durum{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;font-weight:500}
.renk-durum svg{width:17px;height:17px;flex:0 0 17px;margin-top:1px}
.renk-durum.iyi{color:var(--iyi)}.renk-durum.kotu{color:var(--kotu)}
.logo-kap{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.logo-onizleme{width:96px;height:96px;border-radius:var(--r);background:#fff;border:1px solid #E2E3E3;display:grid;place-items:center;overflow:hidden}
.logo-onizleme img{max-width:88px;max-height:88px;width:auto;height:auto;object-fit:contain}
.logo-onizleme .soluk{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12.5px;color:#696C71}
.logo-eylem{display:flex;gap:8px;flex-wrap:wrap}
.logo-eylem label.dg:has(+ input:focus-visible){outline:2px solid var(--vurgu);outline-offset:2px}
.adres-kap{display:flex;gap:8px;flex-wrap:wrap}
.adres-kap .girdi{flex:1 1 280px}
.notlar{margin-top:8px}
.adres-oniz{font-size:13px;color:var(--yazi-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.adres-oniz:empty{display:none}

/* ---------- işletmeler ---------- */
.isletme-satir .metin span a{color:var(--vurgu-metin)}
.isletme-satir .sag{flex-wrap:wrap;justify-content:flex-end}

/* ---------- pencere (dialog) ---------- */
dialog.pencere{margin:auto;width:min(560px,calc(100% - 24px));max-height:calc(100vh - 32px);border:none;border-radius:var(--r);background:var(--yuzey);color:var(--yazi-g);box-shadow:0 24px 60px rgba(0,0,0,.28);padding:0;overflow:hidden}
dialog.pencere.genis{width:min(760px,calc(100% - 24px))}
dialog.pencere[open]{display:flex;animation:pn-gir .2s var(--egri-cik)}
dialog.pencere::backdrop{background:rgba(15,16,18,.48)}
@keyframes pn-gir{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
.pencere-form{display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 32px)}
.pencere-bas{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 24px;border-bottom:1px solid var(--cizgi)}
.pencere-bas h2{font-size:18px;font-weight:600;flex:1;min-width:0;overflow-wrap:anywhere}
.pencere-govde{padding:20px 24px 4px;overflow-y:auto;flex:1;min-height:0}
.pencere-aciklama,.pencere-metin{color:var(--yazi-2);font-size:14.5px;margin-bottom:18px}
.pencere-metin{color:var(--yazi-g);font-size:15px}
.pencere-hata{color:var(--kotu);font-size:14px;font-weight:500;margin:0 0 14px}
.pencere-hata:empty{display:none}
.pencere-alt{display:flex;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--cizgi);flex-wrap:wrap}
.pencere-alt .bosluk{flex:1}

/* ---------- bildirim (yalnız gerçek başarıda) ---------- */
.bildirimler{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none;align-items:center}
.bildirim{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--r-k);background:#171A20;color:#F4F4F4;font-size:14px;font-weight:500;pointer-events:auto;animation:bl-gir .22s var(--egri-cik);box-shadow:0 8px 16px rgba(0,0,0,.16);max-width:min(560px,calc(100vw - 32px))}
.bildirim.hata{background:#8E1F24}
.bildirim svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#8BE0AE;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.bildirim svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:bl-ciz .4s .08s ease-out forwards}
@keyframes bl-gir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes bl-ciz{to{stroke-dashoffset:0}}

.yukleniyor{padding:60px;text-align:center;color:var(--yazi-3)}
.sayfa-gir{animation:sg .24s var(--egri-cik)}
@keyframes sg{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* ---------- giriş sayfası ---------- */
.giris-sayfa{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 20px;background:var(--yuzey)}
.giris-sayfa .ust-bant{height:60px;width:100%;max-width:1100px;display:flex;align-items:center}
.giris-sayfa .ust-bant .bosluk{flex:1}
.giris-ana{width:100%;display:flex;justify-content:center}
.giris-kutu{width:100%;max-width:360px;margin-top:9vh}
.giris-kutu h1{font-size:30px;margin-bottom:8px}
.giris-alt{color:var(--yazi-2);margin-bottom:24px;font-size:15px}
.giris-kutu .dg{width:100%;margin-top:6px}
.giris-kutu .hata-yazi{font-size:14px;margin-bottom:12px;min-height:20px}
.giris-kutu .not{font-size:13px;color:var(--yazi-3);margin-top:22px;line-height:1.5}

/* ---------- dar ekran / telefon ---------- */
@media (max-width:1180px){
  .karsilama{grid-template-columns:minmax(0,1fr)}
  .duzenleyici{grid-template-columns:minmax(0,1fr)}
  .onizleme{position:static}
  .ust .program,.ust .ayrac{display:none}
}
@media (max-width:920px){
  .ust{padding:0 8px 0 4px;gap:6px}
  .ust .menu-ac{display:inline-grid}
  .kisi .ad,.secici-ust,.menu-ac-dg .yazi{display:none}
  .menu-ac-dg{width:44px;padding:0;min-height:44px}
  .menu-ac-dg svg{width:18px;height:18px}
  .kisi .bas{display:none}
  .secici-yan{display:block;margin:0 0 12px}
  .secici-yan .isletme-sec{width:100%;max-width:none;min-height:44px}
  .yan{position:fixed;left:0;top:60px;bottom:0;height:auto;z-index:60;transform:translateX(-102%);transition:transform .25s var(--egri-cik);box-shadow:0 10px 40px rgba(0,0,0,.18);visibility:hidden}
  .govde.menu-acik .yan{transform:none;visibility:visible}
  .perde{position:fixed;inset:60px 0 0 0;background:rgba(0,0,0,.4);z-index:55;display:none}
  .govde.menu-acik .perde{display:block}
  .mi{min-height:48px}
  .icerik{padding:22px 16px 28px}
  .sayfa-bas{margin-bottom:20px;gap:12px}
  .sayfa-ik{width:40px;height:40px;flex-basis:40px}
  .sayfa-ik svg.ik{width:20px;height:20px;flex-basis:20px}
  .sayfa-bas h1{font-size:25px}
  .sayfa-bas>div:not(.eylem){flex:1 1 calc(100% - 56px)}
  .sayfa-bas .eylem{width:100%}
  .not-alt{margin:auto 16px 0}
  .izgara.iki{grid-template-columns:minmax(0,1fr)}
  .ozet-kart{padding:20px 18px}
  .buyuk-rakam{font-size:52px}
  .alanlar,.alerjen-izgara{grid-template-columns:minmax(0,1fr)}
  .dg,.dg.kucuk{min-height:44px}
  .girdi{min-height:44px}
  .ikon-dg{width:44px;height:44px}
  .satir{padding:12px 16px;flex-wrap:wrap;gap:12px}
  .satir .sag{flex-wrap:wrap;max-width:100%}
  .satir .metin{min-width:calc(100% - 70px)}
  .satir .sol-ik~.sag{margin-left:52px}
  .tarih-sag{align-items:flex-start!important}
  .kart>header{padding:14px 16px;flex-wrap:wrap}
  .kart .ic{padding:18px 16px}
  .kart .ic.ust-not{padding:14px 16px 0}
  .kart-alt{padding:6px 16px}
  .serit{padding:10px 16px}
  .bildirimler{left:16px;right:16px;transform:none;bottom:16px}
  /* menü satırı: oklar solda, ad ortada, anahtarlar altta */
  .yemek-satir{flex-wrap:wrap;padding:10px 12px 8px 6px;gap:4px 8px}
  .sira-dg{flex-direction:column}
  .sira-dg .ikon-dg{width:44px;height:44px}
  .yemek-ad{flex:1 1 calc(100% - 60px)}
  .yemek-anahtar{flex:1 1 100%;justify-content:flex-start;padding-left:52px;gap:0 20px}
  .bolum-kart>header .sag{margin-left:0;width:100%;justify-content:flex-start}
  /* tablolar telefonda kart gibi: her satır alt alta, başlık hücrenin içinde */
  .tablo-sar{overflow-x:visible}
  .malzeme-tablo thead,.recete-tablo thead{display:none}
  .malzeme-tablo,.malzeme-tablo tbody,.malzeme-tablo tr,.malzeme-tablo td,.recete-tablo,.recete-tablo tbody,.recete-tablo tr,.recete-tablo td{display:block;width:100%}
  .malzeme-tablo tr{padding:8px 16px 12px;border-bottom:1px solid var(--cizgi)}
  .malzeme-tablo td{border:none;padding:2px 0;display:flex;gap:12px;justify-content:space-between;text-align:right!important}
  .malzeme-tablo td::before{content:attr(data-etiket);color:var(--yazi-3);font-size:13px;text-align:left;flex:0 0 auto}
  .malzeme-tablo td:first-child{min-width:0}
  .malzeme-tablo td:first-child::before{display:none}
  .malzeme-tablo td:first-child .satir-ad{text-align:left}
  .recete-tablo tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--cizgi)}
  .recete-tablo td{border:none;padding:0;width:auto}
  .recete-tablo td:first-child{grid-column:1/-1}
  .recete-tablo td.n{text-align:left}
  .recete-tablo td.islem{grid-column:1/-1;text-align:left;padding:0}
  .recete-tablo td.islem .ikon-dg{width:44px;height:44px}
  .recete-tablo tfoot,.recete-tablo tfoot tr,.recete-tablo tfoot td{display:block;border:none;padding:8px 0 0}
  .recete-tablo tfoot td:empty{display:none}
  .secenek-satir,.secenek-satir:not(:has(input[name="ad_en"])){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
  .secenek-satir .alan{margin-bottom:12px}
  .secenek-satir .alan:first-child{grid-column:1/-1}
  .sec-sil{justify-self:start}
  .masa-form .dg{margin-top:0;width:100%}
  .kaydet-cubugu{margin:8px -4px 16px;padding:10px 12px}
  .kaydet-cubugu .dg{flex:1 1 auto}
  .suzgec{padding:14px 16px}
  .tablo-sayac{padding:10px 16px 0}
  .defter-satir{padding:12px 16px}
  .pencere-bas{padding:10px 8px 10px 18px}
  .pencere-govde{padding:16px 18px 4px}
  .pencere-alt{padding:12px 18px}
  .pencere-alt .dg{flex:1 1 auto}
  .logo-eylem .dg{min-height:44px}
}
@media (max-width:420px){
  .sayfa-bas .eylem .dg{flex:1 1 auto}
  .yemek-anahtar{padding-left:4px}
  .gostergeler{grid-template-columns:minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.mi .mi-ik svg *{transform:none!important}}
@media (forced-colors:active){.mi-ik,.sayfa-ik{forced-color-adjust:none}}
.menu-baglantilar{display:flex;gap:8px 10px;align-items:center;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid var(--cizgi);background:var(--yuzey-2)}
.menu-baglantilar .ipucu{flex:1 1 220px}
@media (max-width:920px){.menu-baglantilar{padding:12px 16px}}
.atla{min-height:44px;display:inline-flex;align-items:center}
@media (max-width:920px){
  .renk-sec{width:52px;height:44px}
  .isletme-satir .metin span a{display:inline-flex;align-items:center;min-height:44px}
  .sekmeler{gap:20px}
}
.karsilama{align-items:start}
/* Organik Sinyal'in üst çubuğunda işletme adı seçici olarak durur: sade, kalın, üstüne gelince gri zemin */
.secili-kap .secici-ust{display:block}
.isletme-sec.ust-sec{background-color:transparent;font-family:var(--gorunum);font-size:16px;font-weight:600;color:var(--yazi);min-height:40px;max-width:280px;padding:6px 34px 6px 8px;margin-left:-8px}
.isletme-sec.ust-sec:hover{background-color:var(--yuzey-3);box-shadow:none}
@media (max-width:920px){.secili-kap .secici-ust{display:block}.isletme-sec.ust-sec{max-width:150px;font-size:15px;min-height:44px}.secici-yan{display:none}}
/* 31 Ekim: seçici artık düğme, aramalı pencere açar (isletme-sec.js; açılır liste 500 işletmede kesiliyordu). Ok select.girdi'ninkiyle aynı,
   uzun ad üç noktayla biter. Pencerede liste hep açık: şube seçicinin açılır kutusu yerinde durur. */
button.isletme-sec{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:pointer;background-image:var(--ok-a);background-repeat:no-repeat;background-position:right 10px center;background-size:16px}
.oneri-liste.yerinde{position:static;margin-top:10px;box-shadow:none;max-height:min(52vh,420px)}
.oneri-not.yerinde{border-top:0;margin:0;padding:8px 2px 0}
.oneri-not.yerinde:empty{display:none}
.serit .dg{margin-left:auto;flex:0 0 auto}
@media (max-width:920px){
  .ok-ik{display:none!important}
  /* reçete satırı telefonda: ad üstte; gram, kalori ve düğmeler tek sırada */
  .recete-tablo tr{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
  .recete-tablo td.n{text-align:left}
  .recete-tablo td.n.soluk{text-align:right;font-size:13px}
  .recete-tablo td.islem{grid-column:auto;display:flex;gap:0}
}
@media (max-width:560px){.yemek-anahtar .secim{width:100%}.secim-sec{padding:0 10px;font-size:13px;gap:6px}}
@media (max-width:360px){.recete-tablo tr{grid-template-columns:auto minmax(0,1fr)}.recete-tablo td.islem{grid-column:1/-1}}
@media (max-width:560px){.sekmeler .uzun{display:none}}
.recete-tablo td.n.soluk{white-space:nowrap}

/* ---------- fotoğraflar (30 Ekim 2026): yemek ve kapak fotoğrafı kutusu, menü listesindeki küçük kare, önizlemedeki fotoğraf ---------- */
.foto-kutu{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.foto-cerceve{position:relative;width:256px;max-width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--yuzey-3);box-shadow:inset 0 0 0 1px var(--cizgi);flex:0 0 auto;transition:box-shadow .2s var(--egri)}
.foto-cerceve.kare{width:144px;aspect-ratio:1}
.foto-cerceve.suruklen{box-shadow:inset 0 0 0 2px var(--vurgu-metin)}
.foto-cerceve.yukleniyor .foto-resim{opacity:.55}
.foto-resim{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s var(--egri)}
.foto-bos{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--yazi-3);font-size:13px;text-align:center;padding:8px}
.foto-bos svg{width:26px;height:26px}
.foto-yan{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:10px}
.foto-yan>.ipucu{margin:0}
.foto-eylem{display:flex;gap:8px;flex-wrap:wrap}
.foto-durum:empty{display:none}
.oniz-foto{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:14px;background:var(--yuzey-3)}
.yemek-foto{width:48px;height:48px;flex:0 0 48px;border-radius:12px;object-fit:cover;background:var(--yuzey-3)}
.yemek-foto.bos{display:grid;place-items:center;color:var(--yazi-3);box-shadow:inset 0 0 0 1px var(--cizgi)}
.yemek-foto.bos svg{width:20px;height:20px}
.yemek-satir.gizli .yemek-foto{opacity:.5}
@media (max-width:560px){.foto-cerceve{width:100%}.foto-cerceve.kare{width:120px}.yemek-foto{width:44px;height:44px;flex-basis:44px}}

/* ---------- yorumlar (30 Ekim 2026): Google yorum sayfası ayarı, sayaç, misafir mesajları; yan menüde okunmamış rozeti ---------- */
[data-m="yorumlar"]{--m-h:85;--m-c:.14}
[data-m="subeler"]{--m-h:195;--m-c:.11}
.mi:is(:hover,:focus-visible,.oyna) .ik-konum{transform:translateY(-2px)}.ik-konum{transition:transform .3s var(--egri-cik)}
.sube-satir .sag{flex-wrap:wrap;justify-content:flex-end;max-width:520px}.satir.kapali .metin b{color:var(--yazi-2)}
.yorum-sube td,.yorum-sube th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--cizgi);font-size:14px}.yorum-sube th{font-weight:600;color:var(--yazi-2);font-size:13px}.yorum-sube td.n,.yorum-sube th.n{text-align:right;font-variant-numeric:tabular-nums}
.yorum-sube{width:100%;border-collapse:collapse}.tablo-kap{overflow-x:auto}
.suz-satir{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid var(--cizgi)}.suz-satir .girdi{max-width:280px}
@media (max-width:560px){.sube-satir{flex-wrap:wrap}.sube-satir .sag{width:100%;justify-content:flex-start}}
.mi-rozet{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--kotu);color:#fff;font-size:12px;font-weight:700;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums}
.mi:is(:hover,:focus-visible,.oyna) .ik-yildiz path{transform:rotate(72deg) scale(1.08)}
.eylem-satir{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.yorum-sayilar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.yorum-sayi{border-radius:var(--r);padding:14px 16px;background:var(--yuzey-3)}
.yorum-sayi b{display:block;font-family:var(--gorunum);font-size:30px;font-weight:500;line-height:1.1;color:var(--yazi);font-variant-numeric:tabular-nums}
.yorum-sayi span{display:block;font-size:13px;color:var(--yazi-2);margin-top:4px}
.yorum-sayi.s-iyi{background:var(--iyi-acik)}.yorum-sayi.s-dikkat{background:var(--dikkat-acik)}.yorum-sayi.s-bilgi{background:var(--bilgi-acik)}
.alan>.secim{align-self:flex-start}
.gb-satir{align-items:flex-start}
.satir .metin .gb-ust{font-size:13px;color:var(--yazi-3)}
.gb-mesaj{margin:4px 0;font-size:15px;color:var(--yazi);white-space:pre-wrap;overflow-wrap:anywhere}
.satir .metin .gb-iletisim{font-size:14px;color:var(--yazi-2);white-space:normal;overflow-wrap:anywhere}.gb-iletisim a{color:var(--yazi)}
@media (max-width:560px){.yorum-sayilar{grid-template-columns:1fr}.gb-satir{flex-wrap:wrap}.gb-satir .sag{width:100%;justify-content:flex-end}}

/* ---------- Zincirler (30 Ekim 2026): her zincir tek satır, açılınca şubeleri aranır, süzülür, sayfa sayfa ---------- */
.sayfa-ozet{margin:-8px 0 16px;color:var(--yazi-2);font-size:14px}
/* Rakam şeridi (30 Ekim): başlığın altında etiket üstte, rakam altta. Kutu ve simge yok; hücreleri ince bir çizgi ayırır. Hücreler alt ızgarayla
   iki satır paylaşır: etiket iki satıra sarsa da rakamlar aynı hizada kalır. */
.rakam-serit{margin:4px 0 28px}
.rakamlar{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;grid-template-rows:auto auto;justify-content:start;margin:0}
.rakamlar>div{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:6px;padding:0 28px;box-shadow:inset 1px 0 0 var(--cizgi-2);min-width:0}
.rakamlar>div:first-child{padding-left:0;box-shadow:none}
.rakamlar dt{font-size:13px;color:var(--yazi-2);align-self:end}
.rakamlar dd{margin:0;display:flex;align-items:baseline;gap:2px 7px;flex-wrap:wrap}
.rakam{font-size:28px;line-height:1;font-weight:600;color:var(--yazi);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}
.rakam-ek{font-size:13.5px;color:var(--yazi-2);white-space:nowrap}
.rakam-not{margin-top:16px;font-size:13.5px;line-height:1.55;color:var(--yazi-2);max-width:72ch}
@media (max-width:640px){
  .rakam-serit{margin-bottom:20px}
  .rakamlar{grid-auto-columns:auto}
  .rakamlar>div{padding:0 14px}
  .rakam{font-size:24px}
}
.zincir{border-bottom:1px solid var(--cizgi)}
.zincir:last-child{border-bottom:none}
.zincir-bas{display:flex;align-items:center;gap:16px;width:100%;min-height:72px;padding:14px 24px;background:none;border:0;border-radius:0;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:background-color .15s var(--egri)}
.zincir-bas:hover,.zincir-bas[aria-expanded="true"]{background:var(--yuzey-2)}
.zincir-bas:focus-visible{outline:2px solid var(--vurgu-metin);outline-offset:-3px}
.zincir-bas[aria-busy="true"]{cursor:progress;opacity:.7}
.zincir-harf{width:40px;height:40px;flex:0 0 40px;border-radius:var(--r);display:grid;place-items:center;font-weight:650;font-size:17px;background:var(--yuzey-3);color:var(--yazi-2)}
.zincir-bas .metin{flex:1;min-width:0}
.zincir-bas .metin b{display:block;font-weight:600;font-size:15.5px}
.zincir-bas .metin>span{display:block;font-size:13px;color:var(--yazi-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zincir-sayi{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto;text-align:right}
.zincir-sayi .buyuk{font-size:14px;color:var(--yazi-2)}
.zincir-sayi .buyuk b{font-size:17px;color:var(--yazi);font-variant-numeric:tabular-nums}
.zincir-sayi .kucuk{display:flex;gap:12px;font-size:12.5px;color:var(--yazi-3)}
.zincir-sayi .iyi{color:var(--iyi)}
.zincir-sayi .dikkat{color:var(--dikkat)}
.zincir-ok{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;color:var(--yazi-3);transition:transform .22s var(--egri-cik)}
.zincir-ok svg{width:18px;height:18px}
.zincir-bas[aria-expanded="true"] .zincir-ok{transform:rotate(180deg)}
.zincir-ic{border-top:1px solid var(--cizgi)}
.zincir-ic .liste:focus{outline:none}
.zincir-ic .liste[aria-busy="true"]{opacity:.55;transition:opacity .15s}
.toplu{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid var(--cizgi);font-size:13.5px;color:var(--yazi-2);background:var(--yuzey-2)}
.toplu b{color:var(--yazi);font-weight:600}
.toplu-dg,.sayfalama-dg{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sayfalama{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:12px 24px;border-top:1px solid var(--cizgi);font-size:13.5px;color:var(--yazi-3)}
.sayfa-no{font-variant-numeric:tabular-nums;color:var(--yazi-2)}
.sube-satir .metin span .tel{display:inline!important;margin-left:14px;white-space:nowrap}
@media (max-width:640px){
  .zincir-bas{padding:12px 16px;gap:12px}
  .zincir-sayi .kucuk{flex-direction:column;align-items:flex-end;gap:0}
  .toplu,.sayfalama{padding-left:16px;padding-right:16px}
}
@media (prefers-reduced-motion:reduce){.zincir-ok,.zincir-bas,.zincir-ic .liste{transition:none}}
.sube-sec{margin:0}
.sube-sec .ara-kap .girdi,.suz-satir .sube-sec .girdi{max-width:none}
.suz-satir .sube-sec{width:min(100%,440px)}
.sube-sec .hata-yazi:empty{display:none}
/* (Zincirin içindeki şube satırları artık .liste.hizali ile hizalanır: dosyanın sonu) */
/* telefonda süzgeç tam genişlik; nokta düşer, seçili olanı kayan zemin gösterir (4 seçenek 343 px'e sığsın) */
@media (max-width:560px){.suzgec .secim{width:100%}.suzgec .secim-sec{padding:0 6px}.suzgec .secim-sec .nokta{display:none}}
/* şube seçicinin öneri listesi kartın dışına taşabilsin (kart kenarında kesilmesin) */
.kart:has(.sube-sec){overflow:visible}
.oneri-liste .bos-oneri{cursor:default;color:var(--yazi-3)}
.oneri-liste .bos-oneri:hover{background:none}
.oneri-not{padding:8px 12px 6px;font-size:12.5px;color:var(--yazi-3);border-top:1px solid var(--cizgi);margin-top:4px}

/* ---------- Şube sayfası: fiyat ve stok (30 Ekim 2026) ---------- */
.geri-bag{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-bottom:2px;color:var(--yazi-2);text-decoration:none;font-size:14px}
.geri-bag svg{width:16px;height:16px;transform:rotate(180deg)}
.geri-bag:hover{color:var(--yazi)}
.sube-bolum h3{display:flex;align-items:baseline;gap:8px;margin:0;padding:14px 24px 8px;font-size:14px;font-weight:600;color:var(--yazi-2);background:var(--yuzey-2);border-bottom:1px solid var(--cizgi)}
.sube-bolum h3 .sayi{font-weight:500;font-size:13px;color:var(--yazi-3)}
.sube-yemek .metin .alt{white-space:normal}
.sube-yemek.yok .metin b{color:var(--yazi-2)}
.sube-yemek .sag{flex-wrap:wrap;justify-content:flex-end}
.fiyat-kap{position:relative;display:inline-flex;align-items:center}
.fiyat-girdi{width:124px;text-align:right;padding-right:32px;font-variant-numeric:tabular-nums}
.fiyat-kap .tl{position:absolute;right:13px;color:var(--yazi-3);pointer-events:none}
.sube-yemek.farkli .fiyat-girdi{border-color:color-mix(in oklab,var(--iyi) 60%,var(--cizgi-2));background:color-mix(in oklab,var(--iyi-acik) 45%,var(--yuzey))}
.fiyat-yazi{font-weight:600;font-variant-numeric:tabular-nums;min-width:72px;text-align:right}
.durum-yazi.genel-yok{background:var(--dikkat-acik)!important;color:var(--dikkat)!important}
@media (max-width:560px){.sube-bolum h3{padding:12px 16px 8px}.fiyat-girdi{width:112px}}

/* ---------- Satır yazısı hiçbir genişlikte ezilmez (30 Ekim 2026) ----------
   Akan'ın ekranında İşletmeler satırının yazısı 3 px'e inip satır 700 px uzamıştı (1.024-1.180 px genişlik). Kök sebep: .sag hiç küçülmüyordu
   (flex:0 0 auto), .metin min-width:0 ile sıfıra kadar eziliyordu. Şimdi satır kırılabilir: düğmeler sığmayınca yazının altına, sağa iner. */
.satir{flex-wrap:wrap}
.satir .metin{flex:1 1 220px}
.satir .sag{flex:0 1 auto;max-width:100%;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
/* Malzemeler tablosu: tablonun KENDİ genişliği 820 px'in altına inince kartlara döner (ekran değil): 1.024 px'te yan menüyle kaynak sütunu
   112 px'e sıkışıp 5 satıra bölünüyordu (30 Ekim ölçüldü). Kurallar telefondakiyle aynı. */
.tablo-sar{container-type:inline-size}
@container (max-width:820px){
  .malzeme-tablo thead{display:none}
  .malzeme-tablo,.malzeme-tablo tbody,.malzeme-tablo tr,.malzeme-tablo td{display:block;width:100%}
  .malzeme-tablo tr{padding:8px 16px 12px;border-bottom:1px solid var(--cizgi)}
  .malzeme-tablo td{border:none;padding:2px 0;display:flex;gap:12px;justify-content:space-between;text-align:right!important}
  .malzeme-tablo td::before{content:attr(data-etiket);color:var(--yazi-3);font-size:13px;text-align:left;flex:0 0 auto}
  .malzeme-tablo td:first-child{min-width:0}
  .malzeme-tablo td:first-child::before{display:none}
  .malzeme-tablo td:first-child .satir-ad{text-align:left}
}

/* ---------- Küçük ve tek boy denetimler (30 Ekim 2026, Akan: "butonlar gereksiz büyük, daha küçük olsun") ----------
   Fareyle kullanılan ekranda satır ve süzgeçteki bütün denetimler 36 px tek boy (seçici 44, düğme 32 olunca satır yamuk duruyordu).
   Dokunmatik ekranda (telefon, tablet) parmak için 44 px kalır: kural yalnız ince işaretçide geçerli. */
@media (hover:hover) and (pointer:fine){
  .secim{min-height:36px;border-radius:10px}
  .secim-sec{min-height:36px;padding:0 12px;font-size:13px;gap:6px}
  .secim-iz::before{inset:3px;border-radius:8px}
  .dg.kucuk{min-height:36px;padding:4px 13px;font-size:13px}
  .satir .ikon-dg,.toplu .ikon-dg{width:36px;height:36px}
  .satir .girdi,.suzgec .girdi{min-height:36px;padding-top:6px;padding-bottom:6px;font-size:14px}
  .suzgec .ara-kap>svg{top:9px}
}

/* ---------- Hizalı listeler (30 Ekim 2026, Akan: "hep düzgün hizalı olsun her şey, her yerde") ----------
   Listenin bütün satırları tek ızgara: simge | yazı | düğmeler. Düğme sütunu satırların en genişine göre ORTAK (subgrid), düğmeler sola dayalı;
   isteğe bağlı düğme hep en sonda, ortak düğmeler alt alta aynı yere düşer. Liste dar kalınca düğmeler BÜTÜN satırlarda birlikte yazının altına,
   yazının hizasına iner (satır başına ayrı karar yok: aynı listede iki düzen olmaz). Eşik listenin düğme yüküne göre: h560 … h1080. */
.liste.hizali{display:grid;grid-template-columns:auto minmax(0,1fr) auto;container:hizali / inline-size}
.liste.hizali>*{grid-column:1/-1}
.liste.hizali>.satir{display:grid;grid-template-columns:subgrid;column-gap:16px;row-gap:10px}
.liste.hizali>.satir>.sol-ik{grid-column:1}
.liste.hizali>.satir>.metin{grid-column:2;min-width:0}
.liste.hizali>.satir>.sag{grid-column:3;flex-wrap:nowrap;justify-content:flex-start;margin-left:0;max-width:none;width:auto}
/* simgesiz liste (şubenin fiyat ve stok listesi): yazı | düğmeler; bölümler de ortak sütunu paylaşır */
.liste.hizali.ikonsuz{grid-template-columns:minmax(0,1fr) auto}
.liste.hizali.ikonsuz>section{display:grid;grid-template-columns:subgrid}
.liste.hizali.ikonsuz>section>*{grid-column:1/-1}
.liste.hizali.ikonsuz .satir{display:grid;grid-template-columns:subgrid;column-gap:16px;row-gap:10px}
.liste.hizali.ikonsuz .satir>.metin{grid-column:1;min-width:0}
.liste.hizali.ikonsuz .satir>.sag{grid-column:2;flex-wrap:nowrap;justify-content:flex-start;margin-left:0;max-width:none;width:auto}
/* dar liste: düğmeler bütün satırlarda yazının altına */
@container hizali (max-width:560px){.liste.h560>.satir{grid-template-columns:auto minmax(0,1fr)}.liste.h560>.satir>.sag{grid-column:2;flex-wrap:wrap}}
@container hizali (max-width:640px){.liste.h640>.satir{grid-template-columns:auto minmax(0,1fr)}.liste.h640>.satir>.sag{grid-column:2;flex-wrap:wrap}}
@container hizali (max-width:720px){.liste.h720.ikonsuz .satir{grid-template-columns:minmax(0,1fr)}.liste.h720.ikonsuz .satir>.sag{grid-column:1;flex-wrap:wrap;justify-content:flex-start}}
@container hizali (max-width:1000px){.liste.h1000>.satir{grid-template-columns:auto minmax(0,1fr)}.liste.h1000>.satir>.sag{grid-column:2;flex-wrap:wrap}}
@container hizali (max-width:1080px){.liste.h1080>.satir{grid-template-columns:auto minmax(0,1fr)}.liste.h1080>.satir>.sag{grid-column:2;flex-wrap:wrap}}

/* ---------- Yorum daireleri (30 Ekim 2026): zincirde her şube kendi satırı; zincir satırının görünümü (.zincir-bas) ---------- */
.daire-ik{background:var(--m-acik,var(--yuzey-3));color:var(--m-metin,var(--yazi-2))}
.daire-ik svg{width:19px;height:19px}
.zincir-sayi .buyuk.yeni{color:var(--dikkat);font-weight:600}
.zincir-sayi .buyuk.yeni b{color:var(--dikkat)}
.daire-bilgi{display:flex;gap:8px 20px;flex-wrap:wrap;align-items:center;padding:12px 24px;border-bottom:1px solid var(--cizgi);font-size:13.5px}
.daire-bilgi a{color:var(--yazi-2)}
.daire-not{padding:12px 24px;margin:0;border-top:1px solid var(--cizgi)}
.gb-iletisim .gb-tel{margin-left:14px}
@media (max-width:560px){.daire-bilgi{padding:12px 16px}}