.menu-page{--mp-bg:#fdf6ec;--mp-text:#121212;--mp-accent:#d4a853;--mp-card:#fff;--mp-shadow:0 2px 12px #00000012;--mp-transition:.35s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;background:#f0ebe3;font-family:Poppins,sans-serif}.menu-page *,.menu-page :before,.menu-page :after{box-sizing:border-box;margin:0;padding:0}.menu-page #app-container{background:var(--mp-bg);max-width:480px;min-height:100vh;color:var(--mp-text);transition:background var(--mp-transition), color var(--mp-transition);margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 20px #0000000d}.menu-page #app-header{z-index:100;background:var(--mp-bg);transition:background var(--mp-transition);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.menu-page .header-left{cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.menu-page .header-center{flex:1;justify-content:center;display:flex}.menu-page .header-logo{object-fit:cover;border-radius:50%;width:40px;height:40px}.menu-page .header-right{align-items:center;gap:8px;display:flex}.menu-page .cart-btn,.menu-page .profile-btn{cursor:pointer;color:var(--mp-text);background:0 0;border:none;border-radius:50%;padding:6px;transition:background .2s;position:relative}.menu-page .cart-btn:hover{background:#0000000f}.menu-page .cart-badge{color:#fff;background:#e53935;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:10px;font-weight:700;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:0;transform:scale(0)}.menu-page .cart-badge.visible{transform:scale(1)}.menu-page .search-bar{background:var(--mp-card);border:1px solid #0000000f;border-radius:14px;align-items:center;gap:10px;margin:10px 16px;padding:12px 16px;display:flex;box-shadow:0 1px 4px #0000000a}.menu-page .search-bar input{width:100%;color:var(--mp-text);background:0 0;border:none;outline:none;font-family:Poppins,sans-serif;font-size:13px}.menu-page .search-bar input::placeholder{color:#999}.menu-page .hero-banner{background:linear-gradient(135deg,#0000000a,#00000003);border-radius:18px;align-items:center;min-height:140px;margin:12px 16px;padding:24px 20px;display:flex;position:relative;overflow:hidden}.menu-page .hero-text h1{margin-bottom:6px;font-size:22px;font-weight:700;line-height:1.2}.menu-page .hero-text p{opacity:.7;font-size:12px;line-height:1.4}.menu-page .hero-img{flex-shrink:0;width:140px;height:120px}.menu-page .hero-img img{object-fit:cover;border-radius:14px;width:100%;height:100%}.menu-page .veg-badge{z-index:3;background:var(--mp-card);border:1.5px solid;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:8px;left:8px}.menu-page .veg-badge:after{content:"";border-radius:50%;width:7px;height:7px}.menu-page .veg-badge.veg{border-color:#2e7d32}.menu-page .veg-badge.veg:after{background:#2e7d32}.menu-page .veg-badge.non-veg{border-color:#c62828}.menu-page .veg-badge.non-veg:after{background:#c62828}.menu-page .section-header{justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.menu-page .section-header h2{font-size:16px;font-weight:600}.menu-page .menu-grid{grid-template-columns:1fr 1fr;gap:12px;padding:4px 16px 100px;display:grid}.menu-page .menu-card{background:var(--mp-card);box-shadow:var(--mp-shadow);cursor:pointer;border-radius:16px;transition:transform .2s,box-shadow .2s;animation:.4s both mp-fadeInUp;position:relative;overflow:hidden}.menu-page .menu-card:active{transform:scale(.97)}.menu-page .menu-card-img{aspect-ratio:1/.85;object-fit:cover;background:#eee;width:100%}.menu-page .menu-card-body{color:#121212;padding:10px 12px 12px}.menu-page .menu-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.menu-page .menu-card-desc{opacity:.55;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:10.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.menu-page .menu-card-bottom{justify-content:space-between;align-items:center;display:flex}.menu-page .menu-card-price{color:#121212;font-size:14px;font-weight:700}.menu-page .btn-add{cursor:pointer;color:#121212;background:0 0;border:1.5px solid #121212;border-radius:8px;padding:6px 18px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.menu-page .btn-add:hover{color:#fff;background:#121212}.menu-page .qty-control{border:1.5px solid #121212;border-radius:8px;align-items:center;gap:8px;display:flex;overflow:hidden}.menu-page .qty-btn{cursor:pointer;color:#121212;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:flex}.menu-page .qty-val{text-align:center;min-width:14px;font-size:13px;font-weight:600}.menu-page .cart-bar{z-index:150;cursor:pointer;opacity:0;background:#1a1a1a;border-radius:18px;align-items:center;gap:12px;width:calc(100% - 24px);max-width:456px;padding:10px 14px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 8px 32px #0006}.menu-page .cart-bar.visible{opacity:1;transform:translate(-50%)translateY(0)}.menu-page .cart-bar-thumbs{flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:3px;width:52px;height:52px;display:grid}.menu-page .cart-bar-thumb{object-fit:cover;border:1.5px solid #ffffff26;border-radius:8px;width:100%;height:100%}.menu-page .cart-bar-info{flex:1;min-width:0}.menu-page .cart-bar-count{color:#fff;font-size:12.5px;font-weight:600;line-height:1.3}.menu-page .cart-bar-price-area{flex-shrink:0;align-items:center;gap:4px;display:flex}.menu-page .cart-bar-price{color:#fff;font-size:16px;font-weight:700}.menu-page .cart-overlay{z-index:200;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.menu-page .cart-overlay.open{opacity:1;pointer-events:auto}.menu-page .cart-sheet{color:#121212;z-index:201;background:#fff;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:92vh;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)translateY(100%)}.menu-page .cart-sheet.open{transform:translate(-50%)translateY(0)}.menu-page .sheet-handle{cursor:pointer;justify-content:center;padding:12px 0 4px;display:flex}.menu-page .sheet-handle span{background:#ccc;border-radius:2px;width:40px;height:4px}.menu-page .cart-item{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.menu-page .cart-item-qty{align-items:center;gap:6px;display:flex}.menu-page .cart-qty-btn{cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:6px;width:26px;height:26px;font-size:14px;font-weight:600}.menu-page .cart-footer{background:#fff;border-top:1px solid #00000014;padding:16px}.menu-page .total-row{opacity:.7;justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.menu-page .total-grand{opacity:1;border-top:1px solid #00000014;margin-top:8px;padding-top:8px;font-size:16px;font-weight:700}.menu-page .btn-proceed{color:#fff;cursor:pointer;background:#121212;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;transition:all .2s;display:flex}.menu-page .btn-proceed:hover{background:#333}.menu-page .cat-nav{scrollbar-width:none;-ms-overflow-style:none;background:var(--mp-bg);z-index:90;gap:8px;padding:8px 16px;display:flex;position:sticky;top:64px;overflow-x:auto}.menu-page .cat-nav::-webkit-scrollbar{display:none}.menu-page .cat-pill{cursor:pointer;color:var(--mp-text);white-space:nowrap;background:0 0;border:1.5px solid #0000001f;border-radius:24px;flex-shrink:0;padding:8px 18px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-page .cat-pill.active{color:#fff;background:#121212;border-color:#121212;transform:translateY(-2px);box-shadow:0 4px 14px #0003}@keyframes mp-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}