// **تأكيد الرابط الصحيح**
const NEW_GIF_URL = "https://i.imgur.com/vNNBdsm.gif"; 

// 1. تحديد كود HTML للبانر
const bannerHTML = `
    <div class="custom-salla-banner-container">
        <a href="#">
            <img src="${NEW_GIF_URL}" alt="عرض خاص ومحدود">
        </a>
    </div>
`;

// 2. إنشاء العنصر الأب الذي سيحمل البانر
const bannerWrapper = document.createElement('div');
bannerWrapper.id = 'home-page-banner'; // المعرف لـ CSS
bannerWrapper.innerHTML = bannerHTML.trim();

// 3. **التعديل الهام: استهداف السلايدر الرئيسي ووضع البانر بعده**
// نستخدم "salla-slider" كفئة مستهدفة، ونختار الأول في الصفحة
const targetElement = document.querySelector('salla-slider');

if (targetElement) {
    // إضافة البانر بعد العنصر المستهدف مباشرة (بعد البانرات الرئيسية)
    targetElement.after(bannerWrapper);
} else {
    // كود احتياطي: إذا لم نجد السلايدر، نضيفه في نهاية الجسم
    document.body.appendChild(bannerWrapper);
}