document.querySelectorAll('.price').forEach(element => {

  const text = element.textContent;

  const [symbol, price] = text.split(' ');

  const [integerPart, decimalPart] = price.split('.');

  const formattedDecimal = decimalPart

    .replace(/(\d{2})(\d{3})(\d{3})/, '$1 $2 $3') // Add non-breaking spaces

    .split(' ')

    .map(segment => `<span class="segment">${segment}</span>`)

    .join('');

​

 element.innerHTML = `

    <span class="symbol">${symbol}</span>

    <span class="price-value">

      ${integerPart}.${formattedDecimal}

    </span>

  `;

});