(function(){
  const banner = document.querySelector('.full-banner-entry .flex > div');
  if(!banner) { setTimeout(arguments.callee, 100); return; }

  if(banner.querySelector('.limited-overlay')) return;

  const endDate = new Date("2025-11-20T23:59:59+03:00");
  const productURL = "https://your-shop.salla.dev/product/your-product-slug";
  const productImageURL = "https://cdn.salla.sa/GNwmO/products/7YZ89y22QcnEghQs76vkzobOBaBgUkClPmesgsxA.png"; // your product image

  const overlay = document.createElement('div');
  overlay.className = 'limited-overlay';

  overlay.innerHTML = `
    <img src="${productImageURL}" alt="Product Image" class="product-img">
    <h3>Limited Time Offer — 20% OFF</h3>
    <p>Hurry up! While stocks last</p>
    <div class="countdown">
      <span class="cd-part"><strong class="days">00</strong><small>Days</small></span>
      <span class="cd-part"><strong class="hours">00</strong><small>Hours</small></span>
      <span class="cd-part"><strong class="mins">00</strong><small>Minutes</small></span>
      <span class="cd-part"><strong class="secs">00</strong><small>Seconds</small></span>
    </div>
    <a href="${productURL}" class="cta" target="_self">Shop Now</a>
    <div class="expired">Offer Expired</div>
  `;

  banner.appendChild(overlay);

  // Countdown logic
  const elDays = overlay.querySelector('.days');
  const elHours = overlay.querySelector('.hours');
  const elMins = overlay.querySelector('.mins');
  const elSecs = overlay.querySelector('.secs');
  const expiredEl = overlay.querySelector('.expired');
  const cta = overlay.querySelector('.cta');

  function pad(n){ return String(n).padStart(2,'0'); }

  function updateCountdown(){
    const now = new Date();
    const diff = endDate - now;
    if(diff <= 0){
      elDays.textContent = elHours.textContent = elMins.textContent = elSecs.textContent = '00';
      expiredEl.style.display = 'block';
      cta.style.display = 'none';
      clearInterval(timer);
      return;
    }
    const s = Math.floor(diff / 1000);
    const d = Math.floor(s / 86400);
    const h = Math.floor((s % 86400) / 3600);
    const m = Math.floor((s % 3600) / 60);
    const sec = s % 60;
    elDays.textContent = pad(d);
    elHours.textContent = pad(h);
    elMins.textContent = pad(m);
    elSecs.textContent = pad(sec);
  }

  updateCountdown();
  const timer = setInterval(updateCountdown, 1000);

})();