:root{font-family:Inter,system-ui,sans-serif;color:#172018;background:#f7f8f7}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}main{min-height:100dvh;padding:env(safe-area-inset-top) 0 calc(72px + env(safe-area-inset-bottom));max-width:680px;margin:auto}header{height:74px;display:flex;gap:14px;align-items:center;padding:12px 18px;background:#fff;border-bottom:1px solid #e6e9e6}header div{flex:1}header h1{font-size:19px;margin:2px 0}small{color:#16803c;font-weight:800;font-size:10px}button{border:0;background:transparent;color:inherit;min-height:44px;font:inherit}.content{padding:18px}.hero,.map{background:#172018;color:#fff;border-radius:20px;padding:22px}.hero p{color:#9fe2b4;margin:0}.hero h2{margin:8px 0;font-size:25px}.hero span,.map span{color:#c6d2c7;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.card,.empty{background:#fff;border:1px solid #e6e9e6;border-radius:16px;padding:16px}.card span{display:block;color:#687569;font-size:12px}.card b{font-size:28px}.empty{text-align:center;color:#687569;margin-top:14px;padding:30px}.chips{display:flex;overflow:auto;gap:8px}.chips button{white-space:nowrap;background:#e8efe9;border-radius:999px;padding:0 14px}.map{min-height:240px;display:grid;place-content:center;text-align:center;gap:10px}.offline{padding:10px 18px;background:#fff4d5;color:#6b5214;display:flex;gap:8px;align-items:center;font-size:13px}nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e6e9e6;display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}nav button{width:min(25%,170px);display:grid;place-items:center;gap:2px;text-transform:capitalize;font-size:11px;color:#687569}nav .active{color:#16803c;font-weight:800}aside{position:fixed;z-index:4;top:0;bottom:0;width:min(84%,320px);padding:env(safe-area-inset-top) 18px;background:#fff;box-shadow:10px 0 32px #0002;display:grid;align-content:start}aside button,.menuitem{border-bottom:1px solid #edf0ed;text-align:left}.more{background:#fff;border-radius:18px;padding:0 16px}.menuitem{width:100%;display:flex;gap:12px;align-items:center}.login{display:grid;place-items:center;padding:24px}.login section{width:min(100%,420px);background:#fff;padding:28px;border-radius:22px;border:1px solid #e6e9e6}.login p{font-weight:800;color:#16803c;letter-spacing:.08em;font-size:12px}.login h1{font-size:32px;margin:8px 0}.login form{display:grid;gap:14px;margin-top:28px}.login label{display:grid;gap:6px;font-size:13px;font-weight:700}.login input{min-height:48px;border:1px solid #ccd4cd;border-radius:12px;padding:0 12px;font:inherit}.login form button{border-radius:12px;background:#16803c;color:#fff;font-weight:800}.deliverylist{display:grid;gap:12px;margin-top:14px}.delivery{background:#fff;border:1px solid #e6e9e6;border-radius:16px;padding:16px}.delivery h3{margin:5px 0}.delivery p{color:#687569;font-size:13px}.delivery button{background:#16803c;color:#fff;border-radius:10px;padding:0 14px;font-weight:800}