:root{--bg-color:#1a1a1a;--bg-surface:#242424;--bg-surface-elevated:#2f2f2f;--accent-color:#ff5a00;--accent-hover:#e04f00;--secondary-color:#ffc107;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#888;--border-color:#333;--success-color:#10b981;--font-display:"Bebas Neue", sans-serif;--font-heading:"Oswald", sans-serif;--font-body:"Montserrat", sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.2s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.text-display{font-family:var(--font-display);letter-spacing:1px}.text-heading{font-family:var(--font-heading);text-transform:uppercase}.text-body{font-family:var(--font-body)}.container{width:100%;max-width:600px;padding:0 var(--spacing-md);min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dotted-leader{border-bottom:2px dotted var(--text-muted);margin:0 var(--spacing-sm);opacity:.5;flex-grow:1;position:relative;top:-6px}.app-header{padding:var(--spacing-md) 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--border-color);background-color:#1a1a1af2;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-logo{flex-direction:column;display:flex}.app-logo-title{color:var(--text-primary);font-size:2rem;line-height:1}.app-logo-subtitle{color:var(--accent-color);margin-top:-4px;font-size:1rem}.header-actions{gap:var(--spacing-sm);display:flex}.icon-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--border-color)}.hero-section{margin:var(--spacing-md) 0;border-radius:var(--radius-lg);height:160px;padding:var(--spacing-lg);background:linear-gradient(90deg,#000c,#0006),url(https://images.unsplash.com/photo-1568901346375-23c9450c58cd?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80) 50%/cover;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080}.hero-badge{top:var(--spacing-md);right:var(--spacing-md);background:var(--accent-color);color:#fff;border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:700;display:flex;position:absolute}.hero-badge:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.hero-title{color:var(--accent-color);margin-bottom:4px;font-size:.9rem;font-weight:700}.hero-main{text-shadow:2px 2px 4px #000c;font-size:2.2rem;line-height:1}.categories-nav{background:var(--bg-color);padding:var(--spacing-sm) 0;z-index:90;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);position:sticky;top:73px}.categories-list{gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);display:flex;overflow-x:auto}.category-tab{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.category-tab:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.category-tab.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.menu-section{margin-bottom:var(--spacing-xl);scroll-margin-top:140px}.section-title{background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-md);letter-spacing:1px;margin-bottom:var(--spacing-md);border-left:4px solid var(--accent-color);padding:8px 16px;font-size:1.2rem;display:inline-block}.items-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=640px){.items-grid{grid-template-columns:repeat(2,1fr)}}.menu-item{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-md);border:1px solid var(--border-color);transition:transform var(--transition-fast), border-color var(--transition-fast);cursor:pointer;display:flex}.menu-item:hover{border-color:var(--accent-color);transform:translateY(-2px)}.item-image{border-radius:var(--radius-sm);object-fit:cover;background-color:var(--bg-surface-elevated);flex-shrink:0;width:80px;height:80px}.item-content{flex-direction:column;flex-grow:1;justify-content:space-between;display:flex}.item-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.item-name{color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.2}.item-desc{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.75rem;line-height:1.3}.item-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.item-price{color:var(--accent-color);font-size:1.1rem;font-weight:700}.add-btn{color:#fff;cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.menu-item:hover .add-btn{background:var(--accent-color)}.fab-whatsapp{bottom:var(--spacing-lg);right:var(--spacing-lg);background:var(--success-color);color:#fff;cursor:pointer;z-index:1000;width:56px;height:56px;transition:transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 12px #10b98166}.fab-whatsapp:hover{transform:scale(1.1)}.cart-summary{background:var(--bg-surface-elevated);padding:var(--spacing-md);border-top:1px solid var(--border-color);z-index:999;transition:transform var(--transition-normal);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.cart-summary.visible{transform:translateY(0)}.cart-summary-inner{background:var(--accent-color);border-radius:var(--radius-full);color:#fff;cursor:pointer;justify-content:space-between;align-items:center;width:100%;max-width:600px;padding:12px 20px;font-weight:600;display:flex;box-shadow:0 4px 12px #ff5a004d}.cart-summary-inner:hover{background:var(--accent-hover)}.cart-items-count{border-radius:var(--radius-full);background:#0003;padding:2px 8px;font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#000c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{background:var(--bg-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:600px;max-height:80vh;padding:var(--spacing-lg);transition:transform var(--transition-normal);flex-direction:column;display:flex;transform:translateY(100%)}.modal-overlay.open .modal-content{transform:translateY(0)}.modal-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:1.5rem}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none}.cart-items-list{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.cart-item{justify-content:space-between;align-items:center;display:flex}.cart-item-info{flex-grow:1}.cart-item-name{font-size:.9rem;font-weight:600}.cart-item-price{color:var(--accent-color);font-weight:700}.cart-item-actions{align-items:center;gap:var(--spacing-sm);background:var(--bg-color);border-radius:var(--radius-full);padding:4px 8px;display:flex}.qty-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.qty{text-align:center;width:20px;font-size:.9rem;font-weight:600}.modal-footer{border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.cart-total-row{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.checkout-btn{background:var(--success-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1rem;font-weight:700;display:flex}.checkout-btn:hover{background:#0ea5e9}.marquee-container{background:var(--accent-color);color:#fff;white-space:nowrap;margin-bottom:var(--spacing-md);border-top:2px solid #0000001a;border-bottom:2px solid #0000001a;padding:8px 0;display:flex;position:relative;overflow:hidden}.marquee-content{animation:20s linear infinite marquee;display:flex}.marquee-item{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;flex-shrink:0;align-items:center;padding:0 30px;font-size:.85rem;font-weight:700;display:flex}.marquee-item:after{content:"★";color:#ffffff80;margin-left:30px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}