.cafe-app{--white:#fff;--bg:#f4f4f4;--bg2:#efefef;--bg3:#e8e8e8;--txt:#141414;--txt2:#555;--txt3:#999;--black:#141414;--black2:#1e1e1e;--orange:#ff6b00;--orange2:#e85e00;--orange3:#ff8c40;--orange-bg:#ff6b0014;--orange-border:#ff6b0047;--border:#14141417;--border2:#14141429;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:9999px;--ease:cubic-bezier(.16,1,.3,1);--sh-sm:0 1px 4px #00000012;--sh-card:0 2px 10px #00000012;--sh-hover:0 8px 28px #00000021;--sh-float:0 12px 40px #ff6b0047;background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;max-width:480px;min-height:100dvh;margin:0 auto;font-family:Nunito,-apple-system,sans-serif;position:relative}.cafe-app *,.cafe-app :before,.cafe-app :after{box-sizing:border-box}.cafe-app ::-webkit-scrollbar{width:3px;height:3px}.cafe-app ::-webkit-scrollbar-track{background:0 0}.cafe-app ::-webkit-scrollbar-thumb{background:#ff6b004d;border-radius:4px}@keyframes cafe-fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cafe-badgePop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes cafe-slideUp{0%{opacity:0;transform:translate(-50%)translateY(120%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes cafe-sheetUp{0%{transform:translate(-50%)translateY(100%)}to{transform:translate(-50%)translateY(0)}}@keyframes cafe-backdropIn{0%{opacity:0}to{opacity:1}}@keyframes cafe-pulseRing{0%{box-shadow:0 0 #ff6b0059}70%{box-shadow:0 0 0 12px #ff6b0000}to{box-shadow:0 0 #ff6b0000}}@keyframes cafe-spin{to{transform:rotate(360deg)}}@keyframes cafe-successPop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.cafe-app .anim-fade-up{animation:cafe-fadeUp .38s var(--ease)both}.cafe-app .anim-badge{animation:cafe-badgePop .32s var(--ease)both}.cafe-app .anim-cart-up{animation:cafe-slideUp .48s var(--ease)both}.cafe-app .anim-sheet-up{animation:cafe-sheetUp .42s var(--ease)both}.cafe-app .anim-backdrop{animation:.22s both cafe-backdropIn}.cafe-app .anim-spin{animation:.8s linear infinite cafe-spin}.cafe-app .anim-success{animation:cafe-successPop .5s var(--ease)both}.cafe-app .pulse-ring{animation:2.2s infinite cafe-pulseRing}.cafe-app .qty-ctrl{background:var(--black);border-radius:var(--r-full);align-items:center;gap:2px;padding:3px 4px;display:flex}.cafe-app .qty-btn{color:#fff;cursor:pointer;border-radius:var(--r-full);background:0 0;border:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:1.1rem;font-weight:700;line-height:1;transition:background .15s;display:flex}.cafe-app .qty-btn:hover{background:var(--orange)}.cafe-app .qty-val{color:#fff;text-align:center;min-width:22px;font-size:.82rem;font-weight:800}.cafe-app .veg-dot{background:#fff;border:1.5px solid #00a550;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.cafe-app .veg-dot:after{content:"";background:#00a550;border-radius:50%;width:7px;height:7px}.cafe-app .nonveg-dot{background:#fff;border:1.5px solid #e31e25;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.cafe-app .nonveg-dot:after{content:"";border-bottom:9px solid #e31e25;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;transform:translateY(1px)}.cafe-app .page-header{z-index:100;background:var(--black);align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 16px #00000038}.cafe-app .page-header-title{letter-spacing:.08em;color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.22rem;line-height:1}.cafe-app .page-header-sub{color:#fff6;letter-spacing:.18em;text-transform:uppercase;margin-top:1px;font-size:.6rem}.cafe-app .btn-back{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.cafe-app .btn-back:hover{background:#ff6b004d}.cafe-app .page-footer{padding:.9rem 1rem calc(env(safe-area-inset-bottom,0px) + .9rem);background:var(--white);border-top:1px solid var(--border);position:sticky;bottom:0}.cafe-app .btn-primary{border-radius:var(--r-md);background:var(--orange);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;padding:1rem 1.4rem;font-family:inherit;font-size:.92rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 4px 20px #ff6b0052}.cafe-app .btn-primary:hover{background:var(--orange2);transform:translateY(-1px);box-shadow:0 8px 28px #ff6b006b}.cafe-app .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.cafe-app .btn-black{border-radius:var(--r-md);background:var(--black);border:2px solid var(--orange);color:#fff;cursor:pointer;justify-content:center;align-items:center;width:100%;padding:1rem 1.4rem;font-family:inherit;font-size:.92rem;font-weight:800;transition:background .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0000002e}.cafe-app .btn-black:hover{background:var(--orange);box-shadow:0 6px 22px #ff6b0061}.cafe-app .btn-black:disabled{opacity:.6;cursor:not-allowed}.cafe-app .form-input{background:var(--bg);border:1.5px solid var(--border2);border-radius:var(--r-md);width:100%;color:var(--txt);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.cafe-app .form-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff6b001a}.cafe-app .form-input::placeholder{color:var(--txt3)}.cafe-app .form-label{color:var(--txt2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;font-size:.7rem;font-weight:800;display:block}.cafe-app .form-error{color:#e31e25;margin-top:.35rem;font-size:.68rem;font-weight:700}.cafe-app .section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--txt3);margin-bottom:.9rem;font-size:.62rem;font-weight:800}