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

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  background-color: #8B5CF6;
  color: #FFFFFF;
}

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:#FFFFFF; text-decoration:none; font-weight:500; }
header .carrinho { font-size:1.5rem; cursor:pointer; }

.container { width:90%; max-width:1200px; margin:auto; padding:2rem 0; }

.banner { text-align:center; margin-bottom:2rem; }
.banner h1 { font-size:2rem; margin-bottom:0.5rem; }
.banner p { margin-bottom:1rem; }
.banner button { padding:0.7rem 1.2rem; background:#0EA5E9; border:none; color:white; cursor:pointer; border-radius:5px; }

.produtos-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(200px,1fr));
  gap:1.5rem;
}

.card-produto {
  border:1px solid #C4B5FD;
  border-radius:10px;
  padding:1rem;
  text-align:center;
}
.card-produto img { width:100%; height:auto; border-radius:5px; margin-bottom:0.5rem; }
.card-produto button { padding:0.7rem 1rem; background:#0EA5E9; border:none; color:white; cursor:pointer; border-radius:5px; }

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){ .produtos-grid{grid-template-columns:1fr;} }