@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--red: #c8102e;--red-dark: #a00d24;--gold: #f5a623;--gold-light: #ffd700;--bg: #faf7f2;--text: #1a1a1a;--text-light: #666;--white: #ffffff;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 30px rgba(0,0,0,.12);font-family:Poppins,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.header{background:var(--red);color:var(--white);padding:0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.header-inner{max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{width:44px;height:44px;background:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--red)}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.logo-tagline{font-size:.65rem;opacity:.85;letter-spacing:.08em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:1rem}.cart-btn{background:#ffffff26;border:none;color:#fff;padding:.6rem 1.2rem;border-radius:2rem;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:background .2s}.cart-btn:hover{background:#ffffff40}.cart-badge{background:var(--gold);color:var(--red);font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}.hero{background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%);color:var(--white);padding:3rem 1.5rem;text-align:center}.hero h2{font-size:2rem;font-weight:800;margin-bottom:.5rem}.hero p{font-size:1.05rem;opacity:.9;max-width:500px;margin:0 auto 1.5rem}.hero-cta{background:var(--gold);color:var(--red);border:none;padding:.75rem 2rem;border-radius:2rem;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f5a62366}.categories{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 0}.cat-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{background:var(--white);border:2px solid #e5e5e5;padding:.6rem 1.2rem;border-radius:2rem;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;white-space:nowrap;transition:all .2s;color:var(--text)}.cat-tab:hover{border-color:var(--red);color:var(--red)}.cat-tab.active{background:var(--red);border-color:var(--red);color:var(--white)}.menu-section{max-width:1200px;margin:0 auto;padding:1.5rem}.menu-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:var(--text)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.menu-card{background:var(--white);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.menu-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.menu-card-img{width:100%;height:180px;object-fit:cover;background:linear-gradient(135deg,#ffecd2,#fcb69f);display:flex;align-items:center;justify-content:center;font-size:3.5rem}.menu-card-body{padding:1rem 1.25rem;flex:1;display:flex;flex-direction:column}.menu-card-name{font-size:1rem;font-weight:700;margin-bottom:.25rem}.menu-card-desc{font-size:.8rem;color:var(--text-light);margin-bottom:.75rem;flex:1}.menu-card-footer{display:flex;align-items:center;justify-content:space-between}.menu-card-price{font-size:1.1rem;font-weight:700;color:var(--red)}.add-btn{background:var(--red);color:var(--white);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.3rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s}.add-btn:hover{background:var(--red-dark);transform:scale(1.1)}.add-btn:active{transform:scale(.95)}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s}.cart-overlay.open{opacity:1;pointer-events:all}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(400px,90vw);background:var(--white);z-index:201;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-4px 0 30px #00000026}.cart-drawer.open{transform:translate(0)}.cart-header{padding:1.25rem 1.5rem;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.cart-header h3{font-size:1.2rem;font-weight:700}.cart-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light);padding:.25rem}.cart-items{flex:1;overflow-y:auto;padding:1rem 1.5rem}.cart-empty{text-align:center;padding:3rem 1rem;color:var(--text-light)}.cart-empty-icon{font-size:3rem;margin-bottom:.5rem}.cart-item{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f0f0f0;align-items:center}.cart-item-emoji{font-size:2rem;width:50px;height:50px;background:#fff5f5;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-item-info{flex:1}.cart-item-name{font-weight:600;font-size:.9rem}.cart-item-price{font-size:.8rem;color:var(--red);font-weight:600}.cart-item-qty{display:flex;align-items:center;gap:.5rem}.qty-btn{background:#f0f0f0;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background .2s}.qty-btn:hover{background:#e0e0e0}.cart-item-qty span{font-weight:600;min-width:20px;text-align:center}.cart-footer{padding:1.25rem 1.5rem;border-top:1px solid #eee;background:#fafafa}.cart-total{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.checkout-btn{width:100%;background:var(--red);color:var(--white);border:none;padding:.9rem;border-radius:.75rem;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.checkout-btn:hover{background:var(--red-dark)}.checkout-btn:disabled{background:#ccc;cursor:not-allowed}.promo-banner{max-width:1200px;margin:0 auto;padding:0 1.5rem}.promo-inner{background:linear-gradient(135deg,var(--gold) 0%,#f7c948 100%);border-radius:1rem;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.promo-text h3{font-size:1.1rem;font-weight:700;color:var(--red-dark)}.promo-text p{font-size:.85rem;color:#7a5a00}.promo-code{background:var(--red);color:var(--white);padding:.5rem 1.25rem;border-radius:.5rem;font-weight:700;font-size:.9rem;letter-spacing:.05em}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--text);color:var(--white);padding:.75rem 1.5rem;border-radius:2rem;font-size:.9rem;font-weight:500;z-index:300;opacity:0;transition:all .3s ease;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.footer{background:var(--text);color:#ffffffb3;text-align:center;padding:2rem 1.5rem;margin-top:3rem;font-size:.85rem}.footer-brand{color:var(--white);font-weight:700;font-size:1rem;margin-bottom:.5rem}@media(max-width:640px){.hero h2{font-size:1.5rem}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.promo-inner{flex-direction:column;text-align:center}}