/*==================================================
MAYASSA MEDICAL
CATEGORIES V3
==================================================*/

document.addEventListener("DOMContentLoaded", function () {

    const categories = [
        {
            icon: "🏥",
            title: "تجهيزات المستشفيات",
            url: "https://mayassamed.com/%D8%AA%D8%AC%D9%87%D9%8A%D8%B2%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%B4%D9%81%D9%8A%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D8%B9%D9%8A%D8%A7%D8%AF%D8%A7%D8%AA/c788492106"
        },
        {
            icon: "🩺",
            title: "الأجهزة والمستلزمات الطبية",
            url: "https://mayassamed.com/%D8%A3%D8%AC%D9%87%D8%B2%D8%A9-%D9%88%D9%85%D8%B3%D8%AA%D9%84%D8%B2%D9%85%D8%A7%D8%AA-%D8%B7%D8%A8%D9%8A%D8%A9/c686865732"
        },
        {
            icon: "🛏️",
            title: "الكراسي والأسرة الطبية",
            url: "https://mayassamed.com/%D9%83%D8%B1%D8%A7%D8%B3%D9%8A-%D9%88%D8%A3%D8%B3%D8%B1%D8%A9-%D8%B7%D8%A8%D9%8A%D8%A9/c1004119372"
        },
        {
            icon: "🦿",
            title: "المشدات والجبائر",
            url: "https://mayassamed.com/%D9%85%D8%B4%D8%AF%D8%A7%D8%AA-%D9%88%D8%AC%D8%A8%D8%A7%D8%A6%D8%B1-%D9%88%D9%81%D8%B1%D8%B4%D8%A7%D8%AA-%D8%B7%D8%A8%D9%8A%D8%A9/c968906578"
        },
        {
            icon: "👨‍⚕️",
            title: "مستلزمات الممارس الصحي",
            url: "https://mayassamed.com/%D9%85%D8%B3%D8%AA%D9%84%D8%B2%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%85%D8%A7%D8%B1%D8%B3-%D8%A7%D9%84%D8%B5%D8%AD%D9%8A/c1778157123"
        },
        {
            icon: "🩹",
            title: "الحفائض والمفارش",
            url: "https://mayassamed.com/%D8%AD%D9%81%D8%A7%D8%A6%D8%B6-%D9%88%D9%85%D9%81%D8%A7%D8%B1%D8%B4/c1838113890"
        }
    ];

    function addCategories() {

        if (document.querySelector(".mayassa-categories")) return;

        const target = document.querySelector(".mayassa-features");

        if (!target) return;

        const section = document.createElement("section");
        section.className = "mayassa-categories";

        section.innerHTML = `
            <h2>تسوق حسب الأقسام</h2>
            <div class="mayassa-grid">
                ${categories.map(cat => `
                    <a href="${cat.url}" class="mayassa-card">
                        <div class="mayassa-icon">${cat.icon}</div>
                        <div class="mayassa-title">${cat.title}</div>
                    </a>
                `).join("")}
            </div>
        `;

    const banner = document.querySelector(".s-block--photos-slider");

if (banner) {
    banner.insertAdjacentElement("afterend", section);

    const features = document.querySelector(".mayassa-features");

    if (features) {
        section.insertAdjacentElement("afterend", features);
    }
}

} // نهاية addCategories()

setTimeout(addCategories, 500);

}); // نهاية DOMContentLoaded
/*==========================
 MAYASSA FEATURES
==========================*/

document.addEventListener("DOMContentLoaded",()=>{

const slider=document.querySelector(".s-block--photos-slider");

if(!slider) return;

if(document.querySelector(".mayassa-features")) return;

const div=document.createElement("section");

div.className="mayassa-features";

div.innerHTML=`

<div class="mayassa-feature">

<div class="mayassa-feature-icon">🚚</div>

<div>

<div class="mayassa-feature-title">شحن لجميع المملكة</div>

<div class="mayassa-feature-text">توصيل سريع وآمن</div>

</div>

</div>

<div class="mayassa-feature">

<div class="mayassa-feature-icon">🏥</div>

<div>

<div class="mayassa-feature-title">منتجات طبية أصلية</div>

<div class="mayassa-feature-text">من علامات تجارية موثوقة</div>

</div>

</div>

<div class="mayassa-feature">

<div class="mayassa-feature-icon">💳</div>

<div>

<div class="mayassa-feature-title">دفع آمن</div>

<div class="mayassa-feature-text">خيارات دفع متعددة</div>

</div>

</div>

<div class="mayassa-feature">

<div class="mayassa-feature-icon">📞</div>

<div>

<div class="mayassa-feature-title">دعم فني</div>

<div class="mayassa-feature-text">خدمة عملاء احترافية</div>

</div>

</div>

`;

slider.insertAdjacentElement("afterend",div);

});
/*==================================================
 MAYASSA TRUST BAR
==================================================*/

document.addEventListener("DOMContentLoaded",()=>{

if(document.querySelector(".mayassa-trust")) return;

const banner=document.querySelector(".s-block--photos-slider");

if(!banner) return;

const trust=document.createElement("section");

trust.className="mayassa-trust";

trust.innerHTML=`

<div class="mayassa-trust-container">

<div class="mayassa-trust-item">

<div class="mayassa-trust-icon">🚚</div>

<div>

<div class="mayassa-trust-title">

شحن لجميع مناطق المملكة

</div>

<div class="mayassa-trust-desc">

توصيل سريع وآمن

</div>

</div>

</div>

<div class="mayassa-trust-item">

<div class="mayassa-trust-icon">🏥</div>

<div>

<div class="mayassa-trust-title">

تجهيزات طبية متكاملة

</div>

<div class="mayassa-trust-desc">

للمستشفيات والعيادات

</div>

</div>

</div>

<div class="mayassa-trust-item">

<div class="mayassa-trust-icon">⭐</div>

<div>

<div class="mayassa-trust-title">

منتجات أصلية

</div>

<div class="mayassa-trust-desc">

من أفضل العلامات التجارية

</div>

</div>

</div>

<div class="mayassa-trust-item">

<div class="mayassa-trust-icon">📞</div>

<div>

<div class="mayassa-trust-title">

دعم فني

</div>

<div class="mayassa-trust-desc">

خدمة عملاء طوال أوقات الدوام

</div>

</div>

</div>

</div>

`;

banner.insertAdjacentElement("afterend",trust);

});