:root{--ink:#122e38;--ink2:#294750;--mid:#687e83;--light:#f5f5ef;--paper:#fff;--cream:#faf8f1;--lime:#dff47e;--lime2:#cde968;--border:#e8ebe5;--shadow:0 15px 45px rgba(22,54,60,.08);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fdfcf8}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{text-decoration:none;color:inherit}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{border-color:#9baa66!important;box-shadow:0 0 0 3px rgba(201,229,104,.24)}.site-shell{max-width:1480px;padding:0 clamp(18px,5vw,75px);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:26px 0;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;direction:ltr;text-align:left}.brand-logo{height:46px;width:50px;display:grid;place-items:center;background:var(--ink);border-radius:14px;color:#fff;font-size:29px;font-weight:850;letter-spacing:-3px;line-height:1}.brand-dot{color:var(--lime)}.brand-title{display:flex;flex-direction:column;font-weight:900;font-size:17px;letter-spacing:-.5px;line-height:1.05}.brand-title>span{color:#6d8562}.brand-title small{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#96a7a4;margin-top:7px}.top-actions{display:flex;align-items:center;gap:18px}.pilot-label{font-size:12px;color:#657a77;border:1px solid #e0e6de;background:#f5f6f0;padding:9px 14px;border-radius:50px}.icon-action{border:1px solid var(--border);background:white;width:47px;height:47px;border-radius:50%;font-size:21px;position:relative}.icon-action b{position:absolute;top:-6px;right:-5px;background:var(--lime);font-size:10px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}.hero{background:#133442;min-height:475px;border-radius:27px;display:grid;grid-template-columns:1.12fr .88fr;overflow:hidden;color:#fff;position:relative}.hero-copy{padding:clamp(38px,6vw,90px) clamp(30px,5vw,75px);position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);border-radius:50px;padding:9px 14px;font-size:13px;color:#ecf8ec}.live-dot{display:inline-block;background:#c5f081;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px rgba(209,244,126,.16);margin-inline-end:5px}.hero h1{font-size:clamp(40px,5.1vw,76px);line-height:1.15;letter-spacing:-2px;margin:26px 0 20px;max-width:660px}.hero h1 em,.menu-section h2 em{font-style:normal;color:var(--lime)}.hero p{max-width:530px;color:#c3d3d7;font-size:16px;line-height:2;margin:0 0 28px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;font-weight:800;font-size:14px;transition:transform .16s ease,background .16s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--lime);color:#17303a}.btn-primary:hover{background:var(--lime2)}.btn-glass{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18)}.btn-dark{background:var(--ink);color:#fff}.btn-outline{background:#fff;border:1px solid #dde4de;color:var(--ink)}.btn-small{font-size:12px;padding:9px 15px;border-radius:9px}.full{width:100%}.hero-foot{display:flex;flex-wrap:wrap;gap:20px;color:#a8c4c5;margin-top:47px;font-size:12px}.hero-visual{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}.orb{position:absolute;border-radius:50%;border:1px solid rgba(236,255,210,.13)}.orb-one{height:480px;width:480px;background:radial-gradient(circle,#346464aa,transparent 70%)}.orb-two{height:340px;width:340px;border:1px dashed rgba(245,255,220,.22)}.plate{height:min(28vw,350px);width:min(28vw,350px);min-height:260px;min-width:260px;border-radius:50%;background:radial-gradient(circle at 45% 42%,#fff 0%,#fbfbf4 58%,#e7e9dd 66%,#fff 73%);box-shadow:0 35px 55px rgba(0,0,0,.33),inset 0 0 0 12px #eaece4;display:flex;align-items:center;justify-content:center;transform:rotate(-18deg)}.plate span{font-size:clamp(130px,17vw,200px);filter:drop-shadow(0 13px 8px rgba(0,0,0,.18))}.floating-note{position:absolute;border-radius:13px;box-shadow:var(--shadow)}.top-note{top:16%;right:0;background:#e7f4a9;color:#1c3434;padding:13px 19px;font-weight:800;transform:rotate(5deg)}.top-note b{padding-right:10px}.bottom-note{bottom:16%;left:4%;background:#fff;color:#23333a;padding:15px 22px;display:flex;flex-direction:column;gap:2px;transform:rotate(-5deg)}.bottom-note span{font-size:14px;color:#d59d42;letter-spacing:3px}.bottom-note strong{font-size:12px}.notice-row{display:flex;justify-content:space-between;align-items:center;margin:19px 4px 64px;gap:12px}.table-marker{display:flex;align-items:center;gap:12px;background:#edf3ed;padding:12px 19px;border-radius:50px;font-size:13px}.table-marker b{color:#345a43}.notice-note{font-size:12px;color:var(--mid)}.section-overline{font-size:12px;font-weight:900;letter-spacing:1.5px;color:#6a8d7b}.assistant-card{display:flex;align-items:flex-start;gap:28px;border-radius:22px;background:#f4f7ea;padding:34px clamp(24px,4vw,52px);border:1px solid #e8edda}.assistant-icon{height:62px;width:62px;min-width:62px;background:var(--ink);color:var(--lime);font-size:32px;display:grid;place-items:center;border-radius:19px}.assistant-body{width:100%}.assistant-body h2,.section-heading h2,.how-it-works h2,.admin-section h2{font-size:clamp(23px,2.9vw,36px);letter-spacing:-.6px;margin:9px 0 10px}.assistant-body p{color:#637e76;font-size:14px;line-height:1.95;max-width:750px;margin-bottom:17px}.assistant-form{display:flex;background:#fff;border:1px solid #e0e8d8;border-radius:15px;padding:7px;max-width:820px}.assistant-form input{flex:1;min-width:0;border:0;background:transparent;padding:12px 14px;font-size:14px}.assistant-form input:focus{box-shadow:none}.assistant-form .btn{white-space:nowrap}.suggest-result{margin-top:13px}.suggest-result>p{font-size:14px;margin:8px 0}.recommendations{display:flex;gap:9px;flex-wrap:wrap}.recommendations button{background:#fff;border:1px solid #d6e0c9;padding:11px 12px;border-radius:10px;font-size:13px}.recommendations b{color:#57705d}.menu-section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-heading h2{margin-bottom:0}.menu-section h2 em{color:#85a44c}.search-box{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);padding:0 18px;min-width:230px;border-radius:12px;color:var(--mid);font-size:25px}.search-box input{border:0;background:transparent;height:47px;width:100%;font-size:13px}.search-box input:focus{box-shadow:none}.category-tabs{display:flex;gap:9px;overflow:auto;padding-bottom:18px;margin-bottom:13px}.tab{white-space:nowrap;border:1px solid #e4e8df;background:#fff;border-radius:50px;padding:11px 19px;font-size:13px;color:#667d7a}.tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.food-card{border:1px solid #eeeee7;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 6px 24px rgba(29,54,55,.035);transition:transform .17s,box-shadow .17s}.food-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(29,54,55,.08)}.food-picture{height:190px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,#fdfbf1 0%,#e9eee3 78%)}.food-card:nth-child(4n+2) .food-picture{background:radial-gradient(circle at center,#fff6df,#eae7dc)}.food-card:nth-child(4n+3) .food-picture{background:radial-gradient(circle at center,#f6f8f1,#e3e9e3)}.food-emoji{font-size:93px;filter:drop-shadow(0 12px 11px rgba(61,83,60,.15));transition:transform .2s}.food-card:hover .food-emoji{transform:scale(1.09) rotate(-5deg)}.food-stamp{position:absolute;top:14px;right:14px;border:1px solid rgba(255,255,255,.7);background:#ffffffc9;padding:7px 11px;border-radius:30px;color:#29464a;font-size:11px;font-weight:700}.food-copy{padding:23px}.food-name{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:5px}.food-name h3{margin:0;font-size:18px}.popular{font-size:10px;color:#b4832e;background:#fff6df;padding:6px 8px;border-radius:30px}.food-copy p{color:#84918d;margin:9px 0 20px;height:42px;font-size:12px;line-height:1.8}.food-bottom{display:flex;justify-content:space-between;align-items:center}.food-bottom strong{font-size:19px}.add-btn{background:var(--lime);border:0;color:#1a3e3c;font-size:26px;height:40px;width:40px;border-radius:12px;display:grid;place-items:center}.how-it-works{text-align:center;background:#f3f5ed;padding:60px 30px;border-radius:22px;margin-bottom:80px}.steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin:34px auto 0;gap:25px}.steps>div{display:flex;flex-direction:column;gap:11px;align-items:center}.step-num{width:55px;height:55px;display:grid;place-items:center;border:1px solid #d9e3d1;border-radius:50%;color:#739b62;font-weight:900;font-size:17px}.steps strong{font-size:15px}.steps small{color:#87978b}.site-footer{display:flex;justify-content:space-between;color:#879791;font-size:12px;padding:25px 5px 45px;border-top:1px solid var(--border)}.site-footer a{color:var(--ink)}.floating-cart{display:none;position:fixed;z-index:20;bottom:22px;left:50%;transform:translateX(-50%);width:min(590px,calc(100% - 36px));padding:14px 21px;border:0;border-radius:14px;box-shadow:0 9px 35px #14363a55;background:var(--ink);color:#fff;justify-content:space-between;align-items:center;font-size:13px;gap:16px}.floating-cart.visible{display:flex}.floating-cart span:first-child{font-size:21px}.floating-cart span:nth-child(2){font-weight:800}.floating-cart b{background:var(--lime);color:#132c32;border-radius:100px;padding:2px 7px}.overlay{position:fixed;inset:0;background:rgba(8,28,34,.56);z-index:50}.overlay[hidden],.modal-wrap[hidden]{display:none}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:60;width:min(460px,100%);background:#fff;box-shadow:15px 0 45px #0001;display:flex;flex-direction:column;transform:translateX(-105%);transition:transform .22s}.drawer[aria-hidden="false"]{transform:translateX(0)}.no-scroll{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:25px 26px}.drawer-head h2{margin:5px 0 0;font-size:24px}.close-btn{height:37px;width:37px;border:1px solid var(--border);background:#fff;border-radius:50%;font-size:23px}.drawer-scroll{padding:24px;overflow:auto;flex:1}.cart-empty{padding:32px;text-align:center;color:var(--mid);font-size:33px}.cart-empty p{font-size:16px;color:var(--ink);font-weight:700}.cart-empty small{display:block;font-size:12px}.cart-line{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.cart-emoji{width:55px;height:55px;display:grid;place-items:center;border-radius:13px;background:#f5f5ed;font-size:27px}.cart-description{display:flex;flex-direction:column;gap:5px;flex:1;font-size:13px}.cart-description small{color:#869694;font-size:10px}.cart-description strong{font-size:13px}.cart-controls{display:flex;align-items:center;gap:7px}.cart-controls button,.qty-group button{background:#f1f4eb;border:0;border-radius:6px;height:28px;width:28px;font-size:18px}.cart-controls b{font-size:12px}.order-form{display:flex;flex-direction:column;gap:9px;margin-top:26px}.order-form label{font-size:13px;font-weight:750}.order-form input,.order-form textarea,.login-card input,.edit-form input,.edit-form textarea,.edit-form select,.settings-card input,.admin-order select{border:1px solid #e0e8e5;background:#fff;border-radius:10px;padding:11px 13px;width:100%;margin-bottom:11px;font-size:13px}.required{color:#c66a48}.drawer-warning{background:#f7f7ef;border-radius:10px;padding:11px;font-size:12px;color:#5e7770;margin-top:12px;line-height:1.7}.feedback{color:#ad4d38;font-size:12px;line-height:1.8}.drawer-foot{padding:21px 26px;border-top:1px solid var(--border)}.total-line{display:flex;justify-content:space-between;margin-bottom:18px;align-items:center;font-size:14px}.total-line strong{font-size:22px}.modal-wrap{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-overlay{z-index:0}.addon-modal,.success-modal{width:min(490px,100%);max-height:min(90vh,700px);overflow:auto;background:white;border-radius:20px;position:relative;z-index:1;box-shadow:var(--shadow)}.addon-modal>.drawer-head{padding:23px 26px}.addon-modal>p,.addon-options,.modal-qty,.addon-modal>.btn{margin-left:26px;margin-right:26px}.addon-modal>p{font-size:13px;color:var(--mid);line-height:1.8}.addon-options{padding-top:10px;padding-bottom:20px}.addon-options h4{margin:0 0 13px;font-size:14px}.addon-option{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);padding:13px 12px;border-radius:10px;margin-bottom:8px;font-size:13px}.addon-option span{display:flex;gap:7px;align-items:center}.addon-option input{accent-color:#49675a}.addon-option b{font-size:12px}.modal-qty{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:20px;margin-bottom:20px;font-size:14px}.qty-group{display:flex;align-items:center;gap:18px}.addon-modal>.btn{width:calc(100% - 52px);margin-bottom:24px}.success-modal{text-align:center;padding:35px}.success-icon{height:80px;width:80px;background:#e7f6ad;border-radius:50%;display:grid;place-items:center;margin:0 auto 19px;font-size:37px}.success-modal h2{margin:0;font-size:25px}.success-modal>p{line-height:1.9;font-size:13px;color:var(--mid)}.order-ticket{border:2px dashed #e6e8df;border-radius:14px;padding:17px;display:flex;flex-direction:column;gap:8px;margin:22px 0}.order-ticket strong{font-size:25px;direction:ltr}.order-ticket small{color:var(--mid)}.status-pill{display:inline-block;background:#f4f6e9;border-radius:50px;padding:9px 17px;margin-bottom:22px!important}.empty-panel,.loading{padding:48px;text-align:center;grid-column:1/-1;color:#738982;background:#f8f9f4;border-radius:14px}.muted{font-size:12px;color:#91a29c}
/* Login + dashboard */
.login-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,#e6eedc,transparent 35%),#f6f7f2;display:grid;place-items:center;padding:25px}.login-card{max-width:440px;width:100%;background:white;border-radius:24px;padding:45px 40px;box-shadow:var(--shadow)}.login-card .brand{margin-bottom:35px}.login-symbol{width:65px;height:65px;border-radius:20px;background:#ebf4d9;color:#1d403f;display:grid;place-items:center;font-size:34px}.login-card h1{font-size:31px;margin:17px 0 8px}.login-card>p{color:var(--mid);font-size:14px;line-height:1.9;margin-bottom:26px}.login-card label{display:block;margin-bottom:9px;font-weight:800;font-size:13px}.login-card input{padding:15px}.back-link{font-size:12px;display:block;text-align:center;margin-top:21px;color:var(--mid)}.alert-error{background:#fff0ed;color:#ad493f;font-size:12px;padding:12px;border-radius:10px;margin-bottom:16px}.admin-page{background:#f8f9f7}.admin-layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:260px;min-width:260px;background:#122e38;color:#fff;padding:29px 20px;display:flex;flex-direction:column}.sidebar .brand{margin:0 6px 46px}.sidebar .brand-logo{background:var(--lime);color:#1c343a}.sidebar .brand-dot{color:#608055}.sidebar .brand-title>span{color:#daee9d}.side-label{font-size:11px;color:#779aa0;margin:0 15px 17px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav a{display:flex;gap:12px;align-items:center;padding:14px 15px;border-radius:11px;color:#9fb6bb;font-size:13px}.side-nav a:hover,.side-nav a.selected{background:#264650;color:#fff}.side-nav a b{margin-right:auto;background:#dff47e;color:#1a3139;border-radius:50px;min-width:19px;height:19px;display:grid;place-items:center;font-size:11px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:15px;border-top:1px solid #2e4c54}.sidebar-bottom a,.sidebar-bottom button{color:#b7c8cc;font-size:12px;background:none;border:0;padding:4px;text-align:right}.admin-main{max-width:1500px;flex:1;min-width:0;padding:35px clamp(22px,4vw,66px)}.admin-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5eae5;padding-bottom:29px;margin-bottom:36px;gap:14px}.admin-top h1{font-size:30px;margin:6px 0 0}.admin-live{font-size:12px;color:#4b7771;background:#eef4e8;border-radius:30px;padding:11px 17px}.admin-section{scroll-margin-top:30px;margin-bottom:60px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card{background:white;border:1px solid #e8ebe6;border-radius:16px;padding:25px;display:flex;flex-direction:column;gap:12px}.stat-card>span{font-size:13px;color:var(--mid)}.stat-card>strong{font-size:35px;line-height:1.2;letter-spacing:-1px}.stat-card strong small{font-size:12px}.stat-card>small{font-size:11px;color:#9aaba7}.admin-hint{border-radius:12px;background:#ecf5df;padding:16px;color:#4d7259;font-size:13px;margin-top:20px}.orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.admin-order{border:1px solid #e5eae4;background:white;border-radius:17px;padding:21px}.order-header{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-bottom:17px;border-bottom:1px solid var(--border)}.order-header>div{display:flex;flex-direction:column;gap:6px}.order-header strong{font-size:15px;direction:ltr}.order-header small{font-size:11px;color:var(--mid)}.state-tag{font-size:11px;white-space:nowrap;border-radius:50px;background:#edf2e9;color:#5f7765;padding:6px 12px}.state-new{background:#fff4d6;color:#a07722}.state-preparing{background:#e7effe;color:#4a6a99}.state-ready{background:#e6f3cf;color:#517a39}.state-cancelled{background:#fcedeb;color:#ab554d}.order-lines{padding:16px 0;display:flex;flex-direction:column;gap:11px}.order-lines>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.order-lines>small{color:#8b9895;font-size:11px}.order-note{font-size:12px;background:#fcf8ee;border-radius:8px;padding:10px;margin-bottom:12px}.order-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:15px;gap:10px}.order-footer form{display:flex;gap:5px;align-items:center}.admin-order select{margin-bottom:0;width:140px;padding:9px;font-size:11px}.menu-admin-list{display:flex;flex-direction:column;gap:8px}.edit-product,.new-item-panel{background:white;border:1px solid var(--border);border-radius:13px;overflow:hidden}.edit-product summary,.new-item-panel summary{display:flex;gap:14px;align-items:center;padding:14px 20px;cursor:pointer;list-style:none}.edit-product summary::-webkit-details-marker,.new-item-panel summary::-webkit-details-marker{display:none}.admin-food{width:49px;height:49px;border-radius:12px;background:#f5f5ed;display:grid;place-items:center;font-size:24px}.edit-title{flex:1;display:flex;flex-direction:column;gap:7px}.edit-title b{font-size:13px}.edit-title small{font-size:11px;color:var(--mid)}.availability{font-size:11px;border-radius:30px;padding:6px 13px}.in-stock{background:#eef6df;color:#598059}.out-stock{background:#fbeee8;color:#b96c55}.edit-form{padding:25px;border-top:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid label,.settings-card label{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:9px}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{margin-bottom:0}.checkbox-line{margin:19px 0;font-size:12px}.addon-admin{margin:16px 0 22px;display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.addon-admin small{width:100%;color:var(--mid)}.addon-admin label{background:#f4f5f0;border-radius:40px;padding:9px 11px}.new-item-panel{margin-top:13px}.new-item-panel summary{font-size:13px;font-weight:900;color:#426a55}.settings-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{background:white;border:1px solid var(--border);border-radius:16px;padding:25px;display:flex;flex-direction:column;gap:15px}.settings-card input{margin:0}.settings-card button{align-self:flex-start}.qr-card{align-items:flex-start}.qr-card h3{font-size:17px;margin:0}.qr-card p{font-size:13px;color:var(--mid);line-height:1.8;margin:0}.qr-card img{border:1px solid var(--border);border-radius:12px;padding:7px}.qr-card small{font-size:10px;color:var(--mid);overflow-wrap:anywhere}.admin-footer{border-top:1px solid var(--border);padding:26px;color:var(--mid);font-size:11px}
@media (max-width:1100px){.hero{grid-template-columns:1fr .9fr}.hero-copy{padding:45px 35px}.plate{min-width:220px;min-height:220px}.food-picture{height:155px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-grid{grid-template-columns:1fr}.sidebar{width:220px;min-width:220px}}@media(max-width:750px){.topbar{padding:18px 0}.site-shell{padding:0 17px}.brand-logo{width:43px;height:43px;font-size:25px}.brand-title{font-size:14px}.brand-title small{font-size:7px}.pilot-label{display:none}.hero{display:flex;flex-direction:column;min-height:unset;border-radius:19px}.hero-copy{padding:36px 27px 35px}.hero h1{font-size:43px}.hero p{font-size:13px;line-height:1.9}.hero-foot{margin-top:27px;gap:13px;font-size:10px}.hero-visual{min-height:230px}.plate{height:200px;width:200px;min-height:200px;min-width:200px}.plate span{font-size:115px}.orb-one{width:300px;height:300px}.orb-two{height:270px;width:270px}.top-note{top:9%;right:5%;font-size:11px}.bottom-note{bottom:12%;left:8%}.notice-row{margin:17px 0 45px}.notice-note{font-size:10px;max-width:155px;line-height:1.8}.assistant-card{padding:25px 19px;gap:14px}.assistant-icon{width:38px;height:38px;min-width:38px;border-radius:12px;font-size:22px}.assistant-body h2{font-size:23px}.assistant-body p{font-size:12px}.assistant-form{flex-direction:column}.assistant-form input{min-height:46px}.menu-section{padding-top:64px;padding-bottom:60px}.section-heading{align-items:flex-start;flex-direction:column}.menu-tools,.search-box{width:100%}.menu-grid{gap:11px}.food-picture{height:124px}.food-emoji{font-size:63px}.food-stamp{font-size:9px;top:8px;right:8px;padding:4px 8px}.food-copy{padding:13px}.food-name h3{font-size:14px;line-height:1.5}.popular{font-size:9px}.food-copy p{font-size:10px;height:52px;margin:7px 0 11px}.food-bottom strong{font-size:12px}.add-btn{height:33px;width:33px;font-size:23px}.how-it-works{padding:35px 18px;margin-bottom:50px}.steps{grid-template-columns:1fr;gap:22px}.site-footer{padding-bottom:90px}.sidebar{width:73px;min-width:73px;padding:20px 9px}.sidebar .brand{margin:0 3px 36px}.sidebar .brand-title,.side-label,.side-nav a span,.sidebar-bottom{display:none}.side-nav a{font-size:23px;padding:13px;justify-content:center}.side-nav a b{font-size:9px;position:absolute;margin-right:43px;margin-top:-27px}.admin-main{padding:20px 15px}.admin-top{align-items:start;flex-direction:column}.admin-top h1{font-size:24px}.admin-live{font-size:10px}.stats-grid{grid-template-columns:1fr;gap:8px}.stat-card{padding:15px}.stat-card>strong{font-size:24px}.settings-split{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.order-footer{align-items:start;flex-direction:column}.orders-grid{gap:10px}.order-header{flex-wrap:wrap}.edit-product summary{gap:7px;padding:10px}.edit-title b{font-size:11px}.availability{padding:5px 7px;font-size:9px}.edit-form{padding:14px}.admin-order{padding:14px}.login-card{padding:30px 24px}}
@media(max-width:360px){.menu-grid{grid-template-columns:1fr}.food-picture{height:160px}.hero h1{font-size:37px}.topbar{gap:5px}.brand-title{font-size:12px}}

/* Conversational ordering assistant — MVP v0.2 */
.assistant-chat{align-items:flex-start}.assistant-chat .assistant-body{min-width:0;width:100%}.chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.chat-header p{max-width:650px}.chat-voice-toggle{background:#ecf4e1;border:1px solid #c9daba;color:#355848;border-radius:999px;white-space:nowrap;font-size:11px;font-weight:700;padding:10px 12px;cursor:pointer}.chat-voice-toggle[aria-pressed="true"]{background:#d7efbe;color:#224c3b}.chat-voice-toggle:disabled{opacity:.5;cursor:not-allowed}.chat-thread{margin:17px 0 9px;min-height:230px;max-height:400px;overflow:auto;display:flex;flex-direction:column;gap:15px;background:rgba(249,252,245,.77);padding:20px 18px;border:1px solid #e3e9dc;border-radius:17px;scroll-behavior:smooth}.chat-line{display:flex;gap:9px;align-items:flex-end;max-width:90%}.chat-line.user{align-self:flex-end;justify-content:flex-end}.chat-line.bot{align-self:flex-start}.chat-avatar{width:31px;height:31px;display:grid;place-items:center;background:#dbedb9;color:#365949;border-radius:11px;flex-shrink:0;font-size:20px}.chat-bubble{background:#fff;padding:14px 17px;border:1px solid #e7eae2;border-radius:16px 16px 16px 4px;box-shadow:0 3px 14px rgba(25,45,31,.035);font-size:13px;line-height:1.8;white-space:normal;overflow-wrap:anywhere}.chat-bubble p{color:#24433f;font-size:inherit;line-height:inherit;margin:0}.chat-line.user .chat-bubble{background:#18483f;color:#fff;border-color:#18483f;border-radius:16px 16px 4px 16px}.chat-line.user .chat-bubble p{color:#fff}.chat-recommendations{margin-top:13px;display:flex;flex-direction:column;gap:7px}.chat-recommendations button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;cursor:pointer;border:1px solid #d9e7d1;background:#f8fcf5;padding:10px;border-radius:12px;text-align:right;color:#244a3e}.chat-recommendations button>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.chat-recommendations button b{font-size:12px}.chat-recommendations small{font-size:11px;color:#667e71}.chat-recommendations button>strong{font-size:11px;white-space:nowrap;color:#2a754e}.chat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chat-chips button{font-size:12px;font-weight:700;background:#e7f1df;color:#38674c;border:1px solid #d3e5cb;padding:9px 14px;border-radius:999px;cursor:pointer}.chat-chips button:hover{background:#d5e8cd}.chat-form{display:flex;gap:9px;align-items:stretch}.chat-form input{margin:0;flex:1;min-width:0;background:#fff;min-height:53px}.chat-form button{white-space:nowrap}.chat-form #chatSend{padding:10px 23px}.chat-mic{width:52px;border-radius:12px;background:#f8faf4;border:1px solid #d8e2d2;font-size:21px;cursor:pointer}.chat-mic.listening{background:#ffebeb;box-shadow:0 0 0 4px rgba(197,76,70,.10)}.chat-mic:disabled{opacity:.45;cursor:not-allowed}.chat-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:#71887d;font-size:10px;margin-top:13px}.chat-footer span{line-height:1.7}
@media(max-width:750px){.assistant-chat{gap:10px}.chat-header{flex-direction:column;gap:0}.chat-header h2{font-size:23px}.chat-voice-toggle{margin:5px 0 8px;font-size:10px}.chat-thread{min-height:220px;max-height:380px;margin-top:5px;padding:13px 8px}.chat-line{max-width:97%}.chat-bubble{font-size:12px;padding:11px}.chat-chips{gap:6px}.chat-chips button{padding:7px 10px;font-size:11px}.chat-form{gap:6px}.chat-form input{font-size:12px;min-height:45px;padding:8px}.chat-form #chatSend{font-size:11px;padding:6px 10px}.chat-mic{width:39px;font-size:18px}.chat-footer{font-size:9px}}

/* Arabic voice + text conversation — v0.3 */
.voice-call-bar{display:flex;align-items:center;gap:15px;background:linear-gradient(90deg,#e1eed9,#f5fbeb);padding:14px;margin:16px 0 10px;border:1px solid #d0e2c9;border-radius:15px}
.voice-call-button{background:#153b36;border:0;color:white;font-size:13px;font-weight:800;padding:13px 18px;border-radius:12px;white-space:nowrap}
.voice-call-button.active{background:#ad3b3b}
.voice-call-button:disabled{opacity:.48}
.voice-call-explainer{display:flex;flex-direction:column;gap:4px;min-width:0;color:#355b4b}
.voice-call-explainer strong{font-size:12px;line-height:1.7}
.voice-call-explainer small{font-size:10px;color:#657d70;line-height:1.7}
.chat-replay{display:inline-flex;align-items:center;gap:5px;color:#426b59;border:0;background:none;cursor:pointer;padding:5px 0 0;font-size:10px;font-weight:700}
.chat-replay:hover{text-decoration:underline}
@media(max-width:750px){.voice-call-bar{flex-direction:column;align-items:stretch;gap:8px;padding:11px}.voice-call-button{width:100%}.voice-call-explainer strong{font-size:11px}}

#chatAudioFallback:not([hidden]){display:block;width:min(310px,100%);height:42px;margin-top:5px}