@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #e11d48;--primary-hover: #be123c;--bg-main: #f8fafc;--card-bg: rgba(255, 255, 255, .9);--text-title: #0f172a;--text-body: #475569;--text-muted: #94a3b8;--glass: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .3)}body{font-family:Outfit,sans-serif;background-color:var(--bg-main);color:var(--text-body);margin:0;-webkit-font-smoothing:antialiased}.menu-container{max-width:600px;margin:0 auto;min-height:100vh;padding-bottom:120px}.hero-section{position:relative;height:260px;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.restaurant-name{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;font-size:.875rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:12px}.status-open{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-closed{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.info-cards{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:-30px;position:relative;z-index:10}.info-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:12px;border-radius:16px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;gap:4px}.info-card span{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase}.info-card p{font-size:.9rem;color:var(--text-title);font-weight:600;margin:0}.category-nav{position:sticky;top:0;z-index:40;background:#f8fafccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 20px;overflow-x:auto;display:flex;gap:12px;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-pill{padding:10px 20px;border-radius:99px;font-weight:600;font-size:.9rem;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;background:#fff;color:var(--text-body);box-shadow:0 2px 5px #0000000d}.category-pill.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #e11d484d}.search-container{padding:0 20px 16px;background:#fff}.search-box{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:12px 16px 12px 44px;border-radius:14px;border:1.5px solid #f1f5f9;background:#f8fafc;font-family:inherit;font-size:.95rem;color:var(--text-title);transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #e11d481a}.search-icon{position:absolute;left:14px;color:var(--text-muted)}.category-group{scroll-margin-top:130px;margin-bottom:40px}.product-list{padding:20px}.category-title{font-size:1.5rem;font-weight:700;color:var(--text-title);margin:24px 0 16px}.product-card{background:#fff;border-radius:20px;padding:16px;margin-bottom:16px;display:flex;gap:16px;box-shadow:0 4px 6px -1px #0000000d;transition:all .3s ease;border:1px solid #f1f5f9}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000014;border-color:var(--primary)}.product-img-container{width:100px;height:100px;min-width:100px;border-radius:14px;overflow:hidden;background:#f1f5f9}.product-img{width:100%;height:100%;object-fit:cover}.product-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.product-name{font-size:1.1rem;font-weight:600;color:var(--text-title);margin:0 0 4px}.product-desc{font-size:.875rem;color:var(--text-body);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.product-price{font-size:1.15rem;font-weight:700;color:var(--primary)}.add-btn{background:#f8fafc;color:var(--primary);border:1.5px solid var(--primary);padding:8px 16px;border-radius:12px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s}.add-btn:hover{background:var(--primary);color:#fff}.cart-bar{position:fixed;bottom:80px;left:20px;right:20px;background:#10b981;padding:16px 20px;border-radius:18px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px #10b98166;z-index:100;cursor:pointer;animation:slideUp .5s cubic-bezier(.175,.885,.32,1.275)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);z-index:90;border-top:1px solid #f1f5f9}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.closed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;-webkit-backdrop-filter:grayscale(1);backdrop-filter:grayscale(1);z-index:5;pointer-events:none;border-radius:20px}.cart-pulse{animation:pulse 2s infinite}@media print{@page{size:80mm auto;margin:0}body>*:not(.print-only){display:none!important;visibility:hidden!important}body{margin:0!important;padding:0!important;background-color:#fff!important}.print-only{display:block!important;visibility:visible!important;width:80mm!important;position:static!important;margin:0;padding:0}img{display:block!important;visibility:visible!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}.no-print{display:none!important;visibility:hidden!important}}
