body { font-family:'Poppins',sans-serif; background:#FFFFFF; color:#111827; margin:0; padding:0; }

header { display:flex; justify-content:space-between; align-items:center; padding:1rem 2rem; background:#8B5CF6; color:white; }
header .logo { font-weight:bold; font-size:1.5rem; }
header nav ul { display:flex; list-style:none; gap:1.5rem; }
header nav ul li a { color:white; text-decoration:none; font-weight:500; }
header .carrinho { font-size:1.5rem; cursor:pointer; }

.container { width:90%; max-width:800px; margin:auto; padding:2rem 0; }
.container h1 { font-size:2rem; margin-bottom:1rem; text-align:center; }

.pedido { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem; border:1px solid #C4B5FD; border-radius:10px; margin-bottom:1rem; }
.pedido input { width:60px; padding:0.3rem; }
.pedido button { padding:0.5rem 1rem; background:#0EA5E9; border:none; color:white; cursor:pointer; border-radius:5px; }
.total { text-align:right; margin-top:1rem; font-size:1.2rem; }
.container > button { padding:0.7rem 1.2rem; background:#0EA5E9; border:none; color:white; cursor:pointer; border-radius:5px; margin-top:1rem; width:100%; }

footer { background:#8B5CF6; color:white; text-align:center; padding:1rem; margin-top:2rem; }

@media(max-width:1100px){ header { flex-direction:column; gap:1rem; } }
@media(max-width:550px){ .pedido { flex-direction:column; align-items:flex-start; } }