Desenvolvimento de E-commerce One-Page para Cozinha Guará - Panelas de Ferro Fundido Artesanais

Estamos buscando um desenvolvedor para criar um e-commerce completo em um único arquivo index.html para a marca Cozinha Guará – Chef Dornelles, especializada em panelas de ferro fundido artesanais. O projeto deve ser construído utilizando apenas html, css e javascript inline, sem a utilização de frameworks externos.

Requisitos Visuais:
- Fundo escuro quente (#1E1A17).
- Paleta de cores: ferrugem (#8B3A1A), creme (#F2EAD8) e dourado (#C9943A).
- Fontes: Cormorant Garamond para títulos e Jost para o corpo do texto, ambas via Google Fonts.
- Estética rústica e premium, evocando ferro, fogo e artesanato brasileiro.

Seções Obrigatórias:
- Header fixo: Deve incluir o logo da marca, navegação principal e ícones de busca, favoritos e carrinho, com um contador de itens no carrinho.
- Hero Section: Tela cheia com o título "O ferro que guarda o fogo de gerações", um subtítulo e um botão de Call to Action (CTA).
- Seção "Por que ferro fundido?": Composta por 3 colunas, cada uma com um ícone SVG e um texto explicativo.
- Cards de Produto: Serão 6 cards de produtos (frigideiras, caçarolas, kits), cada um exibindo preço, um badge, um botão "Adicionar ao Carrinho" e um ícone de favorito.
- Seção Chef Dornelles: Incluirá uma citação e uma foto simulada em CSS.
- Guia de Tempero: Apresentado em 4 passos numerados.
- Depoimentos: 3 depoimentos de clientes, com classificação por estrelas e borda dourada.
- Newsletter: Uma seção para inscrição na newsletter com um campo de e-mail.
- Footer: Contendo links úteis, informações de contato e ícones de redes sociais.

Funcionalidades JavaScript:
- Carrinho lateral deslizante: Exibindo itens adicionados, quantidade e total em tempo real.
- Busca inline: Funcionalidade de filtragem de produtos em tempo real.
- Favoritos: Itens favoritos devem ser salvos no localStorage do navegador.
- Modal de Produto: Ao clicar em um card de produto, um modal deve ser exibido com mais detalhes.
- Animações de Entrada: Utilização de Intersection Observer para animações de elementos ao entrar na viewport.
- Header Dinâmico: O header deve ser transparente inicialmente e solidificar ao rolar a página.

Restrições Técnicas:
- Zero dependências externas (sem frameworks, bibliotecas ou plugins).
- Desenvolvimento mobile-first.
- Código semântico e acessível.
- ÍCones SVG devem ser inline.
- Imagens de produtos e a foto do chef devem ser simuladas utilizando CSS puro.