:root{--teal:#12A594;--teal-2:#0E8A7D;--teal-deep:#0B6F66;--teal-soft:#E2F4F1;--teal-grad:linear-gradient(135deg,#15B3A2,#0E8A7D);--navy:#0E2A3B;--ink:#1B2B33;--ink-2:#46565E;--muted:#8A949C;--faint:#AEB7BD;--bg:#F4F7F8;--card:#FFFFFF;--line:#EAEEF0;--line-2:#F1F4F5;--amber:#F5A623;--rose:#EF5B6E;--green:#2BB673;--r:20px;--r-lg:26px;--r-sm:14px;--shadow:0 10px 30px rgba(20,50,60,.08);--shadow-sm:0 4px 16px rgba(20,50,60,.06);--shadow-teal:0 10px 24px rgba(18,165,148,.3);--font:"Plus Jakarta Sans",system-ui,sans-serif;--phone:480px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{max-width:var(--phone);margin:0 auto;min-height:100dvh;position:relative;background:var(--bg)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}i.ti{display:inline-flex}.brand{display:inline-flex;align-items:center;gap:.5rem}.brand-logo{width:34px;height:34px;border-radius:11px;background:var(--teal-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--shadow-teal)}.brand-name{font-weight:800;font-size:1.3rem;letter-spacing:-.02em}.brand-name b{color:var(--teal);font-weight:800}.brand-name span{color:var(--navy)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:.7rem;padding:calc(.7rem + env(safe-area-inset-top)) 1.1rem .7rem;background:var(--bg)}.tb-back{width:42px;height:42px;border-radius:13px;background:var(--card);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--ink);flex-shrink:0}.tb-title{font-weight:700;font-size:1.1rem}.content{padding:0 1.1rem 7rem}.content.flush{padding:0 0 7rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;font-weight:700;font-size:1rem;padding:.95rem 1.5rem;transition:transform .15s,box-shadow .2s;width:100%}.btn:active{transform:scale(.98)}.btn-teal{background:var(--teal-grad);color:#fff;box-shadow:var(--shadow-teal)}.btn-ghost{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-soft{background:var(--teal-soft);color:var(--teal-deep)}.btn-sm{padding:.6rem 1.05rem;font-size:.85rem;width:auto}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm)}.pill{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;font-size:.72rem;padding:.28rem .6rem;border-radius:999px}.pill-confirmed{background:#e4f3ec;color:#1e9e66}.pill-ontheway{background:#e3f1fb;color:#1f86c9}.pill-pending{background:#fff1dc;color:#c9871f}.pill-completed{background:#edeff1;color:#6b7780}.muted{color:var(--muted)}.sec-head{display:flex;align-items:center;justify-content:space-between;margin:1.4rem .2rem .8rem}.sec-head h2{font-size:1.05rem;font-weight:700}.view-all{color:var(--teal);font-weight:700;font-size:.82rem}.hscroll{display:flex;gap:.7rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.hscroll::-webkit-scrollbar{display:none}.botnav{position:fixed;left:50%;transform:translate(-50%);bottom:0;z-index:60;width:100%;max-width:var(--phone);display:flex;align-items:flex-end;justify-content:space-around;padding:.5rem .4rem calc(.5rem + env(safe-area-inset-bottom));background:#fffffff0;backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -6px 22px #14323c12}.nav-i{flex:1;display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.35rem 0;color:var(--faint);font-size:.62rem;font-weight:700}.nav-i i{font-size:1.45rem}.nav-i.on{color:var(--teal)}.nav-fab{flex:1;display:flex;justify-content:center}.nav-fab a{width:56px;height:56px;margin-top:-24px;border-radius:50%;background:var(--teal-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:var(--shadow-teal);border:4px solid #fff;position:relative}.nav-fab .cart-count{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--rose);color:#fff;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff}