/* Add custom Js styles below */ 
document.querySelectorAll(".s-block--fixed-banner")[2].id = "skin-care";
document.querySelectorAll(".s-block--fixed-banner")[3].id = "hair-care";
document.querySelectorAll(".s-block--fixed-banner")[4].id = "care-tools";

<script>
document.addEventListener("scroll", function() {
    document.querySelectorAll('.reveal').forEach(function(el) {
        const rect = el.getBoundingClientRect();
        if (rect.top < window.innerHeight - 50) {
            el.classList.add('active');
        }
    });
});
</script>

<script>
document.addEventListener("DOMContentLoaded", function () {
    const banners = document.querySelectorAll('.s-block--fixed-banner');

    banners.forEach(b => b.classList.add("banner-animate"));

    const revealOnScroll = () => {
        banners.forEach(el => {
            const rect = el.getBoundingClientRect();
            if (rect.top < window.innerHeight - 60) {
                el.classList.add("active");
            }
        });
    };

    window.addEventListener("scroll", revealOnScroll);
    revealOnScroll(); // للتفعيل عند التحميل
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
    // استهداف جميع البنرات في الصفحة الرئيسية
    const banners = document.querySelectorAll('header img, .swiper-slide img, .s-block-banner img, .banner img');

    banners.forEach(el => {
        el.classList.add("miilas-banner-animate");
    });

    function revealBanners() {
        banners.forEach(el => {
            const rect = el.getBoundingClientRect();
            if (rect.top < window.innerHeight - 50) {
                el.classList.add("active");
            }
        });
    }

    window.addEventListener("scroll", revealBanners);
    revealBanners(); // تفعيل عند تحميل الصفحة
});
</script>

-
  --

  -
  ------
  // الحصول على جميع البنرات
const banners = document.querySelectorAll(".s-block--fixed-banner");
let currentIndex = 0;

// إظهار البنر الأول
banners[currentIndex].classList.add("active");

// دالة لتغيير البنر كل 3 ثواني
setInterval(() => {
  // إخفاء البنر الحالي
  banners[currentIndex].classList.remove("active");

  // تحديث المؤشر
  currentIndex = (currentIndex + 1) % banners.length;

  // إظهار البنر التالي
  banners[currentIndex].classList.add("active");
}, 3000); // 3000 ملي ثانية = 3 ثواني


setInterval(() => {
  const popup = document.querySelector(".discount-popup, .coupon-popup, #coupon-popup, .s-coupon-popup, .popup-coupon");
  if (popup) {
    popup.remove(); // لحذف النافذة نهائياً
  }
}, 500);


document.querySelector('.popup-content').style.display = 'block';
------------------------------
نافذة منبثقة للشحن المجاني
<script>
document.addEventListener("DOMContentLoaded", function() {
  // تحقق إذا ظهر Popup من قبل
  if (localStorage.getItem('oneTimePopupShown')) return;

  // حساب الأيام المتبقية حتى 1/12/2025
  var today = new Date();
  var endDate = new Date("2025-12-01");
  var daysRemaining = Math.max(Math.ceil((endDate - today)/(1000*60*60*24)), 0);

  // إنشاء الخلفية المظلمة Overlay
  var overlay = document.createElement('div');
  overlay.style.position = 'fixed';
  overlay.style.top = '0';
  overlay.style.left = '0';
  overlay.style.width = '100%';
  overlay.style.height = '100%';
  overlay.style.backgroundColor = 'rgba(0,0,0,0.5)';
  overlay.style.zIndex = '999998';
  overlay.style.display = 'flex';
  overlay.style.justifyContent = 'center';
  overlay.style.alignItems = 'center';

  // إنشاء Popup
  var popup = document.createElement('div');
  popup.style.background = 'white';
  popup.style.padding = '20px';
  popup.style.borderRadius = '10px';
  popup.style.boxShadow = '0 0 20px rgba(0,0,0,0.3)';
  popup.style.textAlign = 'center';
  popup.style.zIndex = '999999';
  popup.innerHTML = `
    <h2>شحن مجاني لفترة محدودة</h2>
    <p>متبقي على نهاية العرض ${daysRemaining} يوم</p>
    <button id="closeOneTimePopup" style="
      margin-top: 15px;
      padding: 10px 20px;
      background: black;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    ">إغلاق</button>
  `;

  overlay.appendChild(popup);
  document.body.appendChild(overlay);

  // زر الإغلاق
  document.getElementById('closeOneTimePopup').onclick = function() {
    overlay.remove();
    localStorage.setItem('oneTimePopupShown', 'true');
  };
});
</script>