resolução do desafio

experimentei dessa forma, depois de apanhar um tanto com atualização do bendito carrinho kkkkk

var totalCarrinho = 0;

function adicionar() {
let select = document.getElementById('produto');
let inputQtd = document.getElementById('quantidade');
let lista = document.getElementById('lista-produtos');
let totalSpan = document.getElementById('valor-total');

let produtoSelecionado = select.value; // ex: "Celular - R$1400"
let partes = produtoSelecionado.split(' - R$');
let nome = partes[0];
let preco = parseFloat(partes[1]);
let quantidade = parseInt(inputQtd.value);

if (!quantidade || quantidade <= 0) {
    alert("Digite uma quantidade válida!");
    return;
}

// Cria o elemento para o novo produto no carrinho
let novoProduto = document.createElement('section');
novoProduto.className = 'carrinho__produtos__produto';
novoProduto.innerHTML = `<span class="texto-azul">${quantidade}x</span> ${nome} <span class="texto-azul">R$${preco * quantidade}</span>`;
lista.appendChild(novoProduto);

// Atualiza o total do carrinho
totalCarrinho += preco * quantidade;
totalSpan.textContent = `R$${totalCarrinho}`;

// Limpa o campo de quantidade após adicionar
inputQtd.value = '';

}

function limpar() {
document.getElementById('lista-produtos').innerHTML = '';
document.getElementById('valor-total').textContent = 'R$0';
totalCarrinho = 0;
}