/* Configuração Geral e Fonte */
body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    text-align: center; 
    margin: 0; 
    padding: 0; 
    background-color: #fdfdfd; 
    color: #333;
}

/* Header e Logo */
header { padding: 30px 20px; background-color: #fff; }
.logo img { width: 140px; }

/* Grid de Produtos - Responsivo (Se adapta a qualquer tela) */
.produtos { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 
    gap: 25px; 
    padding: 20px; 
    max-width: 1100px; 
    margin: 0 auto;
}

/* Cards dos Produtos */
.produto-card { 
    border: 1px solid #eaeaea; 
    padding: 15px; 
    border-radius: 12px; 
    background-color: white;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.produto-card:hover { 
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

/* IMAGENS - Forçadas a um tamanho padronizado */
.produto-card img { 
    width: 100%; 
    height: 220px;        /* Altura fixa para uniformidade */
    object-fit: cover;    /* Corta a imagem mantendo a proporção */
    border-radius: 8px;
    display: block;
    margin-bottom: 10px;
}

/* Textos e Preços */
h2 { color: #2c3e50; margin-top: 50px; margin-bottom: 20px; }
h3 { font-size: 1.1em; margin: 10px 0; }
.preco { font-weight: bold; color: #d35400; margin: 5px 0; }
.estoque { font-size: 0.85em; color: #7f8c8d; margin-bottom: 15px; }

/* Botão de Adicionar */
button { 
    background-color: #2c3e50; 
    color: white; 
    border: none; 
    padding: 12px 25px; 
    border-radius: 6px; 
    cursor: pointer; 
    font-weight: bold;
    width: 100%;
}
button:hover { background-color: #34495e; }

/* Rodapé */
footer { 
    padding: 40px 20px; 
    background-color: #f8f8f8; 
    margin-top: 50px;
    border-top: 1px solid #eee;
}

/* Carrinho Flutuante */
#carrinho-flutuante {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
    color: white;
    padding: 15px 25px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    z-index: 1000;
}