/* Meat Et v12 prototype - site.css lines 727-1438 (menu), unchanged. TKT-1580. */
/* ===================== menu ===================== */
:root {
    
    --wood-900:#2A1C13;      
    --wood-800:#3C2A1D;      
    --wood-700:#51392A;      
    --wood-500:#7A5C45;      
    --wood-400:#9B7F67;

    --gold-700:#7E5210;      
    --gold-600:#9C6A18;      
    --gold-500:#C08A2C;      
    --gold-400:#D9A64A;      
    --gold-300:#E7C384;      
    --gold-200:#F2DEB8;      
    --gold-100:#FAF0DC;      

    --cream-50:#FFFDF8;      
    --cream-100:#FAF5EC;     
    --cream-200:#F2EADB;     
    --cream-300:#E5D9C4;     

    --ink-900:#2A1C13;
    --ink-600:#6B5340;
    --ink-400:#96806A;

    
    --teal-800:#0A5054;
    --teal-700:#0E6E73;
    --teal-600:#13868C;
    --teal-100:#E3F1F1;

    --leaf:#3D7A4E;          
    --leaf-wash:#E7F0E8;
    --ember:#B04A25;         
    --ember-wash:#FBE7DE;
    --fhrs-blue:#1E4D8C;     

    
    --radius-s:3px;
    --radius-m:5px;
    --radius-l:8px;
    --radius-pill:6px;

    --shell-max:1380px;
    --header-h:64px;
    --chrome-h:117px;   

    --wood-grain:
      repeating-linear-gradient(93deg, rgba(0,0,0,.16) 0 1px, transparent 1px 6px),
      repeating-linear-gradient(90deg, rgba(255,255,255,.022) 0 2px, transparent 2px 13px),
      linear-gradient(158deg, #3E2C1E, #241710);

    --font-display:"Outfit","Trebuchet MS",system-ui,sans-serif;
    --font-body:"Public Sans","Helvetica Neue",Arial,system-ui,sans-serif;

    --sand-grain:
      repeating-linear-gradient(93deg, rgba(126,82,16,.055) 0 1px, transparent 1px 6px),
      linear-gradient(158deg, #F5ECDA, #E9DDC6);

    
    --photo:
      radial-gradient(circle at 36% 62%, rgba(217,166,74,.34), transparent 62%),
      var(--sand-grain);
    --photo-label:rgba(126,82,16,.46);
    --photo-border:var(--cream-300);

    --panel-bg:var(--cream-50);
    --panel-fg:var(--ink-900);
    --panel-muted:var(--ink-400);
    --panel-accent:var(--gold-600);
    --panel-border:var(--cream-300);
    --panel-glow:radial-gradient(circle, rgba(217,166,74,.14), transparent 66%);

    --btn-bg:var(--teal-700);
    --btn-fg:#FFFDF8;
    --btn-bg-hover:var(--teal-600);
    --btn-bg-active:var(--teal-800);

    --foot-bg:var(--cream-200);
    --foot-fg:var(--ink-600);
    --foot-link:var(--ink-600);
    --foot-link-hover:var(--gold-700);
    --foot-head:var(--gold-700);
    --foot-rule:var(--cream-300);
    --foot-dim:var(--ink-400);
  }
  :root[data-tone="light"] {
    --panel-bg:var(--gold-100);
    --panel-muted:var(--gold-700);
    --panel-accent:var(--gold-700);
    --panel-border:var(--gold-200);
    --panel-glow:radial-gradient(circle, rgba(217,166,74,.22), transparent 66%);

    --foot-bg:var(--wood-grain);
    --foot-fg:#B29A82;
    --foot-link:#C7B29A;
    --foot-link-hover:var(--gold-300);
    --foot-head:var(--gold-400);
    --foot-rule:var(--wood-700);
    --foot-dim:#8E7863;
  }
  :root[data-tone="walnut"] {
    --photo:
      radial-gradient(circle at 36% 66%, rgba(217,166,74,.34), transparent 58%),
      repeating-linear-gradient(93deg, rgba(0,0,0,.17) 0 1px, transparent 1px 6px),
      linear-gradient(158deg, #3E2C1E, #241710);
    --photo-label:rgba(250,240,220,.42);
    --photo-border:var(--wood-700);

    --panel-bg:var(--wood-grain);
    --panel-fg:var(--cream-50);
    --panel-muted:#B29A82;
    --panel-accent:var(--gold-400);
    --panel-border:var(--wood-700);
    --panel-glow:radial-gradient(circle, rgba(217,166,74,.24), transparent 66%);

    --foot-bg:var(--wood-grain);
    --foot-fg:#B29A82;
    --foot-link:#C7B29A;
    --foot-link-hover:var(--gold-300);
    --foot-head:var(--gold-400);
    --foot-rule:var(--wood-700);
    --foot-dim:#8E7863;
  }
  body[data-page="menu"] * { box-sizing:border-box; }
  body[data-page="menu"] {
    margin:0;
    background:var(--cream-100);
    color:var(--ink-900);
    font-family:var(--font-body);
    font-size:15px;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  body[data-page="menu"] h1,
body[data-page="menu"] h2,
body[data-page="menu"] h3,
body[data-page="menu"] h4 { font-family:var(--font-display); margin:0; text-wrap:balance; letter-spacing:-0.012em; }
  body[data-page="menu"] button { font:inherit; color:inherit; cursor:pointer; border:none; background:none; }
  body[data-page="menu"] a { color:var(--gold-600); }
  body[data-page="menu"] :focus-visible { outline:3px solid var(--gold-500); outline-offset:2px; border-radius:4px; }
  body[data-page="menu"] .price { font-variant-numeric:tabular-nums; }
  body[data-page="menu"] svg.ico {
    width:16px; height:16px; flex:none; display:inline-block; vertical-align:-3px;
    stroke:currentColor; stroke-width:1.9; fill:none;
    stroke-linecap:round; stroke-linejoin:round;
  }
  body[data-page="menu"] svg.ico.solid { fill:currentColor; stroke:none; }
  body[data-page="menu"] svg.ico.lg { width:26px; height:26px; }
  body[data-page="menu"] svg.ico.sm { width:13px; height:13px; vertical-align:-2px; }
  body[data-page="menu"] .announce {
    background:var(--wood-900); color:var(--gold-300);
    font-size:12.5px; padding:8px 16px; text-align:center;
  }
  body[data-page="menu"] .announce b { color:var(--gold-400); font-weight:700; }
  body[data-page="menu"] .announce .sep { color:var(--wood-500); margin:0 10px; }
  body[data-page="menu"] .addr-btn {
    display:flex; align-items:center; gap:9px; margin-right:auto;
    padding:9px 14px; border-radius:var(--radius-m); min-height:44px;
    color:var(--ink-900); font-size:14px; text-align:left;
  }
  body[data-page="menu"] .addr-btn:hover { background:var(--cream-200); }
  body[data-page="menu"] .addr-btn .col { display:flex; flex-direction:column; line-height:1.25; }
  body[data-page="menu"] .addr-btn .k { font-size:11.5px; color:var(--ink-400); font-weight:700; }
  body[data-page="menu"] .addr-btn .v { font-weight:600; }
  body[data-page="menu"] .addr-btn .v.unset { color:var(--teal-700); }
  body[data-page="menu"] .addr-btn .chev { color:var(--ink-400); }
  body[data-page="menu"] .btn-ghost {
    display:flex; align-items:center; gap:8px;
    padding:10px 15px; border-radius:var(--radius-m); min-height:44px;
    border:1px solid var(--cream-300); background:var(--cream-50);
    color:var(--ink-900); font-size:14px; font-weight:600; text-decoration:none;
  }
  body[data-page="menu"] .btn-ghost:hover { background:var(--cream-200); }
  body[data-page="menu"] .basket-btn {
    background:var(--btn-bg); color:var(--btn-fg);
    padding:10px 17px; border-radius:var(--radius-m); min-height:44px;
    display:flex; align-items:center; gap:9px; font-weight:700; font-size:14px;
    text-decoration:none;
    transition:background .16s ease, transform .12s ease;
  }
  body[data-page="menu"] .basket-btn:hover { background:var(--btn-bg-hover); transform:translateY(-1px); }
  body[data-page="menu"] .basket-btn:active { background:var(--btn-bg-active); transform:translateY(0); }
  body[data-page="menu"] .navrow {
    position:sticky; top:calc(var(--header-h) + env(safe-area-inset-top, 0px)); z-index:55;
    background:var(--cream-50); border-bottom:1px solid var(--cream-300);
  }
  body[data-page="menu"] .navrow-inner {
    max-width:var(--shell-max); margin:0 auto; padding-inline:20px;
    display:flex; align-items:center; gap:20px; flex-wrap:wrap;
  }
  body[data-page="menu"] .tabs { display:flex; gap:4px; align-items:center; }
  body[data-page="menu"] .tabs button {
    display:flex; align-items:center; gap:9px;
    padding:15px 18px 13px; font-size:15px; font-weight:600;
    color:var(--ink-400); border-bottom:3px solid transparent; min-height:52px;
  }
  body[data-page="menu"] .tabs button:hover { color:var(--ink-900); }
  body[data-page="menu"] .tabs button[aria-pressed="true"] { color:var(--wood-900); border-bottom-color:var(--teal-700); }
  body[data-page="menu"] .tabs .off {
    font-size:10.5px; font-weight:700; letter-spacing:0.05em;
    background:var(--leaf-wash); color:#26583A; padding:2px 6px; border-radius:2px;
  }
  body[data-page="menu"] .tab-div { width:1px; height:24px; background:var(--cream-300); margin:0 8px; flex:none; }
  body[data-page="menu"] .tab-link {
    display:flex; align-items:center; gap:9px;
    padding:15px 16px 13px; font-size:15px; font-weight:600;
    color:var(--teal-700); text-decoration:none;
    border-bottom:3px solid transparent; min-height:52px;
  }
  body[data-page="menu"] .tab-link:hover { border-bottom-color:var(--teal-600); }
  body[data-page="menu"] .navrow .search {
    flex:1; min-width:220px; margin-left:auto; max-width:420px;
    display:flex; align-items:center; gap:10px;
    background:var(--cream-100); border:1px solid var(--cream-300);
    border-radius:var(--radius-pill); padding:0 8px 0 14px; min-height:44px;
  }
  body[data-page="menu"] .navrow .search input { flex:1; border:none; background:none; font:inherit; min-height:42px; color:var(--ink-900); }
  body[data-page="menu"] .navrow .search input::placeholder { color:var(--ink-400); }
  body[data-page="menu"] .navrow .search .go {
    width:34px; height:34px; border-radius:var(--radius-s);
    background:var(--btn-bg); color:var(--btn-fg);
    display:grid; place-items:center; flex:none;
  }
  body[data-page="menu"] .site-header {
    position:sticky;
    top:env(safe-area-inset-top, 0px);
    z-index:60;
    background:var(--cream-50);
    color:var(--ink-900);
    border-bottom:1px solid var(--cream-300);
    box-shadow:0 1px 0 rgba(217,166,74,.28);
  }
  body[data-page="menu"] .header-inner {
    max-width:var(--shell-max); margin:0 auto;
    padding:10px 20px; min-height:var(--header-h);
    display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  }
  body[data-page="menu"] .brand { display:flex; align-items:center; gap:11px; margin-right:8px; text-decoration:none; }
  body[data-page="menu"] .logo-mark { width:38px; height:38px; flex:none; display:block; }
  body[data-page="menu"] .brand-text { display:flex; flex-direction:column; line-height:1.05; }
  body[data-page="menu"] .brand .mark {
    font-family:var(--font-display); font-weight:800; font-size:20px;
    color:var(--wood-900); 
  }
  body[data-page="menu"] .brand .sub {
    font-size:10px; 
    color:var(--gold-600); font-weight:700; margin-top:2px;
  }
  body[data-page="menu"] .header-actions { display:flex; align-items:center; gap:6px; }
  body[data-page="menu"] .head-mid { margin-right:auto; }  /* TKT-1718: .addr-btn olmayan sayfalarda (sepet, tek ürün) boş .head-mid düğmeleri sağa iter */
  body[data-page="menu"] .trust { background:var(--cream-200); border-bottom:1px solid var(--cream-300); color:var(--ink-600); }
  body[data-page="menu"] .trust-inner {
    max-width:var(--shell-max); margin:0 auto; padding:9px 20px;
    display:flex; align-items:center; gap:22px; flex-wrap:wrap; font-size:12.5px;
  }
  body[data-page="menu"] .trust span { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
  body[data-page="menu"] .pill-halal {
    background:var(--leaf); color:#fff; font-weight:700; font-size:11.5px;
    padding:3px 8px; border-radius:4px;
  }
  body[data-page="menu"] .fhrs {
    display:inline-flex; align-items:center; gap:5px;
    background:var(--fhrs-blue); color:#fff; border-radius:3px; padding:2px 7px;
    font-size:10.5px; font-weight:700; letter-spacing:0.05em;
  }
  body[data-page="menu"] .fhrs b { font-size:13px; }
  body[data-page="menu"] .dot-open { width:7px; height:7px; border-radius:50%; background:var(--leaf); box-shadow:0 0 0 3px rgba(61,122,78,.18); }
  body[data-page="menu"] .dot-shut { width:7px; height:7px; border-radius:50%; background:var(--ember); box-shadow:0 0 0 3px rgba(176,74,37,.16); }
  body[data-page="menu"] .closed-note { background:var(--gold-100); border-bottom:1px solid var(--gold-200); color:var(--gold-700); }
  body[data-page="menu"] .closed-note-inner {
    max-width:var(--shell-max); margin:0 auto; padding:11px 20px;
    display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:14px;
  }
  body[data-page="menu"] .closed-note strong { font-weight:700; color:var(--wood-900); }
  body[data-page="menu"] .btn-gold,
body[data-page="menu"] .basket-btn,
body[data-page="menu"] .mobile-cta a,
body[data-page="menu"] .store,
body[data-page="menu"] .btn-primary,
body[data-page="menu"] .dcard .add,
body[data-page="menu"] .btn-checkout,
body[data-page="menu"] .btn-add,
body[data-page="menu"] .promo .btn-dark,
body[data-page="menu"] .pc-form button {
    transition:background .16s ease, color .16s ease, transform .12s ease, box-shadow .16s ease;
  }
  body[data-page="menu"] .btn-gold:hover,
body[data-page="menu"] .basket-btn:hover,
body[data-page="menu"] .mobile-cta a:hover,
body[data-page="menu"] .store:hover,
body[data-page="menu"] .dcard:hover .add,
body[data-page="menu"] .btn-checkout:hover:not(:disabled),
body[data-page="menu"] .btn-add:hover:not(:disabled),
body[data-page="menu"] .promo .btn-dark:hover {
    transform:translateY(-1px);
  }
  body[data-page="menu"] .btn-gold:active,
body[data-page="menu"] .basket-btn:active,
body[data-page="menu"] .mobile-cta a:active,
body[data-page="menu"] .store:active,
body[data-page="menu"] .btn-checkout:active,
body[data-page="menu"] .btn-add:active,
body[data-page="menu"] .promo .btn-dark:active { transform:translateY(0); }
  body[data-page="menu"] .basket-btn:active,
body[data-page="menu"] .mobile-cta a:active,
body[data-page="menu"] .dcard .add:active,
body[data-page="menu"] .btn-checkout:active:not(:disabled),
body[data-page="menu"] .btn-add:active:not(:disabled),
body[data-page="menu"] .promo .btn-dark:active,
body[data-page="menu"] .pc-form button:active { background:var(--btn-bg-active); }
  body[data-page="menu"] .shell {
    max-width:var(--shell-max); margin:0 auto;
    padding:22px 20px 40px;
    display:grid; grid-template-columns:196px minmax(0,1fr) 320px;
    gap:26px; align-items:start;
  }
  /* TKT-1651: .rail olmayan sayfalar (arama, kategori grubu) — liste + sepet */
  body[data-page="menu"] .shell.no-rail { grid-template-columns:minmax(0,1fr) 320px; }
  body[data-page="menu"] .rail { position:sticky; top:calc(var(--chrome-h) + 18px); }
  /* v2-v3-esitleme #14 (Naci bulgusu 01.11, Horizon 58 kategori): yapışkan liste ekrandan uzunsa alttakiler görünmüyordu —
     yükseklik ekranın kalanıyla sınırlı, liste kendi içinde kayar (kısa listede değişiklik yok) */
  body[data-page="menu"] .rail { max-height:calc(100vh - var(--chrome-h) - 36px); overflow-y:auto; overscroll-behavior:contain; }
  body[data-page="menu"] .rail-title {
    font-size:11.5px; 
    color:var(--ink-400); font-weight:700; margin-bottom:10px; padding-left:12px;
  }
  body[data-page="menu"] .rail nav { display:flex; flex-direction:column; gap:1px; }
  body[data-page="menu"] .rail a {
    display:flex; justify-content:space-between; align-items:center; gap:8px;
    padding:9px 12px; border-radius:var(--radius-s);
    color:var(--ink-600); text-decoration:none; font-size:14px; font-weight:500; min-height:38px;
  }
  body[data-page="menu"] .rail a .n { font-size:12px; color:var(--ink-400); font-variant-numeric:tabular-nums; }
  body[data-page="menu"] .rail a:hover { background:var(--cream-200); color:var(--ink-900); }
  body[data-page="menu"] .rail a.active { background:var(--btn-bg); color:var(--btn-fg); font-weight:600; }
  body[data-page="menu"] .rail a.active .n { color:var(--btn-fg); opacity:.75; }
  body[data-page="menu"] .rail-foot {
    margin-top:16px; padding:12px; border-top:1px solid var(--cream-300);
    font-size:12.5px; color:var(--ink-600);
  }
  body[data-page="menu"] .rail-foot a { display:block; margin-top:5px; font-weight:600; }
  body[data-page="menu"] .catstrip { display:none; }
  /* V3 kusur #5 (Chez Yoyo V3 öncesi, 06.11): kategori sayfası sayfalaması kendi sınıfında — .catstrip masaüstünde gizli (telefon kategori şeridi) */
  body[data-page="menu"] .pager { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
  body[data-page="menu"] .pager a {
    padding:8px 15px; border-radius:var(--radius-pill); min-height:38px;
    background:var(--cream-50); border:1px solid var(--cream-300);
    color:var(--ink-600); text-decoration:none; font-size:13.5px; font-weight:600;
    display:flex; align-items:center;
  }
  body[data-page="menu"] .pager a.active { background:var(--btn-bg); color:var(--btn-fg); border-color:var(--btn-bg); }
  body[data-page="menu"] .menu-col { min-width:0; display:flex; flex-direction:column; gap:30px; }
  body[data-page="menu"] .findbar { display:flex; flex-direction:column; gap:13px; }
  body[data-page="menu"] .searchrow { display:flex; gap:10px; align-items:center; }
  body[data-page="menu"] .search {
    flex:1; display:flex; align-items:center; gap:10px;
    background:var(--cream-50); border:1px solid var(--cream-300);
    border-radius:var(--radius-m); padding:0 14px; min-height:46px;
  }
  body[data-page="menu"] .search input { flex:1; border:none; background:none; font:inherit; min-height:44px; color:var(--ink-900); }
  body[data-page="menu"] .search input::placeholder { color:var(--ink-400); }
  body[data-page="menu"] .qfilters { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
  body[data-page="menu"] .qfilters .lbl {
    font-size:11.5px; 
    color:var(--ink-400); font-weight:700; margin-right:2px;
  }
  body[data-page="menu"] .chip {
    display:inline-flex; align-items:center; gap:6px;
    padding:7px 13px; min-height:38px; border-radius:var(--radius-pill);
    border:1px solid var(--cream-300); background:var(--cream-50);
    color:var(--ink-600); font-size:13.5px; font-weight:600;
  }
  body[data-page="menu"] .chip:hover { border-color:var(--teal-600); color:var(--ink-900); }
  body[data-page="menu"] .chip[aria-pressed="true"] {
    background:var(--btn-bg); color:var(--btn-fg); border-color:var(--btn-bg);
  }
  body[data-page="menu"] .chip .tick { display:none; }
  body[data-page="menu"] .chip[aria-pressed="true"] .tick { display:inline-block; }
  body[data-page="menu"] .qfilters .clear {
    font-size:13px; color:var(--gold-600); text-decoration:underline; font-weight:600;
    padding:7px 4px; min-height:38px;
  }
  body[data-page="menu"] .result-count { font-size:13px; color:var(--ink-400); margin-left:auto; }
  body[data-page="menu"] .reorder {
    background:var(--panel-bg);
    color:var(--panel-fg);
    border-radius:var(--radius-l); padding:18px 20px;
    display:flex; align-items:center; gap:18px; flex-wrap:wrap;
    position:relative; overflow:hidden;
    border:1px solid var(--panel-border);
  }
  body[data-page="menu"] .reorder::after {
    content:""; position:absolute; right:-70px; top:-70px; width:230px; height:230px;
    background:var(--panel-glow);
    pointer-events:none;
  }
  body[data-page="menu"] .reorder .ra-label {
    font-size:11.5px; 
    color:var(--panel-accent); font-weight:700;
  }
  body[data-page="menu"] .reorder h3 { font-size:17px; font-weight:700; margin:3px 0 2px; }
  body[data-page="menu"] .reorder .ra-meta { font-size:13px; color:var(--panel-muted); }
  body[data-page="menu"] .reorder .ra-body { flex:1; min-width:200px; position:relative; z-index:1; }
  body[data-page="menu"] .btn-gold {
    background:var(--gold-400); color:var(--wood-900);
    font-weight:700; font-size:14.5px; padding:11px 22px;
    border-radius:var(--radius-pill); min-height:44px; position:relative; z-index:1;
  }
  body[data-page="menu"] .btn-gold:hover { background:var(--gold-300); }
  body[data-page="menu"] .sec-head { display:flex; align-items:baseline; gap:12px; margin-bottom:16px; flex-wrap:wrap; }
  body[data-page="menu"] .sec-head h2 { font-size:25px; font-weight:700; }
  body[data-page="menu"] .sec-head .tr { font-size:13px; color:var(--gold-600); font-style:italic; }
  body[data-page="menu"] .sec-note { font-size:13.5px; color:var(--ink-600); margin:-6px 0 14px; max-width:62ch; }
  body[data-page="menu"] #menuRoot section + section {
    margin-top:44px; padding-top:36px; border-top:1px solid var(--cream-300);
  }
  body[data-page="menu"] #menuRoot section { scroll-margin-top:calc(var(--chrome-h) + 24px); }
  body[data-page="menu"] .cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(310px,1fr)); gap:12px; }
  body[data-page="menu"] .card {
    background:var(--cream-50); border:1px solid var(--cream-300);
    border-radius:var(--radius-m); padding:14px;
    display:flex; gap:14px; align-items:flex-start;
    text-align:left; width:100%;
    transition:border-color .13s, transform .13s, box-shadow .13s;
    color:inherit; text-decoration:none; /* v2-v3-esitleme #23: card is an <a> (was <button>) */
  }
  body[data-page="menu"] .card:hover {
    border-color:var(--teal-600); transform:translateY(-1px);
    box-shadow:0 4px 14px rgba(42,28,19,.07);
  }
  body[data-page="menu"] .card.out { opacity:.5; cursor:not-allowed; }
  body[data-page="menu"] .card.out:hover { border-color:var(--cream-300); transform:none; box-shadow:none; }
  body[data-page="menu"] .thumb {
    width:74px; height:74px; flex:none; border-radius:var(--radius-s);
    background-image:var(--pic, var(--photo)); background-size:var(--pic-size, cover);
    background-position:center; background-repeat:no-repeat;
    border:1px solid var(--photo-border);
    position:relative;
  }
  body[data-page="menu"] .card-body { flex:1; min-width:0; }
  body[data-page="menu"] .card h3 { font-size:15.5px; font-weight:700; line-height:1.28; }
  body[data-page="menu"] .card .desc { font-size:13px; color:var(--ink-600); margin:4px 0 0; }
  body[data-page="menu"] .card .allerg { font-size:11.5px; color:var(--ink-400); margin-top:7px; display:flex; align-items:center; gap:5px; }
  body[data-page="menu"] .badges { display:flex; gap:5px; flex-wrap:wrap; margin-top:7px; }
  body[data-page="menu"] .badge {
    font-size:11px; font-weight:700;
    padding:2.5px 7px; border-radius:2px;
  }
  body[data-page="menu"] .b-halal { background:var(--leaf-wash); color:#26583A; }
  body[data-page="menu"] .b-spicy { background:var(--ember-wash); color:var(--ember); }
  body[data-page="menu"] .b-pop { background:var(--gold-200); color:var(--gold-700); }
  body[data-page="menu"] .b-veg { background:var(--leaf-wash); color:#26583A; }
  body[data-page="menu"] .b-out { background:var(--cream-200); color:var(--ink-400); }
  body[data-page="menu"] .b-serves { background:var(--cream-200); color:var(--ink-600); }
  body[data-page="menu"] .card-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:11px; }
  body[data-page="menu"] .card .p { font-size:17px; font-weight:700; font-family:var(--font-display); }
  body[data-page="menu"] .card .p .was { font-size:12.5px; color:var(--ink-400); text-decoration:line-through; font-weight:500; margin-right:6px; }
  body[data-page="menu"] .add {
    width:40px; height:40px; border-radius:var(--radius-s);
    background:var(--btn-bg); color:var(--btn-fg);
    font-size:21px; line-height:1; font-weight:600;
    display:grid; place-items:center; flex:none;
  }
  body[data-page="menu"] .add:hover { background:var(--btn-bg-hover); }
  body[data-page="menu"] .card .opts { font-size:11.5px; color:var(--ink-400); }
  body[data-page="menu"] .basket { position:sticky; top:calc(var(--chrome-h) + 18px); }
  body[data-page="menu"] .basket-card {
    background:var(--cream-50); border:1px solid var(--cream-300);
    border-radius:var(--radius-l); overflow:hidden;
  }
  body[data-page="menu"] .basket-head {
    background:var(--panel-bg); color:var(--panel-fg); border-bottom:1px solid var(--panel-border);
    padding:14px 16px; display:flex; align-items:center; justify-content:space-between;
  }
  body[data-page="menu"] .basket-head h2 { font-size:15px; font-weight:700; letter-spacing:0.02em; }
  body[data-page="menu"] .basket-head .cnt { font-size:12px; color:var(--panel-accent); font-weight:600; }
  body[data-page="menu"] .basket-empty { padding:30px 18px; text-align:center; color:var(--ink-400); font-size:13.5px; }
  body[data-page="menu"] .basket-empty .big { display:block; margin-bottom:10px; color:var(--gold-500); }
  body[data-page="menu"] .blines { padding:6px 0; max-height:290px; overflow-y:auto; }
  body[data-page="menu"] .bline { padding:10px 16px; border-bottom:1px solid var(--cream-200); }
  body[data-page="menu"] .bline:last-child { border-bottom:none; }
  body[data-page="menu"] .bline-top { display:flex; justify-content:space-between; gap:10px; align-items:baseline; }
  body[data-page="menu"] .bline .nm { font-size:13.5px; font-weight:600; }
  body[data-page="menu"] .bline .amt { font-size:13.5px; font-weight:700; }
  body[data-page="menu"] .bline .cfg { margin-top:6px; display:flex; flex-direction:column; gap:4px; }
  body[data-page="menu"] .cfg-row { display:flex; gap:9px; align-items:baseline; }
  body[data-page="menu"] .cfg-row .k {
    flex:none; width:70px; padding-top:1px;
    font-size:10px; font-weight:700;
    color:var(--ink-400);
  }
  body[data-page="menu"] .cfg-row .v { font-size:11.5px; line-height:1.4; color:var(--ink-600); }
  body[data-page="menu"] .cfg-row .up { color:var(--gold-700); font-weight:600; white-space:nowrap; }
  body[data-page="menu"] .cfg-row .qn { color:var(--ink-900); font-weight:700; }  /* TKT-1705: sepette seçenek adedi belirgin */
  body[data-page="menu"] .cfg-row.note .v { font-style:italic; }
  body[data-page="menu"] .bline-actions { display:flex; align-items:center; gap:10px; margin-top:7px; }
  body[data-page="menu"] .bline-edit {
    font-size:12px; font-weight:600; color:var(--teal-700);
    text-decoration:underline; padding:4px 2px; min-height:30px;
  }
  body[data-page="menu"] .bline-edit:hover { color:var(--teal-600); }
  body[data-page="menu"] .preorder-note {
    font-size:12px; color:var(--gold-700); text-align:center; margin-top:8px;
  }
  body[data-page="menu"] .qty { display:inline-flex; align-items:center; gap:4px; margin-top:7px; background:var(--cream-200); border-radius:var(--radius-pill); padding:2px; }
  body[data-page="menu"] .qty button { width:26px; height:26px; border-radius:50%; display:grid; place-items:center; font-size:15px; color:var(--ink-600); }
  body[data-page="menu"] .qty button:hover { background:var(--cream-50); color:var(--ink-900); }
  body[data-page="menu"] .qty .v { min-width:20px; text-align:center; font-size:13px; font-weight:700; font-variant-numeric:tabular-nums; }
  body[data-page="menu"] .threshold { padding:11px 16px; background:var(--gold-100); font-size:12.5px; color:var(--gold-700); }
  body[data-page="menu"] .threshold .bar { height:4px; background:rgba(126,82,16,.16); border-radius:2px; margin-top:7px; overflow:hidden; }
  body[data-page="menu"] .threshold .bar i { display:block; height:100%; background:var(--gold-500); border-radius:2px; transition:width .25s; }
  body[data-page="menu"] .threshold.done { background:var(--leaf-wash); color:#26583A; }
  body[data-page="menu"] .totals { padding:13px 16px; border-top:1px solid var(--cream-300); font-size:13.5px; }
  body[data-page="menu"] .trow { display:flex; justify-content:space-between; padding:3px 0; color:var(--ink-600); }
  body[data-page="menu"] .trow.grand {
    font-size:17px; font-weight:700; color:var(--ink-900); font-family:var(--font-display);
    padding-top:9px; margin-top:6px; border-top:1px solid var(--cream-300);
  }
  body[data-page="menu"] .trow .off { color:var(--leaf); font-weight:600; }
  body[data-page="menu"] .saving {
    margin:0 16px 14px; padding:10px 12px;
    background:var(--leaf-wash); border-left:3px solid var(--leaf);
    border-radius:0 var(--radius-s) var(--radius-s) 0;
    font-size:12.5px; color:#26583A;
  }
  body[data-page="menu"] .saving b { font-weight:700; }
  body[data-page="menu"] .saving .fine { display:block; color:#4A7A5C; font-size:10.5px; margin-top:3px; }
  body[data-page="menu"] .checkout-wrap { padding:0 16px 16px; }
  body[data-page="menu"] .btn-checkout {
    width:100%; background:var(--btn-bg); color:var(--btn-fg);
    font-weight:700; font-size:15.5px; padding:14px; border-radius:var(--radius-m);
    min-height:50px; display:flex; align-items:center; justify-content:center; gap:10px;
  }
  body[data-page="menu"] .btn-checkout:hover:not(:disabled) { background:var(--btn-bg-hover); }
  body[data-page="menu"] .btn-checkout:disabled { background:var(--cream-200); color:var(--ink-400); cursor:not-allowed; }
  body[data-page="menu"] .min-warn { font-size:12px; color:var(--ember); text-align:center; margin-top:8px; }
  body[data-page="menu"] .vat-note { padding:0 16px 16px; font-size:11px; color:var(--ink-400); text-align:center; }
  body[data-page="menu"] .mbar { display:none; }
  body[data-page="menu"] .backdrop {
    position:fixed; inset:0; background:rgba(42,28,19,.55);
    z-index:100; display:grid; place-items:center; padding:20px;
    backdrop-filter:blur(2px);
  }
  body[data-page="menu"] .sheet {
    background:var(--cream-50); border-radius:var(--radius-l);
    width:100%; max-width:508px; max-height:calc(100vh - 56px);
    display:flex; flex-direction:column; overflow:hidden;
    box-shadow:0 24px 64px rgba(42,28,19,.32);
  }
  body[data-page="menu"] .sheet-hero {
    height:120px; flex:none; position:relative;
    background-image:var(--pic, var(--photo)); background-size:var(--pic-size, cover);
    background-position:var(--pic-pos, center 62%); background-repeat:no-repeat;
    border-bottom:1px solid var(--photo-border);
  }
  body[data-page="menu"] .sheet-hero .ph {
    position:absolute; left:12px; bottom:10px;
    background:rgba(28,16,9,.62); color:rgba(250,240,220,.75);
    font-size:9.5px; font-weight:700;
    padding:4px 8px; border-radius:var(--radius-s);
  }
  body[data-page="menu"] .sheet-close {
    position:absolute; top:12px; right:12px; width:34px; height:34px; border-radius:var(--radius-s);
    background:rgba(36,23,16,.72); color:var(--cream-50); display:grid; place-items:center; font-size:19px;
  }
  body[data-page="menu"] .sheet-close:hover { background:var(--ember); }
  body[data-page="menu"] .sheet-scroll { overflow-y:auto; flex:1; }
  body[data-page="menu"] .sheet-intro { padding:18px 20px 14px; border-bottom:1px solid var(--cream-200); }
  body[data-page="menu"] .sheet-intro h2 { font-size:22px; font-weight:700; }
  body[data-page="menu"] .sheet-intro .d { font-size:14px; color:var(--ink-600); margin:6px 0 0; max-width:58ch; }
  body[data-page="menu"] .sheet-intro .row { display:flex; align-items:center; gap:10px; margin-top:11px; flex-wrap:wrap; }
  body[data-page="menu"] .allergen-link { font-size:12.5px; font-weight:600; text-decoration:underline; background:none; padding:0; color:var(--gold-600); }
  body[data-page="menu"] .group { padding:16px 20px; border-bottom:1px solid var(--cream-200); }
  body[data-page="menu"] .group-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:10px; }
  body[data-page="menu"] .group-head h3 { font-size:15px; font-weight:700; }
  body[data-page="menu"] .tag-req {
    font-size:10.5px; font-weight:700;
    background:var(--wood-900); color:var(--gold-400); padding:3px 7px; border-radius:3px;
  }
  body[data-page="menu"] .tag-opt { font-size:11.5px; color:var(--ink-400); }
  body[data-page="menu"] .group-hint { font-size:12px; color:var(--ink-400); margin:-5px 0 10px; }
  body[data-page="menu"] .opt {
    display:flex; align-items:center; gap:12px;
    padding:10px 12px; border:1px solid var(--cream-300); border-radius:var(--radius-s);
    margin-bottom:7px; cursor:pointer; min-height:46px; background:var(--cream-50);
  }
  body[data-page="menu"] .opt:hover { border-color:var(--teal-600); }
  body[data-page="menu"] .opt:has(input:checked) { border-color:var(--teal-700); background:var(--teal-100); box-shadow:inset 0 0 0 1px var(--teal-700); }
  body[data-page="menu"] .opt input { accent-color:var(--teal-700); width:18px; height:18px; flex:none; }
  body[data-page="menu"] .opt .lbl { flex:1; font-size:14px; }
  body[data-page="menu"] .opt .up { font-size:13px; font-weight:700; color:var(--gold-600); font-variant-numeric:tabular-nums; }
  body[data-page="menu"] .notes { padding:16px 20px; border-bottom:1px solid var(--cream-200); }
  body[data-page="menu"] .notes label { display:block; font-size:15px; font-weight:700; font-family:var(--font-display); margin-bottom:8px; }
  body[data-page="menu"] .notes textarea {
    width:100%; border:1px solid var(--cream-300); border-radius:var(--radius-s);
    padding:11px; font:inherit; font-size:14px; resize:vertical; min-height:62px;
    background:#fff; color:var(--ink-900);
  }
  body[data-page="menu"] .notes .hint { font-size:11.5px; color:var(--ink-400); margin-top:6px; }
  body[data-page="menu"] .sheet-foot {
    flex:none; padding:14px 20px calc(14px + env(safe-area-inset-bottom, 0px));
    border-top:1px solid var(--cream-300); background:var(--cream-50);
    display:flex; gap:12px; align-items:center;
  }
  body[data-page="menu"] .sheet-foot .qty { margin:0; }
  body[data-page="menu"] .btn-add {
    flex:1; background:var(--btn-bg); color:var(--btn-fg);
    font-weight:700; font-size:15.5px; padding:14px; border-radius:var(--radius-m);
    min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:10px;
  }
  body[data-page="menu"] .btn-add:hover:not(:disabled) { background:var(--btn-bg-hover); }
  body[data-page="menu"] .btn-add:disabled { background:var(--cream-200); color:var(--ink-400); cursor:not-allowed; }
  body[data-page="menu"] .req-reason { font-size:12px; color:var(--ember); padding:0 20px 12px; margin-top:-4px; }
  body[data-page="menu"] .mini { max-width:412px; padding:24px; }
  body[data-page="menu"] .mini h2 { font-size:21px; font-weight:700; }
  body[data-page="menu"] .mini p { font-size:14px; color:var(--ink-600); margin:8px 0 0; }
  body[data-page="menu"] .pc-form { display:flex; gap:8px; margin-top:16px; }
  body[data-page="menu"] .pc-form input {
    flex:1; border:1px solid var(--cream-300); border-radius:var(--radius-s);
    padding:12px 14px; font:inherit; font-size:16px; 
    min-height:50px; background:#fff; color:var(--ink-900);
  }
  body[data-page="menu"] .pc-form button { background:var(--btn-bg); color:var(--btn-fg); font-weight:700; padding:0 20px; border-radius:var(--radius-s); min-height:50px; }
  body[data-page="menu"] .pc-result { margin-top:14px; padding:12px 14px; border-radius:var(--radius-s); font-size:13.5px; }
  body[data-page="menu"] .pc-result.ok { background:var(--leaf-wash); color:#26583A; }
  body[data-page="menu"] .pc-result.no { background:var(--ember-wash); color:#7E3319; }
  body[data-page="menu"] .pc-result .cta { display:block; margin-top:9px; font-weight:700; color:#7E3319; text-decoration:underline; background:none; padding:0; font-size:13.5px; }
  body[data-page="menu"] .mini .skip { display:block; width:100%; margin-top:14px; font-size:13.5px; color:var(--ink-400); text-decoration:underline; }
  body[data-page="menu"] .mini .egs { font-size:11.5px; color:var(--ink-400); margin-top:10px; }
  body[data-page="menu"] .alg-table { width:100%; border-collapse:collapse; margin-top:14px; font-size:13px; }
  body[data-page="menu"] .alg-table th {
    text-align:left; font-size:11.5px; 
    color:var(--ink-400); padding:6px 8px; border-bottom:1px solid var(--cream-300);
  }
  body[data-page="menu"] .alg-table td { padding:8px; border-bottom:1px solid var(--cream-200); vertical-align:top; }
  body[data-page="menu"] .alg-table td:first-child { font-weight:600; }
  body[data-page="menu"] .toast {
    position:fixed; left:50%; transform:translateX(-50%);
    bottom:calc(24px + env(safe-area-inset-bottom, 0px)); z-index:200;
    background:var(--wood-900); color:var(--cream-50);
    padding:12px 20px; border-radius:var(--radius-pill); font-size:14px; font-weight:600;
    box-shadow:0 10px 30px rgba(42,28,19,.3);
    display:flex; align-items:center; gap:9px;
  }
  body[data-page="menu"] .toast b { color:var(--gold-400); }
  body[data-page="menu"] footer {
    background:var(--foot-bg); color:var(--foot-fg); margin-top:40px;
    padding:34px 20px calc(30px + env(safe-area-inset-bottom, 0px));
    border-top:3px solid var(--gold-400);
  }
  body[data-page="menu"] .foot-inner { max-width:var(--shell-max); margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:26px; }
  body[data-page="menu"] footer h4 { font-size:12px; color:var(--foot-head); margin-bottom:11px; }
  body[data-page="menu"] footer ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:7px; font-size:13.5px; }
  body[data-page="menu"] footer a { color:var(--foot-link); text-decoration:none; }
  body[data-page="menu"] footer a:hover { color:var(--foot-link-hover); text-decoration:underline; }
  body[data-page="menu"] .legal { max-width:var(--shell-max); margin:26px auto 0; padding-top:18px; border-top:1px solid var(--foot-rule); font-size:12px; color:var(--foot-dim); }
  body[data-page="menu"] .legal .req { color:var(--foot-fg); }
  body[data-page="menu"] .legal-row { display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-top:14px; }
  body[data-page="menu"] .legal-row .vat { font-variant-numeric:tabular-nums; letter-spacing:0.03em; }
  body[data-page="menu"] .thanks {
    max-width:var(--shell-max); margin:26px auto 0; text-align:center;
    font-family:var(--font-display); font-size:15px; font-weight:600;
    color:var(--foot-head); 
  }
  @media (max-width:1120px) {
  body[data-page="menu"] .shell { grid-template-columns:172px minmax(0,1fr); }
  body[data-page="menu"] .shell.no-rail { grid-template-columns:minmax(0,1fr); }
  body[data-page="menu"] .basket { display:none; }
  body[data-page="menu"] .mbar {
      display:flex; position:fixed; left:0; right:0; z-index:70;
      bottom:0; padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
      background:var(--wood-grain); border-top:1px solid var(--gold-500);
      align-items:center; gap:14px;
    }
  body[data-page="menu"] .mbar .info { flex:1; color:var(--cream-50); }
  body[data-page="menu"] .mbar .info .l1 { font-size:12px; color:#B29A82; }
  body[data-page="menu"] .mbar .info .l2 { font-size:16px; font-weight:700; font-family:var(--font-display); }
  body[data-page="menu"] { padding-bottom:78px; }
  /* V3 kusur #2 (06.11): sepet çubuğu (.mbar, z 70) olan sayfada bildirim çubuğun ÜSTÜNDE durur — eskiden alt 24 px'te çubuğu 2,2 sn örtüyordu */
  body[data-page="menu"]:has(.mbar) .toast { bottom:calc(90px + env(safe-area-inset-bottom, 0px)); }
  }

  @media (max-width:760px) {
  body[data-page="menu"] .shell { grid-template-columns:minmax(0,1fr); padding:16px 16px 30px; gap:22px; }
  body[data-page="menu"] .rail { display:none; }
  body[data-page="menu"] .site-header,
body[data-page="menu"] .navrow { position:static; }
  body[data-page="menu"] .catstrip {
      display:flex; gap:7px; overflow-x:auto; padding:11px 16px;
      position:sticky; top:env(safe-area-inset-top, 0px); z-index:50;
      background:var(--cream-100); border-bottom:1px solid var(--cream-300);
      scrollbar-width:none; -webkit-overflow-scrolling:touch;
    }
  body[data-page="menu"] .catstrip::-webkit-scrollbar { display:none; }
  body[data-page="menu"] .catstrip a {
      white-space:nowrap; padding:8px 15px; border-radius:var(--radius-pill); min-height:38px;
      background:var(--cream-50); border:1px solid var(--cream-300);
      color:var(--ink-600); text-decoration:none; font-size:13.5px; font-weight:600;
      display:flex; align-items:center;
    }
  body[data-page="menu"] .catstrip a.active { background:var(--btn-bg); color:var(--btn-fg); border-color:var(--btn-bg); }
  body[data-page="menu"] .header-inner { padding:9px 16px; gap:10px; }
  body[data-page="menu"] .header-actions { margin-left:auto; }
  body[data-page="menu"] .navrow-inner { padding-bottom:14px; }
  body[data-page="menu"] .brand { margin-right:auto; }
  body[data-page="menu"] .addr-btn { order:5; flex-basis:100%; margin-right:0; border:1px solid var(--cream-300); }
  body[data-page="menu"] .btn-ghost .lbl-txt { display:none; }
  body[data-page="menu"] .navrow-inner { padding-inline:16px; gap:10px; }
  body[data-page="menu"] .navrow .search { margin-left:0; max-width:none; order:5; flex-basis:100%; }
  body[data-page="menu"] .tabs {
      overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
      margin-inline:-16px; padding-inline:16px;
    }
  body[data-page="menu"] .tabs::-webkit-scrollbar { display:none; }
  body[data-page="menu"] .tabs button,
body[data-page="menu"] .tab-link { padding:13px 12px 11px; font-size:14px; white-space:nowrap; }
  body[data-page="menu"] .tab-div { margin:0 4px; }
  body[data-page="menu"] .pc-chip { flex:1; }
  body[data-page="menu"] .trust-inner { gap:14px; padding:8px 16px; font-size:11.5px; }
  body[data-page="menu"] .sec-head h2 { font-size:21px; }
  body[data-page="menu"] .cards { grid-template-columns:1fr; }
  body[data-page="menu"] .sheet { max-width:none; max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); }
  body[data-page="menu"] .backdrop { padding:16px; justify-content:stretch; justify-items:stretch; }
  body[data-page="menu"] .sheet-foot { padding-inline:16px; gap:10px; }
  body[data-page="menu"] .mini { margin:auto 0; height:auto; border-radius:var(--radius-l); }
  }

  @media (prefers-reduced-motion:reduce) {
  body[data-page="menu"] * { animation:none !important; transition:none !important; }
  }