/* Add custom CSS styles below */ 
<div id="sale-countdown" style="background:#000;color:#fff;padding:14px 18px;border-radius:10px;text-align:center;margin:15px 0;font-family:Arial,sans-serif;">
  <div style="font-size:18px;font-weight:700;margin-bottom:8px;">
    🔥 Summer Sale Ends In
  </div>
  <div id="timer" style="font-size:24px;font-weight:700;letter-spacing:1px;">
    00d : 00h : 00m : 00s
  </div>
</div>

<script>
(function() {
  // Yahan apni end date set karo
  var endDate = new Date("July 01, 2026 23:59:59").getTime();

  function updateTimer() {
    var now = new Date().getTime();
    var distance = endDate - now;

    if (distance < 0) {
      document.getElementById("timer").innerHTML = "Offer Expired";
      return;
    }

    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);

    document.getElementById("timer").innerHTML =
      days + "d : " + hours + "h : " + minutes + "m : " + seconds + "s";
  }

  updateTimer();
  setInterval(updateTimer, 1000);
})();
</script>