@font-face{font-family:Poppins;src:url(../assets/fonts/Poppins-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../assets/fonts/Poppins-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../assets/fonts/Poppins-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../assets/fonts/Poppins-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../assets/fonts/Poppins-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Lobster;src:url(../assets/fonts/Lobster-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--hdr:#0A2B1E;--brand:#04472F;--brand-2:#1F6B49;--cream:#F7F2E6;--card:#FDF9F1;--card-2:#FAEFC4;--gold-bar:#FEDF89;--gold:#D5B53F;--gold-soft:#FDE6AE;--text:#202824;--muted:#737873;--muted-2:#8A8D89;--line:#E5DEC9;--danger:#D84B43;--font-ui:"Poppins",system-ui,sans-serif;--font-display:"Lobster",cursive;--ease:cubic-bezier(.22,.8,.24,1);--nav-h:70px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#e9eef2;font-family:var(--font-ui);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}input{font:inherit;color:inherit}img{display:block}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app{position:relative;width:100%;max-width:430px;height:100dvh;margin:0 auto;background:var(--cream);overflow:hidden;box-shadow:0 0 40px #0a2b1e1f}.stage{position:absolute;inset:0}.view{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;background:var(--cream);padding-bottom:calc(var(--nav-h) + 22px + env(safe-area-inset-bottom));scrollbar-width:none;will-change:transform,opacity}.view::-webkit-scrollbar{display:none}.view.no-nav{padding-bottom:24px}.loadbar{position:absolute;left:0;top:0;height:3px;width:100%;z-index:90;background:linear-gradient(90deg,var(--gold),var(--gold-bar));transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}.loadbar.on{opacity:1;animation:load 1.1s var(--ease) infinite}@keyframes load{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(.8);transform-origin:left}51%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.hdr{position:relative;background:var(--hdr);color:#fff;padding:16px 14px 14px;overflow:hidden;background-image:radial-gradient(120% 90% at 50% 0%,#12402d,#0a2b1e00 60%)}.hdr .leaves{position:absolute;right:-14px;top:6px;width:120px;height:120px;opacity:.9;pointer-events:none}.hdr .logo{display:block;margin:0 auto;height:92px;width:auto}.view.home{background:#0a2b1e;background-image:radial-gradient(120% 40% at 50% 0%,#12402d,#0a2b1e00 70%)}.view.home .hdr{background:transparent}.tablepill{position:absolute;right:14px;top:18px;height:40px;padding:0 11px 0 10px;display:flex;align-items:center;gap:7px;border-radius:12px;background:#14573b;border:1.5px solid #C9AE55;color:#fff;font-weight:600;font-size:15px;z-index:2}.tablepill svg{flex:none}.tablepill .chev{margin-left:1px}.search{position:relative;margin-top:10px;height:42px;background:#fff;border-radius:13px;display:flex;align-items:center;padding:0 14px;gap:10px;color:#2a2f2c}.search input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:14px;color:var(--text)}.search input::placeholder{color:#6f736f}.search .clr{display:none;width:22px;height:22px;border-radius:50%;background:#e8e8e4;align-items:center;justify-content:center}.search.has .clr{display:flex}.phdr{position:relative;background:var(--hdr);color:#fff;height:138px;overflow:hidden;background-image:radial-gradient(120% 90% at 50% 0%,#12402d,#0a2b1e00 60%)}.phdr .leaves{position:absolute;pointer-events:none}.phdr .logo{position:absolute;left:50%;top:10px;height:56px;width:auto;transform:translate(-50%)}.phdr h1{position:absolute;left:0;right:0;top:80px;margin:0;text-align:center;font-weight:600;font-size:24px;letter-spacing:.2px}.phdr .tablepill{top:18px}.back{position:absolute;left:14px;top:20px;width:40px;height:40px;border-radius:50%;background:#1c5a3e;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2}.sheet-top{position:relative;margin-top:-18px;border-radius:24px 24px 0 0;background:var(--cream);padding:12px 14px 0;min-height:100px}.carousel{position:relative;margin:12px 14px 0}.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none;border-radius:16px}.slides::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;scroll-snap-align:center;position:relative;border-radius:16px;overflow:hidden;border:2px solid #B89B3E;background:var(--hdr);height:148px;cursor:pointer}.slide>img{width:100%;height:100%;object-fit:cover}.slide.html{display:flex;align-items:center;padding:14px 16px;background:linear-gradient(110deg,#0a2b1e 40%,#14402c)}.slide.html .art{position:absolute;right:0;top:0;bottom:0;width:48%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%);width:52%;height:100%}.slide .k{display:inline-block;background:var(--gold-bar);color:#3b2f00;font-weight:800;font-size:12px;letter-spacing:.6px;padding:2px 14px;border-radius:4px;transform:rotate(-3deg)}.slide .h{font-family:var(--font-display);font-size:26px;color:var(--gold-bar);line-height:1.1;margin-top:6px}.slide .b{font-family:var(--font-display);font-size:38px;color:#fff;line-height:1}.slide .s{font-size:13px;color:#fff;margin-top:2px}.slide .n{font-size:10.5px;color:#d9dccd}.slide .txt{position:relative;z-index:1}.dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:5px;pointer-events:none}.dots i{width:6px;height:6px;border-radius:50%;background:#ffffff8c;transition:all .25s var(--ease)}.dots i.on{width:16px;border-radius:4px;background:#fff}.acc{padding:10px 14px 0;display:flex;flex-direction:column;gap:7px}.cat{border-radius:14px;overflow:hidden;background:var(--card-2);box-shadow:0 2px 6px #0a2b1e1a}.cat-h{position:relative;width:100%;height:55px;display:flex;align-items:center;padding:0 14px;text-align:left;background:linear-gradient(90deg,#fff1cc,#fbe4a6)}.cat.open .cat-h{background:linear-gradient(90deg,#ffefc3,#f8de9c)}.cat-h .ttl{position:relative;z-index:1;font-family:var(--font-display);font-size:30px;line-height:1.15;color:#141b17;-webkit-text-stroke:.7px #141b17;text-shadow:0 1px 0 rgba(255,255,255,.5)}.cat-h .art{position:absolute;right:0;top:0;height:100%;width:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}.cat-h .chv{position:absolute;right:10px;top:50%;margin-top:-10px;width:20px;height:20px;color:#141b17;display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease);z-index:1}.cat.open .chv{transform:rotate(180deg)}.rec-h{position:relative;width:100%;height:64px;display:flex;align-items:center;gap:12px;padding:0 14px;text-align:left;background:linear-gradient(90deg,#fffbec,#fcf0cf)}.rec-h .t{font-weight:600;font-size:17px;line-height:1.2}.rec-h .s{font-size:12.5px;color:#2f3833}.rec-h .chv{margin-left:auto;transition:transform .3s var(--ease)}.cat.open .rec-h .chv{transform:rotate(180deg)}.collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s var(--ease)}.cat.open>.collapse{grid-template-rows:1fr}.collapse>div{overflow:hidden;min-height:0}.plist{background:var(--card);margin:0 6px 6px;border-radius:12px;padding:2px 8px}.prow{display:flex;gap:10px;padding:10px 0;align-items:center;border-bottom:1px solid #f0e9d6}.prow:last-child{border-bottom:0}.prow .im{position:relative;flex:none;width:64px;height:64px;border-radius:10px;overflow:hidden;background:#e9dfc3}.prow .im img{width:100%;height:100%;object-fit:cover}.prow .bd{flex:1;min-width:0}.prow .nm{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;line-height:1.25}.prow .ds{font-size:11px;color:var(--muted);line-height:1.3;margin-top:1px}.prow .pr{font-weight:700;font-size:15px;margin-top:2px}.prow .once{font-size:11px;color:var(--muted)}.prow .ctl{flex:none;align-self:flex-end}.veg{flex:none;width:12px;height:12px;border:1.5px solid #1b7a3c;border-radius:3px;display:inline-flex;align-items:center;justify-content:center}.veg:after{content:"";width:6px;height:6px;border-radius:50%;background:#1b7a3c}.heart{color:var(--danger);flex:none}.addbtn{min-width:70px;height:34px;padding:0 14px;border-radius:9px;background:var(--brand);color:#fff;font-weight:600;font-size:14px;transition:transform .15s var(--ease),background .2s}.addbtn:active{transform:scale(.94)}.step{display:inline-flex;align-items:center;height:34px;border-radius:9px;border:1px solid #d6d9d1;background:#fff;overflow:hidden}.step button{width:34px;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#202824}.step button.p{background:var(--brand);color:#fff}.step span{min-width:26px;text-align:center;font-weight:600;font-size:14px}.step.pop span{animation:pop .25s var(--ease)}@keyframes pop{50%{transform:scale(1.35)}}.empty{padding:26px 18px;text-align:center;color:var(--muted);font-size:14px}.nav{position:absolute;left:0;right:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffcf5;border-top:1px solid #efe8d3;box-shadow:0 -4px 18px #0a2b1e14;display:flex;align-items:stretch;justify-content:space-around;z-index:40;border-radius:20px 20px 0 0}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;font-weight:500;color:#202824;text-decoration:none;position:relative;transition:color .2s}.nav a.on{color:var(--brand);font-weight:700}.nav a svg{transition:transform .25s var(--ease)}.nav a.on svg{transform:translateY(-1px) scale(1.08)}.nav .badge{position:absolute;top:9px;left:50%;margin-left:5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid #FFFCF5}.nav .badge.bump{animation:pop .35s var(--ease)}.nav .dot{position:absolute;top:10px;left:50%;margin-left:6px;width:8px;height:8px;border-radius:50%;background:var(--danger)}.nav .who{flex:1.45;flex-direction:row;gap:6px;justify-content:center}.nav .who .av{width:30px;height:30px;border-radius:50%;border:1.5px solid #cfc6a6;display:flex;align-items:center;justify-content:center;color:#4b5a52}.nav .who .nn{font-size:11px;line-height:1.2;text-align:left;font-weight:600}.nav .who .nn small{display:block;font-size:10px;letter-spacing:-.1px;font-weight:400;color:var(--muted)}.ccard{background:var(--card);border-radius:18px;padding:4px 10px;box-shadow:0 2px 8px #1d4d3b0f}.citem{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #eee7d3;transition:opacity .25s,transform .25s var(--ease),max-height .3s var(--ease)}.citem:last-child{border-bottom:0}.citem.out{opacity:0;transform:translate(30px)}.citem .im{flex:none;width:72px;height:72px;border-radius:12px;overflow:hidden;background:#e9dfc3}.citem .im img{width:100%;height:100%;object-fit:cover}.citem .bd{flex:1;min-width:0;display:flex;flex-direction:column}.citem .top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.citem .nm{font-weight:600;font-size:15px;line-height:1.25}.citem .vr{font-size:12px;color:var(--muted);margin-top:1px}.citem .free{font-size:11px;color:var(--brand-2);font-weight:600;margin-top:2px}.citem .row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.citem .pr{font-weight:600;font-size:15px}.trash{color:#46504b;padding:2px}.coupon{margin-top:10px;background:var(--card);border-radius:16px;padding:10px 12px;display:flex;gap:12px;align-items:center}.coupon .ico{flex:none;width:44px;height:44px;border-radius:12px;background:#0a4a31;color:#fff;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg)}.coupon .f{flex:1;min-width:0}.coupon .l{font-weight:600;font-size:13px;margin-bottom:5px}.coupon .r{display:flex;gap:8px}.coupon input{flex:1;min-width:0;height:36px;border:1px solid #e1ddcb;border-radius:9px;padding:0 10px;font-size:13px;background:#fff;outline:0;text-transform:uppercase}.coupon input::placeholder{text-transform:none;color:#9a9d99}.coupon .ap{height:36px;padding:0 16px;border-radius:9px;background:#d0e3d0;color:#37604b;font-weight:600;font-size:13px;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;min-width:72px}.coupon .ap.on{background:var(--brand);color:#fff}.coupon .err{color:var(--danger);font-size:11.5px;margin-top:5px;animation:shake .35s}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.spin{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:rot .7s linear infinite;display:inline-block}@keyframes rot{to{transform:rotate(360deg)}}.cmb{position:relative;margin-top:10px;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,#fce6b0,#fdebc0);height:76px;width:100%;display:block;text-align:left}.cmb img{position:absolute;left:0;top:0;height:100%;width:44%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent);mask-image:linear-gradient(90deg,#000 60%,transparent)}.cmb .t{position:absolute;left:36%;top:12px;font-family:var(--font-display);font-size:22px;line-height:1.1;color:#1f2a24}.cmb .s{position:absolute;left:36%;right:56px;top:42px;font-size:11.5px;line-height:1.25;color:#3d4640}.cmb .go{position:absolute;right:12px;top:50%;margin-top:-17px;width:34px;height:34px;border-radius:50%;background:#0a2b1e;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease)}.like.open .cmb .go{transform:rotate(90deg)}.like .panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--ease)}.like.open .panel{grid-template-rows:1fr}.like .panel>div{overflow:hidden;min-height:0}.like.open .cmb{display:none}.like .box{margin-top:10px;background:#fdf0c9;border-radius:16px;padding:10px}.like .bh{display:flex;align-items:center;gap:10px}.like .bh .t{font-weight:600;font-size:16px;line-height:1.2}.like .bh .s{font-size:12px;color:#4d5650}.seeall{margin-left:auto;height:32px;padding:0 10px;border:1.5px solid #CBAA44;border-radius:9px;font-weight:600;font-size:12.5px;display:flex;align-items:center;gap:4px;background:#fff6da}.ucards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.ucard{position:relative;background:var(--card);border-radius:12px;overflow:hidden;padding-bottom:8px}.ucard>img{width:100%;height:78px;object-fit:cover}.ucard .n{font-size:12.5px;font-weight:500;padding:6px 8px 0;line-height:1.2}.ucard .p{font-weight:600;font-size:13.5px;padding:3px 8px 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ucard .tag{font-size:9.5px;font-weight:500;background:#fde08c;border-radius:5px;padding:1px 6px}.plus{position:absolute;right:6px;top:56px;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--card);transition:transform .15s var(--ease)}.plus:active{transform:scale(.88)}.dess{position:relative;margin-top:10px;border-radius:16px;overflow:hidden;background:#0c3324;height:112px;color:#fff;border:1px solid #1e5a40}.dess img{position:absolute;right:0;bottom:0;height:100%;width:56%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}.dess .t{position:absolute;left:16px;top:10px;font-family:var(--font-display);font-size:25px;line-height:1.1;color:#fff4d6}.dess .s{position:absolute;left:16px;top:44px;width:52%;font-size:12.5px;line-height:1.3;color:#e8efe8}.dess .go{position:absolute;left:16px;bottom:10px;height:30px;padding:0 14px;border-radius:7px;background:var(--gold-bar);color:#2a2410;font-weight:600;font-size:13px}.dess .x{position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:var(--gold-bar);color:#222;display:flex;align-items:center;justify-content:center;z-index:2}.dess.gone{height:0;margin:0;opacity:0;transition:all .3s var(--ease)}.freq{margin-top:10px;background:#fdf0c9;border-radius:16px;padding:10px}.freq .fh{display:flex;align-items:center;gap:8px}.freq .fh .t{font-weight:600;font-size:15px;line-height:1.2}.freq .fh .s{font-size:11.5px;color:#4d5650}.freq .ucard>img{height:70px}.freq .plus{top:44px}.totals{padding:12px 6px 0}.totals .r{display:flex;align-items:baseline;gap:8px;font-size:15px;line-height:30px}.totals .r i{flex:1;border-bottom:1.5px dotted #cfc6a6;transform:translateY(-4px)}.totals .r b{font-weight:500}.totals .r.dc b{color:var(--brand-2)}.totalbar{margin:6px 0 0;display:flex;justify-content:space-between;align-items:center;height:46px;padding:0 16px;border-radius:12px;background:var(--gold-bar);font-weight:700;font-size:21px}.placebtn{margin:14px 0 0;width:100%;height:54px;border-radius:14px;background:var(--brand);color:#fff;font-weight:600;font-size:18px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .15s var(--ease)}.placebtn:active{transform:scale(.985)}.placebtn svg{position:absolute;right:20px}.placebtn[disabled]{opacity:.7}.cartwrap{padding:0 14px 8px}.cartempty{text-align:center;padding:36px 20px}.cartempty h3{margin:10px 0 4px;font-size:18px}.cartempty p{margin:0 0 16px;color:var(--muted);font-size:14px}.btn{height:50px;padding:0 24px;border-radius:12px;background:var(--brand);color:#fff;font-weight:600;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:transform .15s var(--ease)}.btn:active{transform:scale(.98)}.btn.ghost{background:#efe9d5;color:#202824}.btn[disabled]{opacity:.65}.ovl{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;background:#0000009e;opacity:0;transition:opacity .25s ease}.ovl.in{opacity:1}.ovl.bottom{align-items:flex-end;padding:0}.modal{position:relative;width:100%;background:#fdf7ed;border-radius:28px;padding:22px 20px 18px;text-align:center;transform:translateY(24px) scale(.96);opacity:0;transition:transform .35s var(--ease),opacity .25s}.ovl.in .modal{transform:none;opacity:1}.ovl.bottom .modal{border-radius:26px 26px 0 0;transform:translateY(100%);opacity:1}.ovl.bottom.in .modal{transform:none}.modal .x{position:absolute;right:14px;top:14px;color:#222}.modal .lf{margin:0 auto 4px;display:block}.modal h2{margin:2px 0 6px;font-weight:700;font-size:20px}.modal p{margin:0 0 14px;font-size:13px;color:#4a504c;line-height:1.5}.field{position:relative;margin-bottom:10px}.field svg{position:absolute;left:12px;top:50%;margin-top:-10px;color:#6a706c}.field input{width:100%;height:46px;border:1px solid #e1d9bd;border-radius:11px;padding:0 12px 0 40px;background:#fff;font-size:14px;outline:0;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px #1f6b4926}.field input::placeholder{color:#8a8d89}.field.bad input{border-color:var(--danger)}.ferr{color:var(--danger);font-size:12px;text-align:left;margin:-4px 2px 8px}.lnk{color:var(--brand);text-decoration:underline;font-weight:500;font-size:14px}.sub{font-size:12.5px;color:#4a504c;margin-top:4px}.or{display:flex;align-items:center;gap:10px;color:#7b807c;font-size:12px;margin:10px 0}.or:before,.or:after{content:"";flex:1;height:1px;background:#e3dcc3}.guestbtn{width:100%;height:52px;border-radius:12px;background:#ece6d2;line-height:1.2;font-weight:600;font-size:15px}.guestbtn small{display:block;font-weight:400;font-size:11.5px;color:#4a504c}.otp{position:absolute;inset:0;z-index:110;background:var(--hdr);transform:translateY(100%);transition:transform .4s var(--ease);display:flex;flex-direction:column}.otp.in{transform:none}.otp .top{position:relative;height:96px;flex:none;color:#fff}.otp .top .logo{position:absolute;left:50%;top:10px;height:58px;width:auto;transform:translate(-50%)}.otp .card{margin:0 12px;background:#fdf7ed;border-radius:22px;padding:22px 16px 18px;text-align:center;flex:none}.otp h2{margin:0 0 8px;font-size:20px;font-weight:700}.otp .sent{font-size:13.5px;line-height:1.5}.otp .boxes{display:flex;gap:8px;justify-content:center;margin:20px 0 14px}.otp .boxes i{width:44px;height:52px;border:1.5px solid #cfc7aa;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:600;font-size:22px;transition:border-color .15s,transform .15s var(--ease)}.otp .boxes i.cur{border-color:var(--brand-2);box-shadow:0 0 0 3px #1f6b4926}.otp .boxes i.f{transform:scale(1.04)}.otp.bad .boxes{animation:shake .4s}.otp .keys{flex:1;min-height:0;background:#ede7d6;margin-top:14px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:7px}.otp .keys button{background:#fff;border-radius:7px;font-size:24px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:background .1s}.otp .keys button:active{background:#e4e8e2}.otp .keys .e{visibility:hidden}.pad{padding:0 14px}.ocard{display:block;width:100%;text-align:left;background:var(--card);border-radius:16px;padding:12px;margin-top:10px;box-shadow:0 2px 8px #1d4d3b0f}.ocard .a{display:flex;justify-content:space-between;align-items:center}.ocard .id{font-weight:700;font-size:15px}.ocard .m{font-size:12px;color:var(--muted);margin-top:2px}.ocard .it{font-size:13px;margin-top:8px;color:#394039}.ocard .tt{display:flex;justify-content:space-between;margin-top:8px;font-weight:600;font-size:14px}.chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:12px;font-size:11.5px;font-weight:600;transition:background .3s,color .3s}.chip.preparing{background:#ffe9b5;color:#7a5a00}.chip.cooking{background:#ffd7be;color:#9a3d0a}.chip.ready{background:#cfe9d6;color:#0e5a2e}.chip.completed{background:#e5e4dc;color:#5a5e5a}.track{margin-top:12px;background:var(--card);border-radius:18px;padding:18px 16px}.track .big{text-align:center}.track .big .ic{width:68px;height:68px;margin:0 auto 8px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;animation:pop .6s var(--ease)}.track .big h2{margin:0;font-size:20px}.track .big p{margin:2px 0 0;font-size:13px;color:var(--muted)}.steps{display:flex;margin:20px 0 4px;position:relative}.steps:before{content:"";position:absolute;left:16%;right:16%;top:15px;height:3px;background:#e6dfc6;border-radius:2px}.steps .fill{position:absolute;left:16%;top:15px;height:3px;background:var(--brand-2);border-radius:2px;transition:width .6s var(--ease);width:0}.steps .st{flex:1;text-align:center;position:relative;font-size:12px;color:var(--muted);font-weight:500}.steps .st b{display:flex;width:32px;height:32px;margin:0 auto 6px;border-radius:50%;background:#efe9d5;color:#8a8d89;align-items:center;justify-content:center;transition:background .4s,color .4s,transform .4s var(--ease);font-size:13px}.steps .st.done b{background:var(--brand-2);color:#fff}.steps .st.cur b{background:var(--brand);color:#fff;transform:scale(1.12);box-shadow:0 0 0 5px #1f6b492e}.steps .st.cur{color:var(--text);font-weight:700}.kv{display:flex;justify-content:space-between;font-size:14px;line-height:28px}.kv b{font-weight:600}.titem{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eee7d3;font-size:14px}.titem:last-child{border-bottom:0}.titem img{width:44px;height:44px;border-radius:9px;object-fit:cover}.titem .q{margin-left:auto;font-weight:600}.ofr{margin-top:12px;background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 2px 8px #1d4d3b0f}.ofr .slide{border-radius:0;border-width:0;height:150px;cursor:default}.ofr .in{padding:12px 14px 14px}.ofr h3{margin:0;font-size:17px;font-weight:700}.ofr p{margin:4px 0 0;font-size:13px;color:#4a504c}.ofr .tag{display:inline-block;margin-top:8px;font-size:11.5px;font-weight:600;background:#ffe9b5;border-radius:6px;padding:2px 9px}.prof{margin-top:12px;background:var(--card);border-radius:18px;padding:18px 16px;text-align:center}.prof .av{width:72px;height:72px;margin:0 auto 10px;border-radius:50%;background:var(--hdr);display:flex;align-items:center;justify-content:center;color:var(--gold-bar)}.prof h2{margin:0;font-size:20px}.prof p{margin:2px 0 14px;color:var(--muted);font-size:14px}.toast{position:absolute;left:16px;right:16px;bottom:calc(var(--nav-h) + 18px);z-index:120;background:#1c2420;color:#fff;border-radius:12px;padding:11px 14px;font-size:13.5px;text-align:center;opacity:0;transform:translateY(10px);transition:all .3s var(--ease);pointer-events:none}.toast.show{opacity:1;transform:none}.toast.err{background:#8e2a24}.skel{background:linear-gradient(90deg,#efe8d3 25%,#f7f2e6,#efe8d3 75%);background-size:200% 100%;animation:sk 1.2s linear infinite;border-radius:14px}@keyframes sk{to{background-position:-200% 0}}.gate{padding:40px 24px;text-align:center}.gate h2{margin:14px 0 6px;font-size:22px}.gate p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.5}.pop-in{animation:popin .35s var(--ease) both}@keyframes popin{0%{opacity:0;transform:scale(.9)}}.tip{position:absolute;right:14px;top:60px;z-index:60;background:#fff;color:var(--text);border-radius:11px;padding:10px 12px;font-size:12.5px;line-height:1.4;max-width:210px;box-shadow:0 8px 24px #00000040;animation:popin .25s var(--ease) both}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.slide{height:158px}.cat-h .chv svg,.rec-h .chv svg{width:22px;height:22px}.cat.open .cat-h{height:60px}.plist{margin:0 3px 4px;padding:4px 12px;background:#fffcf5;border-radius:14px}.prow{gap:12px;padding:10px 0}.prow .im{width:88px;height:88px;border-radius:12px}.prow .nm{font-size:15.5px;gap:8px;align-items:flex-start;line-height:1.25}.prow .nm .veg{margin-top:3px;width:16px;height:16px;border-radius:4px}.prow .nm .veg:after{width:8px;height:8px}.prow .ds{font-size:12px;line-height:1.35;margin-top:3px;color:#5d635e}.prow .once{font-size:12.5px;margin-top:2px}.prow .pr{font-size:17px;margin-top:5px}.prow .ctl{align-self:center}.addbtn{min-width:76px;height:40px;border-radius:10px;font-size:16px;background:#055736}.prow .step{height:38px;border-radius:10px}.prow .step button{width:38px;font-size:20px}.prow .step span{min-width:32px;font-size:16px}.prow .step button.p{background:#055736}.heart{width:22px;height:22px}.prow .nm .heart{margin-top:0}.phdr{height:112px}.phdr .logo{top:8px;height:48px}.phdr h1{top:62px;font-size:22px}.phdr .tablepill{top:14px;height:34px;font-size:13.5px;padding:0 9px 0 8px;border-radius:10px}.back{top:14px;width:36px;height:36px}.sheet-top{margin-top:-14px;padding:8px 8px 0}.ccard{padding:2px 10px;border-radius:16px}.citem{padding:7px 0;gap:11px}.citem .im{width:66px;height:66px;border-radius:10px}.citem .nm{font-size:14.5px}.citem .vr{font-size:11.5px}.citem .pr{font-size:14.5px}.citem .step{height:30px;border-radius:8px}.citem .step button{width:30px;font-size:16px}.citem .step span{min-width:32px;font-size:14px}.trash svg{width:18px;height:18px}.coupon{margin-top:8px;padding:8px 10px;gap:10px;border-radius:14px}.coupon .ico{width:38px;height:38px;border-radius:10px}.coupon .ico svg{width:24px;height:24px}.coupon .l{font-size:12px;margin-bottom:3px}.coupon input,.coupon .ap{height:30px;font-size:12.5px;border-radius:8px}.coupon .ap{min-width:66px;padding:0 12px}.cmb{margin-top:8px;height:64px}.cmb .t{font-size:20px;top:9px}.cmb .s{top:36px}.cmb .go{width:30px;height:30px;margin-top:-15px}.like .box{margin-top:8px;padding:8px}.like .ucard>img{height:70px}.like .plus{top:48px}.dess{margin-top:8px;height:108px;border-radius:14px}.dess .t{font-size:22px;top:8px}.dess .s{top:38px;font-size:12px}.dess .go{height:28px;font-size:12.5px;bottom:9px}.freq{margin-top:8px;padding:8px;border-radius:14px}.freq .fh .t{font-size:14px}.freq .fh .s{font-size:11px}.freq .fh svg{width:24px;height:24px}.freq .ucards{gap:6px;margin-top:8px}.freq .ucard{padding-bottom:6px}.freq .ucard>img{height:58px}.freq .ucard .n{font-size:10.5px;padding:5px 6px 0}.freq .ucard .p{font-size:11.5px;padding:2px 6px 0}.freq .plus{top:36px;width:26px;height:26px;right:5px}.totals{padding:8px 4px 0}.totals .r{font-size:13px;line-height:21px}.totalbar{height:34px;font-size:18px;margin-top:4px;border-radius:10px;padding:0 14px}.placebtn{height:46px;font-size:17px;margin-top:10px;border-radius:12px}.placebtn svg{width:22px;height:22px}.ovl{align-items:flex-end;padding:12px 10px 76px}.ovl.bottom{padding:0}.modal{padding:26px 20px 22px;border-radius:26px}.modal h2{font-size:23px;margin:4px 0 8px}.modal p{font-size:15px;line-height:1.55;margin-bottom:18px}.field{margin-bottom:12px}.field input{height:52px;font-size:16px;border-radius:12px;padding-left:46px}.field svg{left:15px;margin-top:-10px}.modal .btn{height:56px;font-size:18px;border-radius:13px}.modal .lnk{font-size:16px}.modal .sub{font-size:15px}.guestbtn{height:60px;font-size:17px;border-radius:13px}.guestbtn small{font-size:13px}.plist{padding:2px 10px}.prow{gap:10px}.prow .im{width:82px;height:82px}.prow .nm{font-size:15px;gap:6px}.prow .nm .veg{width:15px;height:15px}.prow .ds{font-size:11.5px}.addbtn{min-width:72px;height:38px;font-size:15px}.prow .step{height:36px}.prow .step button{width:34px}.prow .step span{min-width:28px}.field input::placeholder{font-size:14px}.otp .top{height:112px}.otp .top .logo{top:8px;height:48px}.otp .top .tablepill{top:14px;height:34px;font-size:13.5px}.otp .card{margin:0;flex:1;border-radius:24px 24px 0 0;padding:34px 16px 18px;display:flex;flex-direction:column;justify-content:center}.otp h2{font-size:21px}.otp .boxes{margin:26px 0 20px}.otp .boxes i{width:46px;height:56px}.otp #rs{text-decoration:underline!important;color:#1b3a2b!important;font-size:15px}.otp .keys{margin-top:0;background:#dadcdf;flex:none;height:300px}.otp .keys button{background:#fbfbfc;border-radius:8px;box-shadow:0 1px #00000040}.checkout{position:sticky;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));z-index:5;margin:6px -8px 0;padding:6px 8px 8px;background:linear-gradient(180deg,rgba(247,242,230,0),var(--cream) 14px)}.checkout .totalbar{margin-top:0}.checkout .placebtn{margin-top:8px}.hdr .logo{height:100px}.hdr .leaves,.phdr .leaves{position:absolute;pointer-events:none;width:150px;height:130px}.hdr .leaves.r{right:-30px;top:-14px}.phdr .leaves.r{right:-36px;top:-22px;width:130px;height:113px}.phdr .leaves.l{left:-48px;top:34px;width:120px;height:104px;transform:scaleX(-1);opacity:.8}.phdr{height:118px}.phdr .logo{top:6px;height:68px}.phdr h1{top:80px;font-size:15px;font-weight:600;letter-spacing:.4px;color:#f4ebcb}.otp .top .logo{height:64px}.tinfo{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:12px;padding:9px 12px;margin-bottom:8px;font-size:13.5px;font-weight:600;box-shadow:0 2px 8px #1d4d3b0f}.tinfo svg{flex:none}.tinfo .sp{margin-left:auto;font-weight:500;font-size:12.5px;color:var(--muted)}.modal .lf{margin:0 auto 6px}.cat-h .art{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%);mask-image:linear-gradient(90deg,transparent,#000 14%)}.cat-h .art{right:6px}.cat-h .art{-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}.cat-h .ttl{font-size:26px}.cat-h .art.ph{width:40%;height:100%;object-fit:cover;right:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}.cat-h .art.ph+.chv{background:#ffffffe6;border-radius:50%;width:24px;height:24px;margin-top:-12px;right:10px}.cat-h .art.ph+.chv svg{width:18px;height:18px}.view.cartv{display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.cartv .scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.cartv .scroll::-webkit-scrollbar{display:none}.cartv .sheet-top{padding-bottom:14px;min-height:0}.cartv .checkout{position:static;flex:none;margin:0;padding:8px 10px 10px;background:var(--cream);border-top:1px solid #ece4cc;box-shadow:0 -8px 16px #0a2b1e12}.cartv .checkout .totalbar{margin-top:0}.cartv .checkout .placebtn{margin-top:8px}img.leaves{position:absolute;pointer-events:none;width:auto;opacity:.95}.hdr img.leaves.r{right:16px;top:30px;height:78px;left:auto}.phdr img.leaves.r{right:14px;top:14px;height:72px;left:auto}.hdr img.leaves.r{right:8px;top:34px;height:66px}.phdr img.leaves.r{right:8px;top:18px;height:62px}.hdr img.leaves.r,.phdr img.leaves.r{width:auto}.hdr img.leaves.r{right:6px;top:24px;height:84px;width:auto}.phdr img.leaves.r{right:4px;top:6px;height:76px;width:auto}img.leaves{mix-blend-mode:screen}img.leaves{mix-blend-mode:normal;opacity:.92}.hdr img.leaves.r{right:4px;top:22px;height:88px;width:auto}.phdr img.leaves.r{right:4px;top:4px;height:80px;width:auto}.hdr .logo{height:78px}.hdr{padding-top:12px}.hdr img.leaves.r{top:14px;height:76px}.cat-h .chv{background:#ffffffeb;border-radius:50%;width:26px;height:26px;margin-top:-13px;right:10px;box-shadow:0 1px 3px #0000002e}.cat-h .chv svg{width:18px;height:18px}.cat-h .art{right:0;width:44%;height:100%;object-fit:cover;object-position:left center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}.cat-h .art.ph{width:44%;object-fit:cover}.cat-h .art.ph+.chv{background:#fff;opacity:1;width:26px;height:26px;margin-top:-13px}.cat-h .chv{background:#fff;z-index:3}.prow{gap:9px;padding:9px 0}.prow .im{width:68px;height:68px;border-radius:10px}.prow .nm{font-size:14px;gap:5px;line-height:1.25}.prow .nm .veg{width:13px;height:13px;margin-top:3px}.prow .nm .veg:after{width:6px;height:6px}.prow .nm .heart{width:16px;height:16px;margin-top:2px}.prow .ds{font-size:11px;margin-top:2px}.prow .once{font-size:11.5px}.prow .pr{font-size:15px;margin-top:3px}.prow .addbtn{min-width:56px;height:30px;padding:0 10px;font-size:13.5px;border-radius:8px}.prow .step{height:30px;border-radius:8px}.prow .step button{width:26px;font-size:16px}.prow .step span{min-width:20px;font-size:13.5px}.ocard .oid{font-size:11px;letter-spacing:.2px}.oidv{font-size:12.5px;font-variant-numeric:tabular-nums}.osw{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 10px}.osw::-webkit-scrollbar{display:none}.ochip{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:17px;background:var(--card);border:1.5px solid #e3dcc3;font-weight:600;font-size:13.5px;transition:background .2s,color .2s,border-color .2s}.ochip.on{background:var(--brand);color:#fff;border-color:var(--brand)}.dot{width:8px;height:8px;border-radius:50%;background:#d9a400;display:inline-block}.dot.cooking{background:#e8731a}.dot.ready{background:#2ea25a}.dot.completed{background:#9a9d99}.ochip.on .dot{box-shadow:0 0 0 2px #ffffff8c}.ordtoast{position:absolute;left:12px;right:12px;bottom:calc(var(--nav-h) + 10px + env(safe-area-inset-bottom));z-index:45;height:54px;display:flex;align-items:center;background:#0a2b1e;color:#fff;border-radius:16px;padding:0 12px;box-shadow:0 8px 24px #0a2b1e59;cursor:pointer;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s,transform .35s var(--ease)}.ordtoast.show{opacity:1;transform:none;pointer-events:auto}.ot-in{display:flex;align-items:center;gap:12px;width:100%}.ot-ic{flex:none;width:34px;height:34px;border-radius:10px;background:#fde08c;color:#0a2b1e;display:flex;align-items:center;justify-content:center}.ot-ic.cooking{background:#ffc9a0}.ot-ic.ready{background:#b7e8c8}.ot-ic svg{width:20px;height:20px}.ot-tx{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25}.ot-tx b{font-size:14px;font-weight:600}.ot-tx>span{font-size:12px;color:#d9e3dc}.ot-tx i.st{font-style:normal;font-weight:600;color:#fde08c}.ot-tx i.st.cooking{color:#ffc9a0}.ot-tx i.st.ready{color:#9ce5b6}.ot-go{flex:none;color:#fde08c}.app.has-ot .view.home{padding-bottom:calc(var(--nav-h) + 86px + env(safe-area-inset-bottom))}.app.has-ot .toast{bottom:calc(var(--nav-h) + 76px)}.otp{height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.otp .top{height:84px;flex:none}.otp .top .logo{top:8px;height:46px}.otp .top .back{top:20px}.otp .card{flex:1 0 auto;min-height:0;padding:22px 16px 14px;justify-content:center}.otp h2{font-size:20px;margin-bottom:6px}.otp .sent{font-size:13px;line-height:1.4}.otp .boxes{margin:16px 0 12px}.otp .boxes i{width:44px;height:52px}.otp .keys{flex:none;height:clamp(196px,34dvh,290px);padding:6px;gap:6px}.otp .keys button{font-size:22px;touch-action:manipulation}.otp #rs{font-size:14px}.otp .btn{height:48px;font-size:16px}@media(max-height:700px){.otp .top{height:64px}.otp .top .logo{height:38px;top:6px}.otp .top .back{top:12px;width:34px;height:34px}.otp .card{padding:14px 14px 10px;border-radius:20px 20px 0 0}.otp h2{font-size:18px;margin-bottom:4px}.otp .sent{font-size:12.5px}.otp .boxes{margin:10px 0 8px;gap:6px}.otp .boxes i{width:40px;height:46px;font-size:20px}.otp .btn{height:44px}.otp .keys{height:clamp(176px,32dvh,230px);gap:5px;padding:5px}.otp .keys button{font-size:20px}}.otp .boxwrap{position:relative}.otp .otpin{position:absolute;inset:0;width:100%;height:100%;opacity:.02;border:0;background:transparent;color:transparent;caret-color:transparent;font-size:16px;letter-spacing:40px;text-align:center;z-index:2;outline:0}.otp.kb .keys{display:none}.otp.kb .card{border-radius:20px 20px 0 0}
