Resolução

let carrinho = document.querySelector('.carrinho__produtos__produto');
let carrinhoTotal = document.getElementById('valor-total');
let quantidadeInput = document.getElementById('quantidade');
limpar()


function adicionar() {
    let produto = document.getElementById('produto').value;
    let quantidade = parseInt(quantidadeInput.value) || 1;
    let valorTotal = parseInt(carrinhoTotal.innerText.replace("R$", ""));
    const [produtoNome, produtoPreço] = produto.split(" - R$");

    carrinho.innerHTML += `<section class="carrinho__produtos__produto">
    <span class="texto-azul">${quantidade}x</span> ${produtoNome} <span class="texto-azul">R${produtoPreço}</span>
  </section>`;

    let novoValorTotal = valorTotal + parseInt(produtoPreço) * quantidade;

    carrinhoTotal.innerHTML = `R$${novoValorTotal}`;
}
function limpar() {
    carrinho.innerHTML = ``;
    carrinhoTotal.innerHTML = `R$0,00`;
    quantidadeInput.value = '';

}