OBS: encontrei o erro, percebi que nao estava adicionando a section no if
fazendo alguns testes notei que quando eu adicionava um item sem informar a quantidade, no carrinho mostraria apenas um "x" já que a qnt esta sendo enviado uma string vazia, o mesmo caso ocorre quando no campo quantidade colocamos um "0", no carrinho ira mostrar "0x". Para resolver esse conflito fiz apenas um if e else, segue o codigo:
if(qnt !== '' && qnt !== '0' ){
carrinho.innerHTML = `<section class="carrinho__produtos__produto">
<span class="texto-azul">${qnt}x</span> ${produtName} <span class="texto-azul">R$${preco}</span>
</section>`;
}else{
carrinho.innerHTML += `<section class="carrinho__produtos__produto">
<span class="texto-azul">1x</span> ${produtName} <span class="texto-azul">R$${valueUnit}</span>
</section>`;
}
isso resolveu o conflito, mas toda vez que eu adiciono um item com a quantidade informada o carrinho 'reseta', apagando os itens adicionados sem terem seus valores informados e deixando apenas um item, gostaria de ter alguma ideia de solução. Obrigado