/* Passo 1: Esconde o ícone SVG original que está no HTML */
.desconto-a-vista .icone-listagem-avista {
    display: none;
}

/* Passo 2: Adiciona o seu ícone do Pix antes do texto de desconto */
.desconto-a-vista::before {
    content: "";
    display: inline-block; /* Garante que o ícone fique na mesma linha do texto */
    width: 22px;           /* <-- AJUSTE O TAMANHO DO ÍCONE AQUI */
    height: 22px;          /* <-- AJUSTE O TAMANHO DO ÍCONE AQUI */
    margin-right: 8px;     /* Espaço entre o ícone e o texto */
    vertical-align: middle;/* Alinha o ícone verticalmente com o texto */

    /* <<< COLE A URL DO SEU ÍCONE PIX AQUI >>> */
    /* Use o mesmo link do arquivo 'icone-pix.svg' que você já subiu */
    background-image: url('https://cdn.awsli.com.br/1227/1227993/arquivos/icons8-pix.svg');

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/*
  Remove o ícone de código de barras (boleto/à vista)
  ESPECIFICAMENTE na página de produto. (Versão corrigida)
*/
.pagina-produto #icone-avista {
    display: none;
}

/*
  AJUSTE DE TAMANHO DO ÍCONE PIX NA PÁGINA DE PRODUTO
  Altere os valores de width (largura) e height (altura) abaixo 
  para mudar o tamanho do ícone que aparece no bloco 'destaque-avista'.
*/
.pagina-produto .acoes-produto .destaque-avista .desconto-a-vista::before {
    width: 42px;  /* <-- Altere a LARGURA do ícone aqui */
    height: 42px; /* <-- Altere a ALTURA do ícone aqui */
}