body{font-family:Arial,sans-serif;background:#f8fafc;margin:0}
.header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;position:sticky;top:0}
.logo{display:flex;align-items:center;gap:8px}
.logo img{width:80px;height:80px}
.hero{text-align:center;background:#fff;padding:20px}
.hero-logo{width:200px;height:200px}
.tagline{font-size:14px;color:#64748B}
.hero-info{font-size:13px;color:#475569;margin-top:6px}
.categories{display:flex;gap:8px;padding:10px;background:#fff;overflow-x:auto}
.categories button{padding:6px 14px;border-radius:20px;border:1px solid #2563EB;background:#fff}
.categories button.active{background:#2563EB;color:#fff}
.menu-card{display:flex;align-items:center;gap:12px;background:#fff;margin:10px 12px;padding:10px;border-radius:14px}
.menu-card img{width:60px;height:60px;border-radius:50%;object-fit:cover}
.menu-info{flex:1}
.menu-info h4{margin:0}
.category{font-size:12px;color:#64748B}
.price{font-weight:600}
.qty{display:flex;gap:6px;align-items:center}
.qty button{width:32px;height:32px;border-radius:50%;border:1px solid #2563EB;background:#fff}
.cart{background:#fff;margin:16px 12px;padding:12px;border-radius:14px}
.cart-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #e2e8f0}
.details{background:#fff;margin:16px 12px;padding:16px;border-radius:14px}
.field{margin-bottom:12px}
.field label{font-size:13px;color:#64748B;display:block;margin-bottom:4px}
.field input{width:100%;padding:12px;border-radius:10px;border:1px solid #e2e8f0}
.delivery{margin:12px;display:flex;gap:8px}
.delivery button{flex:1;padding:12px;border-radius:10px;border:1px solid #2563EB;background:#fff}
.delivery button.active{background:#2563EB;color:#fff}
.bill{margin:12px}
.whatsapp{background:#25D366;color:#fff;width:100%;padding:15px;border:none;font-size:16px}