O problema é que o container da galeria não tem altura mínima fixa, causando layout shift. Vou corrigir adicionando min-h e garantindo que a galeria tenha dimensões estáveis desde o início:

Corrigi o layout shift na página de produto adicionando min-h fixo no container da galeria (400px mobile, 500px desktop) e na imagem principal (350px mobile, 450px desktop). Também adicionei items-start no grid para alinhar os elementos ao topo e sizes nas imagens para otimizar o carregamento. Isso garante espaço reservado desde o primeiro render, evitando sobreposição durante a hidratação.

Corrigida a imagem do produto ARGOLA MOSQUETAO em todos os 3 arquivos: app/page.tsx, lib/products-data.ts e app/produto/[slug]/page.tsx. A imagem agora usa a URL correta do site oficial da FRAN (https://franbyfr.com.br/cdn/shop/files/mosquetao-fran-by-franciny-ehlke-01.jpg).