<script>
document.addEventListener('DOMContentLoaded', function() {
const elements = document.querySelectorAll('.product-list-item-title, h1.product-title, a.product-title');
elements.forEach(element => {
const text = element.textContent;
if (text.includes('|')) {
const parts = text.split('|');
if (parts.length >= 2) {
const firstPart = parts[0].trim();
let html = firstPart;
for (let i = 1; i < parts.length; i++) {
html += `<span>${parts[i].trim()}</span>`;
}
element.innerHTML = html;
}
}
});
});
</script>