<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HZGAMES.COM - Loja de Jogos</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>HZGAMES.COM</h1>
<nav>
<a href="#">Início</a>
<a href="#produtos">Produtos</a>
<a href="#contato">Contato</a>
<a href="#" onclick="abrirCarrinho()">🛒 Carrinho (<span id="contador">0</span>)</a>
</nav>
</header>
<section class="banner">
<h2>🔥 Entrega Automática 24H</h2>
<p>Os melhores jogos com os melhores preços!</p>
<a href="#produtos" class="btn">Ver Produtos</a>
</section>
<section id="produtos" class="produtos">
<h2>Nossos Produtos</h2>
<div class="card">
<h3>EA SPORTS FC 24</h3>
<p>R$ 79,90</p>
<button onclick="adicionarCarrinho('EA SPORTS FC 24',79.90)">Comprar</button>
</div>
<div class="card">
<h3>GTA V Premium</h3>
<p>R$ 49,90</p>
<button onclick="adicionarCarrinho('GTA V Premium',49.90)">Comprar</button>
</div>
<div class="card">
<h3>Red Dead Redemption 2</h3>
<p>R$ 69,90</p>
<button onclick="adicionarCarrinho('Red Dead Redemption 2',69.90)">Comprar</button>
</div>
</section>
<div id="carrinho" class="carrinho">
<h2>Seu Carrinho</h2>
<ul id="listaCarrinho"></ul>
<h3>Total: R$ <span id="total">0.00</span></h3>
<button onclick="finalizarCompra()">Finalizar Compra</button>
<button onclick="fecharCarrinho()">Fechar</button>
</div>
<footer id="contato">
<p>Contato: WhatsApp | Instagram</p>
<p>© 2026 HZGAMES.COM - Todos os direitos reservados</p>
</footer>
<script src="script.js"></script>
</body>
</html>