/* TJ's Fresh Bites — menu rows shared by / and /order/.
   Uses each page's colour tokens: --card --line --muted --forest --lime-d --gold --on --panel */
#menuList{background:var(--card);border-radius:22px;padding:6px 18px 12px;box-shadow:0 8px 22px rgba(61,143,58,.1);border:1px solid var(--line)}
#menuList .grp{margin:16px 0 2px;font-weight:700;color:var(--forest);font-size:17px}
#menuList .grp span{font-weight:400;color:#8a6a1c;font-size:13px}
html[lang="en"] #menuList .grp{font-family:"Playfair Display",Georgia,serif;font-size:19px}
html[lang="en"] #menuList .grp span{font-family:"Nunito",sans-serif;font-weight:700}
#menuList .line{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
#menuList .line:last-child{border-bottom:0}
#menuList .line.active{background:#f3f9e6;border-radius:12px;padding-inline:8px;border-bottom-color:transparent}
#menuList .line.note{opacity:.8}
#menuList .ic{flex:none;width:64px;height:48px;border-radius:10px;overflow:hidden;display:grid;place-items:center;font-size:26px;background:#f3f6e4}
#menuList .ic img{width:100%;height:100%;object-fit:cover}
#menuList .info{flex:1;min-width:0}
#menuList .nm{margin:0;font-size:16px;font-weight:700;color:var(--ink,#1d2a1c);line-height:1.8}
html[lang="en"] #menuList .nm{line-height:1.35}
#menuList .sub{margin:0;font-size:12.5px;color:var(--muted)}
#menuList .dbadge{display:inline-block;margin-inline-end:8px;font-size:11px;font-weight:800;background:#eef3dc;color:var(--forest);border:1px solid var(--line);border-radius:999px;padding:0 9px;vertical-align:middle;line-height:1.9}
html[lang="en"] #menuList .dbadge{font-family:"Nunito",sans-serif;letter-spacing:.02em;line-height:1.7}
#menuList .dbadge.today{background:var(--panel);color:var(--on);border-color:var(--gold)}
#menuList .step{display:flex;align-items:center;gap:6px;flex:none}
#menuList .step button{width:36px;height:36px;border-radius:10px;border:2px solid var(--lime-d);background:#fff;color:var(--lime-d);font:900 18px/1 "Nunito",sans-serif;cursor:pointer;display:grid;place-items:center;padding:0}
#menuList .step button:disabled{opacity:.35;cursor:not-allowed}
#menuList .step button:hover:not(:disabled){background:var(--lime-d);color:#fff}
#menuList .step .q{min-width:26px;text-align:center;font:900 16px "Nunito",sans-serif}
#menuList .amt{flex:none;min-width:72px;text-align:center;font-weight:900;color:var(--lime-d);font-family:"Nunito",sans-serif}
#menuList .num{white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-family:"Nunito",sans-serif}
@media(max-width:560px){
  #menuList{padding:4px 12px 10px}
  #menuList .line{flex-wrap:wrap;gap:8px 10px}
  #menuList .ic{width:56px;height:44px}
  #menuList .info{flex:1 1 calc(100% - 70px)}
  #menuList .step{margin-inline-start:66px}
  #menuList .amt{margin-inline-start:auto;min-width:0}
}
#menuList .inote{color:#8a6a1c;font-weight:700}