/* ====== CSS: قص العنوان لسطرين ====== */
<script>
document.addEventListener('DOMContentLoaded', function () {
  const selectors = '.product-card__title, .product-title, .card__heading, .grid-product__title';
  
  document.querySelectorAll(selectors).forEach(function(element) {
    const originalText = element.textContent.trim();
    if (!element.hasAttribute('title')) {
      element.setAttribute('title', originalText);
    }
  });
});
</script>