/* Add custom JS code below */ 
document.addEventListener('DOMContentLoaded', function() {
  const brandDiv = document.querySelector('.product-brand.mb-5');
  if (brandDiv) {
    const brandAnchor = brandDiv.querySelector('a');
    const brandImg = brandDiv.querySelector('img');
    
    if (brandAnchor && brandImg) {
      const brandHref = brandAnchor.getAttribute('href');
      const brandName = brandImg.getAttribute('alt') || brandImg.getAttribute('title');
      const brandSrc = brandImg.getAttribute('src');

      const banner = document.createElement('div');
      banner.className = 'product-brand-banner';
      banner.innerHTML = `
        <a href="${brandHref}" title="${brandName}">
          <img src="${brandSrc}" alt="${brandName}" style="height:40px; object-fit:contain;">
        </a>
        <div>
          <div class="brand-text">اصلي 100%</div>
          <a href="${brandHref}" class="brand-link">اضغط هنا للمزيد من ماركة ${brandName}</a>
        </div>
      `;

      brandDiv.replaceWith(banner);
    }
  }
});