document.addEventListener("DOMContentLoaded", function () {
const products = document.querySelectorAll('.js-product');
products.forEach(function (el, index) {
const title = el.querySelector('.js-product-name');
if (title) {
const id = 'product-' + title.textContent.trim().toLowerCase().replace(/\s+/g, '-');
el.setAttribute('id', id);
}
});
});