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);
    }
  });
});