/* Add custom Js code below */

//document.head.appendChild(document.createElement('script')).src = 'https://smartarget.online/loader.js?u=f7fb42223df7caf7ac199a8aa978a411c9e26939';


 
   const contactBtn = document.createElement('div');

  const prefilled = encodeURIComponent("السلام عليكم، لدي استفسار بخصوص قطعة غيار.");
  const waLink = `https://wa.me/966592499658?text=${prefilled}`;

  function getBottomOffset() {
    const width = window.innerWidth;
    if (width <= 480) return '120px';     // Small phones
    if (width <= 768) return '100px';     // Tablets
    return '20px';                       // Desktop
  }
  contactBtn.innerHTML = `
    <a href="${waLink}" target="_blank" style="
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      background-color: #25D366;
      color: white;
      font-weight: bold;
      padding: 12px 18px;
      border-radius: 50px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.25);
      position: fixed;
      bottom: ${getBottomOffset()};
      right: 20px;
      z-index: 9999;
      text-decoration: none;
      font-size: 14px;
      font-family: sans-serif;
      transition: all 0.3s ease;
      animation: pulse 2s infinite;
      max-width: 80%;
    ">
      <img src="https://img.icons8.com/ios-filled/24/ffffff/whatsapp.png" style="width: 20px; height: 20px;" alt="واتساب">
      هل لديك أي استفسار؟        
    </a>
  `;

  document.body.appendChild(contactBtn);

  window.addEventListener('resize', () => {
    const link = contactBtn.querySelector('a');
    link.style.bottom = getBottomOffset();
  });