document.addEventListener("DOMContentLoaded", function () {
  // افترضنا أن البانر الكبير يحتوي على هذا الكلاس
  const bannerSection = document.querySelector('.main-banner');

  if (bannerSection) {
    const productCard = document.createElement('div');
    productCard.classList.add('custom-home-product');
    productCard.innerHTML = `
      <div class="product-box">
        <h3>🆕 جديدنا: سلفادور نخب خاص</h3>
        <img src="رابط-الصورة" alt="محصول جديد" />
        <p>قهوة مختصة من ارتفاعات شاهقة، بنكهات فريدة.</p>
        <a href="/products/salvador" class="btn-view">اطلب الآن</a>
      </div>
    `;

    // أضفه بعد البانر العريض
    bannerSection.parentNode.insertBefore(productCard, bannerSection.nextSibling);
  }
});