/* Add custom Js styles below */ 


if (!window.location.pathname.includes('/cart')) {


  const htmlContent = `
            <div class="mb-5">
                <img src="https://i.ibb.co/mr43mQ4C/DSC05402-3.jpg" alt="Masagati Showroom" class="w-full" style="max-width: 100%; height: auto;">
                <div class="rounded p-4 flex-col mb-8 space-y-5" style="background-color: rgba(244, 241, 236, 0.65098);">
                    <div class="flex items-center">
                        <i class="sicon-whatsapp icon w-10 font-thin text-xl text-black"></i>
                        <div class="flex flex-col">
                            <a href="https://wa.me/+966536899960" target="_blank" class="text-sm font-thin hover:underline hover:text-blue-600 transition duration-200 cursor-pointer" style="color: #000000;">للطلب عبر الوتساب</a>
                            <a href="https://wa.me/+966536899960" target="_blank" class="text-sm hover:underline hover:text-blue-600 transition duration-200 cursor-pointer" style="color: #6B7280;">اطلب الان على الوتساب 0536899960</a>
                        </div>
                    </div>
                    <div class="flex items-center">
                        <i class="sicon-shield-check icon w-10 font-thin text-xl text-black"></i>
                        <div class="flex flex-col">
                            <span class="text-sm font-thin" style="color: #000000;">ضمان مصاغاتي</span>
                            <span class="text-sm" style="color: #6B7280;">طلب الإرجاع سريع وسهل</span>
                        </div>
                    </div>
                    <div class="flex items-center">
                        <i class="sicon-shipping-fast icon w-10 font-thin text-xl text-black"></i>
                        <div class="flex flex-col">
                            <span class="text-sm font-thin" style="color: #000000;">مصاغاتي اكسبريس</span>
                            <span class="text-sm" style="color: #6B7280;">التوصيل خلال 12 ساعة داخل مدينة الدمام وضواحيها</span>
                        </div>
                    </div>
                    <div class="flex items-center">
                        <i class="sicon-location icon w-10 font-thin text-xl text-black"></i>
                        <div class="flex flex-col">
                            <a href="https://maps.app.goo.gl/8rMyKmrpmEyEFDMU9" target="_blank" class="text-sm font-thin hover:underline hover:text-blue-600 transition duration-200 cursor-pointer" style="color: #000000;">عنوان معرض مصاغاتي</a>
                            <a href="https://maps.app.goo.gl/8rMyKmrpmEyEFDMU9" target="_blank" class="text-sm hover:underline hover:text-blue-600 transition duration-200 cursor-pointer" style="color: #6B7280;">الخبر - الخبر الشمالية - سوق السويكت</a>
                        </div>
                    </div>
                </div>
            </div>
        `;

        // Find the target element
        const targetElement = document.querySelector('.bg-storeBG.p-5.rounded-md.mb-5');

        // Insert the HTML content before the target element
        if (targetElement) {
            targetElement.insertAdjacentHTML('beforebegin', htmlContent);
        } else {
            console.error('Target element with class "bg-storeBG p-5 rounded-md mb-5" not found.');
        }

}