* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Poppins', sans-serif; background: #fdfaf6; color: #3e2723; }

/* Header */
header { background: #6d4c41; color: white; text-align: center; padding: 30px; }
header h1 { font-size: 2.5rem; margin-bottom: 10px; }

/* Nav */
nav { background: #a1887f; padding: 12px; display: flex; justify-content: center; gap: 25px; }
nav a { color: white; text-decoration: none; font-weight: bold; transition: 0.3s; }
nav a:hover { color: #ffcc80; }

/* Seções */
.menu { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px; padding: 40px 20px; }
.menu h2 { grid-column: 1/-1; text-align: center; margin-bottom: 20px; font-size: 2rem; color: #4e342e; }

/* Cards */
.item { background: #fff; border-radius: 15px; box-shadow: 0 6px 12px rgba(0,0,0,0.1); text-align: center; padding: 15px; transition: transform .3s, box-shadow .3s; }
.item:hover { transform: translateY(-5px); box-shadow: 0 12px 20px rgba(0,0,0,0.15); }

/* Imagens */
.img-placeholder { width: 100%; height: 150px; background: linear-gradient(135deg, #d7ccc8, #a1887f); border-radius: 12px; margin-bottom: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.img-placeholder img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }

/* Texto */
.item h3 { font-size: 1.1rem; margin: 10px 0 5px; }
.item p { color: #5d4037; font-weight: bold; }

/* Botões */
button { margin-top: 10px; padding: 10px; border: none; background: linear-gradient(135deg, #6d4c41, #8d6e63); color: white; font-weight: bold; border-radius: 30px; cursor: pointer; transition: 0.3s; }
button:hover { background: linear-gradient(135deg, #5d4037, #7b5e57); transform: scale(1.05); }

/* Footer */
footer { background: #a1887f; color: white; text-align: center; padding: 25px; margin-top: 30px; }

/* Carrinho */
.carrinho { position: fixed; top: 20px; right: 20px; background: #6d4c41; color: white; padding: 12px 18px; border-radius: 50px; cursor: pointer; display: flex; align-items: center; gap: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); transition: 0.3s; }
.carrinho:hover { background: #5d4037; }
.carrinho span { background: #ff7043; padding: 3px 8px; border-radius: 50%; }

/* Modal Carrinho */
.carrinho-modal { position: fixed; top: 70px; right: 20px; width: 280px; background: white; border: 1px solid #ddd; border-radius: 12px; box-shadow: 0 6px 12px rgba(0,0,0,0.2); padding: 15px; display: none; }
.carrinho-modal h3 { margin-bottom: 10px; }
.carrinho-modal ul { list-style: none; max-height: 200px; overflow-y: auto; padding-right: 10px; }
.carrinho-modal li { padding: 5px 0; border-bottom: 1px solid #eee; }
.carrinho-modal button { width: 100%; margin-top: 10px; }

/* Total e pagamento */
#total { font-weight: bold; margin-top: 10px; margin-bottom: 10px; text-align: right; }
.pagamento { display: flex; gap: 15px; margin-bottom: 10px; }
.pagamento label { font-size: 14px; cursor: pointer; }