:root{--bg-body:#f8f9fa;--bg-card:#fff;--bg-input:#f1f3f5;--bg-modal:#fff;--text-primary:#2d3436;--text-secondary:#636e72;--border-color:#e9ecef;--shadow:0 4px 15px rgba(0,0,0,0.08);--shadow-modal:0 -4px 20px rgba(0,0,0,0.1);--header-bg:#fff;--overlay-bg:rgba(0,0,0,0.5);--primary:#ff6b35;--primary-dark:#e85a2a;--success:#2ecc71;--danger:#e74c3c;--radius:16px;--bottom-bar-height:80px}[data-theme="dark"]{--bg-body:#121212;--bg-card:#1e1e1e;--bg-input:#2d2d2d;--bg-modal:#1e1e1e;--text-primary:#eaeaea;--text-secondary:#a0a0a0;--border-color:#333;--shadow:0 4px 15px rgba(0,0,0,0.4);--shadow-modal:0 -4px 20px rgba(0,0,0,0.6);--header-bg:#1a1a1a;--overlay-bg:rgba(0,0,0,0.7)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:'Poppins',sans-serif;background:var(--bg-body);color:var(--text-primary);overflow-x:hidden;transition:background .3s,color .3s}header{background:var(--header-bg);position:sticky;top:0;z-index:100;box-shadow:var(--shadow);padding:1rem 1.2rem;transition:background .3s}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.brand h1{font-size:1.3rem;font-weight:700}.brand p{font-size:.8rem;color:var(--text-secondary)}.header-actions{display:flex;gap:10px;align-items:center}.theme-btn,.cart-icon-btn{position:relative;background:var(--bg-input);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;font-size:1.2rem;color:var(--text-primary);transition:.3s}.theme-btn:hover,.cart-icon-btn:hover{background:var(--border-color)}.badge{position:absolute;top:-2px;right:-2px;background:var(--primary);color:white;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--header-bg);opacity:0;transform:scale(0);transition:.3s}.badge.show{opacity:1;transform:scale(1)}.search-box{background:var(--bg-input);padding:.8rem 1rem;border-radius:12px;display:flex;align-items:center;gap:.8rem;border:1px solid transparent;transition:.3s}.search-box:focus-within{border-color:var(--primary);background:var(--bg-card)}.search-box input{border:0;background:transparent;width:100%;font-family:inherit;font-size:.95rem;outline:0;color:var(--text-primary)}.search-box i{color:var(--text-secondary)}.categories-wrapper{width:100%;position:relative;overflow:hidden;background:var(--bg-body)}.categories-wrapper::after{content:'';position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(to right,transparent,var(--bg-body));pointer-events:none;z-index:2;opacity:1;transition:opacity .3s}.categories-wrapper.scrolled-end::after{opacity:0}.categories{display:flex;gap:10px;padding:1rem 1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.cat-item{flex-shrink:0;scroll-snap-align:start;padding:.6rem 1.2rem;background:var(--bg-card);border-radius:20px;font-size:.85rem;font-weight:500;color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;white-space:nowrap;user-select:none;box-shadow:0 2px 8px rgba(0,0,0,0.03)}.cat-item.active{background:var(--primary);color:white;border-color:var(--primary);box-shadow:0 4px 12px rgba(255,107,53,0.3)}.cat-item:active{transform:scale(0.95)}.menu-container{padding:1.2rem;padding-bottom:calc(var(--bottom-bar-height) + 20px)}.section-title{font-size:1.1rem;font-weight:700;margin:1.5rem 0 1rem}.product-card{background:var(--bg-card);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;display:flex;gap:1rem;box-shadow:var(--shadow);position:relative;border:1px solid var(--border-color);transition:transform .2s}.product-card:active{transform:scale(0.98)}.prod-img-box{width:100px;height:100px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#eee}.prod-img-box img{width:100%;height:100%;object-fit:cover}.prod-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.prod-title{font-weight:600;font-size:1rem;line-height:1.3;margin-bottom:.3rem}.prod-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prod-bottom{display:flex;justify-content:space-between;align-items:center}.prod-price{font-weight:700;color:var(--text-primary);font-size:1.1rem}.add-btn{background:var(--primary);color:white;width:32px;height:32px;border-radius:8px;border:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:.2s}.add-btn:active{transform:scale(0.9)}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;background:var(--bg-card);padding:.8rem 1.2rem;box-shadow:var(--shadow-modal);display:flex;justify-content:space-between;align-items:center;z-index:100;transform:translateY(100%);transition:transform .4s cubic-bezier(0.175,0.885,0.32,1.275);border-top:1px solid var(--border-color)}.bottom-bar.visible{transform:translateY(0)}.bar-info{display:flex;flex-direction:column}.bar-count{font-size:.8rem;color:var(--text-secondary);font-weight:500}.bar-total{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.bar-btn{background:var(--success);color:white;padding:.8rem 1.5rem;border-radius:50px;border:0;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);z-index:200;opacity:0;visibility:hidden;transition:.3s;backdrop-filter:blur(4px)}.modal-overlay.active{opacity:1;visibility:visible}.cart-modal{position:fixed;bottom:0;left:0;width:100%;background:var(--bg-modal);border-top-left-radius:24px;border-top-right-radius:24px;max-height:80vh;z-index:201;transform:translateY(100%);transition:.4s cubic-bezier(0.175,0.885,0.32,1.275);display:flex;flex-direction:column}.cart-modal.active{transform:translateY(0)}.modal-handle{width:40px;height:5px;background:var(--border-color);border-radius:10px;margin:12px auto 0}.modal-header{padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.2rem}.close-modal{background:0;border:0;font-size:1.5rem;color:var(--text-secondary);cursor:pointer}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.cart-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.cart-row-info h4{font-size:.95rem;font-weight:600}.cart-row-info span{font-size:.85rem;color:var(--text-secondary)}.qty-ctrl{display:flex;align-items:center;gap:12px;background:var(--bg-input);padding:4px 8px;border-radius:8px}.qty-btn{background:var(--bg-card);border:1px solid var(--border-color);width:24px;height:24px;border-radius:6px;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.qty-btn.remove{color:var(--danger)}.modal-footer{padding:1.2rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-modal)}.total-row{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.checkout-btn{background:var(--success);color:white;width:100%;padding:1rem;border:0;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#444}