.extra-language{font-size:11px;border:1px solid #7b9b85;background:transparent;color:inherit;border-radius:6px;padding:7px;max-width:145px}.extra-language option{color:#153e35;background:#f7f8f2}.translation-status{font:11px Manrope,Arial,sans-serif;text-align:center;padding:10px 20px;background:#edf3df;color:#153e35;line-height:1.7}.translation-status:empty{display:none}html[lang=ar],html[lang=he]{text-align:start}@media(max-width:700px){.extra-language{max-width:110px;font-size:10px}.langs{gap:0}.langs button{padding:6px}.logo{font-size:20px}.languages{gap:1px}.menu-header{gap:6px}.brand small{display:none}}html[data-auto-language] h1,html[data-auto-language] h2{white-space:pre-line}

/* Shared brand and language controls across landing and restaurant demo. */
.logo,.brand{display:inline-flex;align-items:center;gap:10px;line-height:1}
.brand-mark{display:block;width:32px;height:32px;flex:none}
.logo>.brand-mark{color:#d7f968}.logo>span{margin-left:4px}
.brand>small{margin-left:3px}.brand>.brand-mark{color:#153e35}
.scan-icon{display:flex;align-items:center;justify-content:center}
.scan-icon .brand-mark{width:44px;height:44px;color:#153e35}
header .langs,header .languages{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #ffffff28;border-radius:12px;background:#ffffff06}
header .langs button,header .languages button{display:grid;place-items:center;width:40px;height:36px;padding:0;border:0;border-radius:8px;font-size:12px;font-weight:600;line-height:1;background:transparent;color:#b8cbbf;flex:none}
header .langs button.active,header .languages button.active{background:#d7f968;color:#153e35;border:0;border-radius:8px}
header .langs button:hover,header .languages button:hover{background:#ffffff12}
header .langs button.active:hover,header .languages button.active:hover{background:#d7f968}
header .extra-language{box-sizing:border-box;appearance:none;height:36px;min-width:146px;max-width:190px;margin:0 0 0 8px;padding:0 30px 0 14px;border:0;border-left:1px solid #ffffff28;border-radius:0;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23a8c2b6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;color:inherit;font:600 12px Manrope,Arial,sans-serif;cursor:pointer}
header .extra-language:disabled{opacity:.5;cursor:default}
header .small-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;background:#d7f968;color:#153e35;border:1px solid #d7f968;border-radius:10px;font-size:12px;font-weight:800;transition:background .2s}
header .small-cta:hover{background:#e5ff91;border-color:#e5ff91}
.menu-header .languages{background:#eaf0e4;border-color:#d5dfce}
.menu-header .languages button{color:#657d6d}
.menu-header .languages button:hover{background:#dce6d4}
.menu-header .languages button.active{color:#153e35;background:#d7f968}
.menu-header .extra-language{border-left-color:#c7d3be;color:#153e35}
@media(max-width:700px){header .langs,header .languages{width:auto;max-width:100%;margin-left:0;gap:4px;flex-wrap:nowrap}header .extra-language{margin-left:6px;min-width:136px;max-width:160px}header .langs button,header .languages button{width:36px;height:36px}header .small-cta{display:none}.menu-header{flex-wrap:wrap;gap:16px;padding:20px}.menu-header .languages{margin-left:auto}.logo .brand-mark,.brand .brand-mark{width:28px;height:28px}}
@media(max-width:480px){.menu-header .languages{margin-left:0}.menu-header .brand{width:100%}}