/* Reset */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: "Segoe UI", sans-serif; background:#f8f6fc; color:#333; line-height:1.6; }

/* Header */
header { background:#5e17eb; color:white; text-align:center; padding:30px 20px; position:relative; }
header h1 { font-size:2.5rem; margin-bottom:10px; }
.descricao-site { font-size:1.1rem; max-width:700px; margin:0 auto; color:#d3b8ff; }

#btn-carrinho, #btn-login {
  background:#3c096c;
  color:white;
  border:none;
  padding:8px 15px;
  border-radius:6px;
  cursor:pointer;
  margin-top:15px;
}
#btn-carrinho:hover, #btn-login:hover { background:#5e17eb; }

/* Login */
#login-container {
  background:white;
  max-width:400px;
  margin:40px auto;
  padding:20px;
  border-radius:10px;
  box-shadow:0 4px 10px rgba(0,0,0,0.1);
  text-align:center;
}
#login-container input {
  display:block;
  width:90%;
  margin:10px auto;
  padding:10px;
  border:1px solid #ccc;
  border-radius:6px;
}
#login-container button {
  background:#5e17eb;
  color:white;
  border:none;
  padding:10px 20px;
  border-radius:6px;
  cursor:pointer;
}
#login-container button:hover { background:#3c096c; }
#login-erro { color:#e63946; margin-top:10px; }

/* Produtos */
#produtos-container { 
  display:grid; 
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); 
  gap:25px; 
  padding:20px 40px; 
}
.produto { 
  background:white; 
  border-radius:12px; 
  overflow:hidden; 
  box-shadow:0px 4px 8px rgba(0,0,0,0.1); 
  transition:transform 0.2s ease, box-shadow 0.2s ease; 
}
.produto:hover { transform:scale(1.03); box-shadow:0px 8px 16px rgba(0,0,0,0.2); }
.produto img { width:100%; object-fit:cover; }
.produto h2 { font-size:1.3rem; margin:15px; color:#5e17eb; }
.produto p { margin:0 15px 10px; font-size:0.95rem; }
.produto .preco { font-size:1.2rem; font-weight:bold; color:#e63946; margin:10px 15px 20px; }
.btn-comprar { 
  background:#5e17eb; 
  color:white; 
  border:none; 
  padding:8px 15px; 
  border-radius:6px; 
  cursor:pointer; 
  margin:10px 15px; 
}
.btn-comprar:disabled { background:#ccc; cursor:not-allowed; }

/* Estoque */
.estoque { font-size:0.9rem; color:#444; margin:5px 15px 10px; }
.estoque.baixo { color:#e63946; font-weight:bold; }
.estoque.esgotado { color:#a8a8a8; font-weight:bold; }

/* Notificações */
#notificacoes { position:fixed; bottom:20px; right:20px; z-index:10000; }
.notificacao { 
  background:#5e17eb; 
  color:white; 
  padding:12px 20px; 
  border-radius:8px; 
  margin-top:10px; 
  min-width:200px; 
  box-shadow:0 4px 8px rgba(0,0,0,0.2); 
  opacity:0; 
  transform:translateX(100%); 
  transition:opacity 0.5s, transform 0.5s; 
}
.notificacao.show { opacity:1; transform:translateX(0); }
.notificacao.baixo { background:#e63946; }

.hidden { display:none; }