{"product_id":"cyperus_bundle","title":"عرض زيت السعد الطبيعي لتقليل نمو شعر الجسم  من أوليوم","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #f8f8f8;\n            color: #333;\n        }\n        .hero-section {\n            background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Header.jpg?v=1748351040');\n            background-size: contain; \/* Make image fit entirely within the section without cropping *\/\n            background-repeat: no-repeat; \/* Prevent the image from repeating *\/\n            background-position: center; \/* Center the full image *\/\n            position: relative;\n            overflow: hidden;\n            \/* Mobile-first min-height - adjusted for 'contain' *\/\n            min-height: 50vh; \/* Default min-height for mobile *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background-color: #FDF6F0; \/* Set background color for empty areas if image aspect ratio doesn't match *\/\n        }\n        .section-heading {\n            color: #4a4a4a;\n        }\n        .feature-icon {\n            width: 80px;\n            height: 80px;\n            object-fit: contain;\n            margin-bottom: 1rem;\n        }\n        .step-icon {\n            width: 60px;\n            height: 60px;\n            object-fit: contain;\n            margin-bottom: 0.5rem;\n        }\n\n        \/* Modal styles (still needed for LLM response) *\/\n        .modal {\n            display: none; \/* Hidden by default *\/\n            position: fixed; \/* Stay in place *\/\n            z-index: 1000; \/* Sit on top *\/\n            left: 0;\n            top: 0;\n            width: 100%; \/* Full width *\/\n            height: 100%; \/* Full height *\/\n            overflow: auto; \/* Enable scroll if needed *\/\n            background-color: rgba(0,0,0,0.4); \/* Black w\/ opacity *\/\n            justify-content: center;\n            align-items: center;\n        }\n        .modal-content {\n            background-color: #fefefe;\n            margin: auto;\n            padding: 20px;\n            border: 1px solid #888;\n            width: 80%;\n            max-width: 400px;\n            border-radius: 0.75rem;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            text-align: center;\n            position: relative;\n        }\n        .close-button {\n            color: #aaa;\n            position: absolute;\n            top: 10px;\n            right: 15px;\n            font-size: 28px;\n            font-weight: bold;\n            cursor: pointer;\n        }\n        .close-button:hover,\n        .close-button:focus {\n            color: black;\n            text-decoration: none;\n            cursor: pointer;\n        }\n        .llm-response-box {\n            background-color: #e0f2fe; \/* Light blue background *\/\n            border: 1px solid #90caf9; \/* Blue border *\/\n            padding: 1rem;\n            border-radius: 0.5rem;\n            margin-top: 1rem;\n            text-align: right; \/* Align text to right for Arabic *\/\n        }\n\n        \/* Responsive min-height for hero-section *\/\n        @media (min-width: 768px) { \/* md breakpoint *\/\n            .hero-section {\n                min-height: 60vh; \/* Adjust for tablet\/desktop *\/\n            }\n        }\n        @media (min-width: 1024px) { \/* lg breakpoint *\/\n            .hero-section {\n                min-height: 70vh; \/* Adjusted for larger screens with 'contain' *\/\n            }\n        }\n    \u003c\/style\u003e\n\u003cheader class=\"hero-section text-gray-800 rounded-b-xl shadow-lg\"\u003e\u003c\/header\u003e\n\u003csection class=\"py-16 bg-white rounded-xl shadow-md mx-4 md:mx-auto max-w-6xl -mt-16 relative z-20\"\u003e\n\u003cdiv class=\"container mx-auto px-4\"\u003e\n\u003ch2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 section-heading\"\u003eلماذا تختاري زيت السعد من أوليوم ؟\u003c\/h2\u003e\n\u003cp\u003e\u003ciframe width=\"471\" height=\"838\" src=\"https:\/\/www.youtube.com\/embed\/Eadc7e9lDIk\" title=\"زيت السعد من أوليوم | الحل الطبيعي لتقليل نمو شعر الجسم  #طبيعي #عناية #skincareroutine #beauty\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003cdiv class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 text-center\"\u003e\n\u003cdiv class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_1_a.png?v=1748345262\" alt=\"ترطيب البشرة\" class=\"feature-icon rounded-full border-2 border-purple-200 p-2\"\u003e\n\u003ch3 class=\"text-xl font-semibold mb-2\"\u003eترطيب البشرة\u003c\/h3\u003e\n\u003cp class=\"text-gray-600\"\u003eيعمل على ترطيب البشرة بشكل فعال ويقلل نسبة الجفاف فيها\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_1_b.png?v=1748345340\" alt=\"مضادات أكسدة\" class=\"feature-icon rounded-full border-2 border-purple-200 p-2\"\u003e\n\u003ch3 class=\"text-xl font-semibold mb-2\"\u003eمضادات أكسدة\u003c\/h3\u003e\n\u003cp class=\"text-gray-600\"\u003eيحتوي على مضادات أكسدة تجعل منه مساعد جيد في علاج حب الشباب\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_1_c.png?v=1748345296\" alt=\"يضعف البصيلات\" class=\"feature-icon rounded-full border-2 border-purple-200 p-2\"\u003e\n\u003ch3 class=\"text-xl font-semibold mb-2\"\u003eيضعف البصيلات\u003c\/h3\u003e\n\u003cp class=\"text-gray-600\"\u003eيعمل على ضعف بصيلات الشعر، مما يقلل نموه مع مواظبة الاستخدام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_1.png?v=1748343626\" alt=\"يقلل نمو الشعر\" class=\"feature-icon rounded-full border-2 border-purple-200 p-2\"\u003e\n\u003ch3 class=\"text-xl font-semibold mb-2\"\u003eيقلل نمو الشعر\u003c\/h3\u003e\n\u003cp class=\"text-gray-600\"\u003eيمنع نمو الشعر الأسود والأبيض حيث لا تعتمد فعاليته على صيغة الميلانين\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-col lg:flex-row items-center gap-12 mt-16 py-8 px-6 bg-gray-100 rounded-xl shadow-inner\"\u003e\n\u003cdiv class=\"lg:w-1\/2 text-center lg:text-right\"\u003e\n\u003ch3 class=\"text-2xl md:text-3xl font-bold mb-4 section-heading\"\u003eيقلل نمو شعر الجسم بشكل ملحوظ مع الاستخدام المنتظم\u003c\/h3\u003e\n\u003cp class=\"text-lg text-gray-700 leading-relaxed mb-6\"\u003eيعمل مع الوقت على تقليل نمو الشعر غير المرغوب فيه، لتستمتعي ببشرة ناعمة لفترة أطول وراحة من ازالة الشعر المتكررة\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" class=\"text-lg text-gray-700 leading-relaxed mb-6\"\u003e\u003cstrong\u003eالعبوة تكفي أسبوع\u003c\/strong\u003e\u003c\/h2\u003e\n\u003ch5 style=\"text-align: center;\" class=\"text-lg text-gray-700 leading-relaxed mb-6\"\u003e\u003cstrong\u003e مع الاستخدام لكامل الجسم\u003c\/strong\u003e\u003c\/h5\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg:w-1\/2 flex justify-center\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_2.jpg?v=1748343641\" alt=\"يقلل نمو شعر الجسم\" class=\"rounded-xl shadow-lg w-full h-auto object-cover\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"py-16 bg-white\"\u003e\n\u003cdiv class=\"container mx-auto px-4 flex flex-col lg:flex-row-reverse items-center gap-12\"\u003e\n\u003cdiv class=\"lg:w-1\/2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_3.jpg?v=1748343643\" alt=\"يعزز نتائج جلسات الليزر\" class=\"rounded-xl shadow-lg w-full h-auto object-cover\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"lg:w-1\/2 text-center lg:text-right\"\u003e\n\u003ch2 class=\"text-3xl md:text-4xl font-bold mb-6 section-heading\"\u003eيعزز نتائج جلسات الليزر ويطيل مفعولها\u003c\/h2\u003e\n\u003cul class=\"list-disc list-inside text-gray-700 text-lg margin-right mx-auto max-w-md mb-6\"\u003e\n\u003cli style=\"direction: rtl; text-align: right;\"\u003eيدعم فعالية جلسات إزالة الشعر بالليزر\u003c\/li\u003e\n\u003cli style=\"direction: rtl; text-align: right;\"\u003eتقليل نمو الشعر من الجذور بطريقة آمنة وطبيعية\u003c\/li\u003e\n\u003cli style=\"direction: rtl; text-align: right;\"\u003eيحافظ على النتائج لفترة أطول بين كل جلسة \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"py-16 bg-purple-500 text-white rounded-xl shadow-md mx-4 md:mx-auto max-w-6xl relative z-20\"\u003e\n\u003cdiv class=\"container mx-auto px-4 text-center\"\u003e\n\u003ch2 class=\"text-3xl md:text-4xl font-bold mb-6\"\u003e✨ استشارة مخصصة\u003c\/h2\u003e\n\u003cp class=\"text-lg mb-8\"\u003eهل لديكي أسئلة حول كيفية استخدام زيوت اوليوم لبشرتك أو نوع شعرك؟ اكتبي استشارتك وسيقوم خبيرنا الافتراضي بتقديم نصائح مخصصة لك!\u003c\/p\u003e\n\u003cbutton id=\"open-consultation-modal\" class=\"bg-white text-purple-700 hover:bg-purple-100 font-semibold py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out transform hover:scale-105\"\u003e ابدأي الاستشارة ✨ \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"py-16 bg-gray-100\"\u003e\n\u003cdiv class=\"container mx-auto px-4 flex flex-col lg:flex-row items-center gap-12 mb-12\"\u003e\n\u003cdiv class=\"lg:w-1\/2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_5.jpg?v=1748343644\" alt=\"آمن تماما للمناطق الحساسة\" class=\"rounded-xl shadow-lg w-full h-auto object-cover\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"lg:w-1\/2 text-center lg:text-right\"\u003e\n\u003ch2 class=\"text-3xl md:text-4xl font-bold mb-6 section-heading\"\u003eآمن تماما للمناطق الحساسة\u003c\/h2\u003e\n\u003cul class=\"list-disc list-inside text-gray-700 text-lg text-right mx-auto max-w-md mb-6\"\u003e\n\u003cli style=\"direction: rtl; text-align: right;\"\u003eتركيبته خفيفة وطبيعية 100%\u003c\/li\u003e\n\u003cli style=\"direction: rtl; text-align: right;\"\u003eمناسبة لجميع أجزاء الجسم خاصة المناطق الحساسة\u003c\/li\u003e\n\u003cli style=\"direction: rtl; text-align: right;\"\u003eتساعد في تقليل الاحمرار والحبوب بعد إزالة الشعر\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-col lg:flex-row-reverse items-center gap-12 mt-12\"\u003e\n\u003cdiv class=\"lg:w-1\/2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_6.jpg?v=1748343642\" alt=\"يهدئ البشرة ويوفر راحة فورية\" class=\"rounded-xl shadow-lg w-full h-auto object-cover\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"lg:w-1\/2 text-center lg:text-right\"\u003e\n\u003ch2 class=\"text-3xl md:text-4xl font-bold mb-6 section-heading\"\u003eيهدئ البشرة ويوفر راحة فورية\u003c\/h2\u003e\n\u003cp class=\"text-lg text-gray-700 leading-relaxed mb-4\" style=\"direction: rtl;\"\u003eسواء استخدمتي الشفرة أو السويت أو أي وسيلة أخرى لازالة الشعر:\u003c\/p\u003e\n\u003cul class=\"list-disc list-inside text-gray-700 text-lg text-right mx-auto max-w-md mb-6\"\u003e\n\u003cli style=\"direction: rtl; text-align: right;\"\u003eيهدئ البشرة فورا بعد الإزالة\u003c\/li\u003e\n\u003cli style=\"direction: rtl; text-align: right;\"\u003eيقلل الاحمرار لتشعري بالراحة من أول دقيقة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"py-16 bg-white\"\u003e\n\u003cdiv class=\"container mx-auto px-4\"\u003e\n\u003ch2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 section-heading\"\u003eطريقة الاستخدام للحصول على أفضل نتائج\u003c\/h2\u003e\n\u003cdiv class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-8 text-center\"\u003e\n\u003cdiv class=\"flex flex-col items-center p-4 bg-gray-50 rounded-lg shadow-sm\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_7_1.png?v=1748343627\" alt=\"اغسلي المنطقة\" class=\"step-icon\"\u003e\n\u003cp class=\"text-gray-700 text-sm md:text-base\"\u003eاغسلي المنطقة بعد إزالة الشعر جيدًا\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-col items-center p-4 bg-gray-50 rounded-lg shadow-sm\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_7_2.png?v=1748343627\" alt=\"ضعي كمية مناسبة\" class=\"step-icon\"\u003e\n\u003cp class=\"text-gray-700 text-sm md:text-base\"\u003eضعي كمية مناسبة من الزيت ودلكي بلطف\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-col items-center p-4 bg-gray-50 rounded-lg shadow-sm\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_7_3.png?v=1748343627\" alt=\"اتركيه نصف ساعة\" class=\"step-icon\"\u003e\n\u003cp class=\"text-gray-700 text-sm md:text-base\"\u003eاتركيه نصف ساعة، ثم امسحي الزيت الزائد\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-col items-center p-4 bg-gray-50 rounded-lg shadow-sm\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_7_4.png?v=1748343627\" alt=\"استخدميه يوميًا\" class=\"step-icon\"\u003e\n\u003cp class=\"text-gray-700 text-sm md:text-base\"\u003eاستخدميه يوميًا أو على الأقل ٣ مرات أسبوعيا\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-col items-center p-4 bg-gray-50 rounded-lg shadow-sm\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_7_5.png?v=1748343627\" alt=\"النتائج تبدأ بالظهور\" class=\"step-icon\"\u003e\n\u003cp class=\"text-gray-700 text-sm md:text-base\"\u003eالنتائج تبدأ بالظهور من أول أسبوع مع الاستمرار\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-col lg:flex-row-reverse items-center gap-12 mt-16 py-8 px-6 bg-gray-100 rounded-xl shadow-inner\"\u003e\n\u003cdiv class=\"lg:w-1\/2 flex justify-center\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_8.jpg?v=1748343642\" alt=\"رائحة عشبية خفيفة ومنعشة\" class=\"rounded-xl shadow-lg w-full h-auto object-cover\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"lg:w-1\/2 text-center lg:text-right\"\u003e\n\u003ch3 class=\"text-2xl md:text-3xl font-bold mb-4 section-heading\"\u003eرائحة عشبية خفيفة ومنعشة\u003c\/h3\u003e\n\u003cp class=\"text-lg text-gray-700 leading-relaxed mb-6\"\u003eبرائحته النباتية اللطيفة، زيت السعد بيخلي روتين العناية بالبشرة لحظة استرخاء واستمتاع\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"py-16 bg-white\"\u003e\n\u003cdiv class=\"container mx-auto px-4 flex flex-col lg:flex-row items-center gap-12\"\u003e\n\u003cdiv class=\"lg:w-1\/2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Section_9.jpg?v=1748343640\" alt=\"ثقة آلاف السيدات\" class=\"rounded-xl shadow-lg w-full h-auto object-cover\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"lg:w-1\/2 text-center lg:text-right\"\u003e\n\u003ch2 class=\"text-3xl md:text-4xl font-bold mb-6 section-heading\"\u003eثقة آلاف السيدات في ١٦ دولة حول العالم\u003c\/h2\u003e\n\u003cp class=\"text-lg text-gray-700 leading-relaxed mb-6\"\u003eزيت أوليوم السعد هو الخيار الطبيعي والمجرب لتقليل نمو الشعر بطريقة آمنة وفعالة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv id=\"myModal\" class=\"modal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cspan class=\"close-button\"\u003e×\u003c\/span\u003e\n\u003cp id=\"modal-message\" class=\"text-lg font-semibold\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"consultationModal\" class=\"modal\"\u003e\n\u003cdiv class=\"modal-content max-w-xl\"\u003e\n\u003cspan class=\"close-button\"\u003e×\u003c\/span\u003e\n\u003ch3 class=\"text-2xl font-bold mb-4\"\u003eاستشارة مخصصة ✨\u003c\/h3\u003e\n\u003ctextarea id=\"consultation-input\" class=\"w-full p-3 border border-gray-300 rounded-lg mb-4 resize-y\" rows=\"4\" placeholder=\"اكتبي هنا استشارتك أو أسئلتك حول بشرتك أو نوع شعرك...\"\u003e\u003c\/textarea\u003e \u003cbutton id=\"generate-advice-button\" class=\"bg-purple-600 text-white hover:bg-purple-700 font-semibold py-2 px-4 rounded-full shadow-lg transition duration-300 ease-in-out transform hover:scale-105 w-full mb-4\"\u003e احصلي على النصيحة ✨ \u003c\/button\u003e\n\u003cdiv id=\"llm-response\" class=\"llm-response-box hidden\"\u003e\n\u003cp class=\"text-gray-800 text-sm leading-relaxed\" id=\"llm-response-text\"\u003e\u003c\/p\u003e\n\u003cdiv id=\"llm-loading-indicator\" class=\"hidden text-center mt-4\"\u003e\n\u003cdiv class=\"animate-spin rounded-full h-8 w-8 border-b-2 border-purple-500 mx-auto\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp class=\"text-purple-700 text-sm mt-2\"\u003eجاري توليد النصيحة...\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"bg-gray-300 text-gray-800 hover:bg-gray-400 font-semibold py-2 px-4 rounded-full shadow-lg transition duration-300 ease-in-out transform hover:scale-105 mt-4\"\u003eإغلاق\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const myModal = document.getElementById('myModal');\n        const modalMessage = document.getElementById('modal-message');\n\n        const openConsultationModalButton = document.getElementById('open-consultation-modal');\n        const consultationModal = document.getElementById('consultationModal');\n        const consultationInput = document.getElementById('consultation-input');\n        const generateAdviceButton = document.getElementById('generate-advice-button');\n        const llmResponseDiv = document.getElementById('llm-response');\n        const llmResponseText = document.getElementById('llm-response-text');\n        const llmLoadingIndicator = document.getElementById('llm-loading-indicator');\n\n        function openModal(modalId) {\n            document.getElementById(modalId).style.display = 'flex';\n        }\n\n        function closeModal(modalId) {\n            document.getElementById(modalId).style.display = 'none';\n            if (modalId === 'consultationModal') {\n                consultationInput.value = '';\n                llmResponseText.textContent = '';\n                llmResponseDiv.classList.add('hidden');\n                llmLoadingIndicator.classList.add('hidden');\n            }\n        }\n\n        const myModalCloseButton = myModal.querySelector('.close-button');\n        if (myModalCloseButton) {\n            myModalCloseButton.addEventListener('click', () =\u003e closeModal('myModal'));\n        }\n\n        if (myModal) {\n            window.addEventListener('click', (event) =\u003e {\n                if (event.target == myModal) {\n                    closeModal('myModal');\n                }\n            });\n        }\n\n        if (openConsultationModalButton) {\n            openConsultationModalButton.addEventListener('click', () =\u003e {\n                openModal('consultationModal');\n            });\n        }\n\n        if (generateAdviceButton) {\n            generateAdviceButton.addEventListener('click', async () =\u003e {\n                const userQuery = consultationInput.value.trim();\n                if (!userQuery) {\n                    llmResponseText.textContent = 'الرجاء كتابة استشارتك للحصول على نصيحة.';\n                    llmResponseDiv.classList.remove('hidden');\n                    return;\n                }\n\n                llmResponseText.textContent = '';\n                llmResponseDiv.classList.remove('hidden');\n                llmLoadingIndicator.classList.remove('hidden');\n                generateAdviceButton.disabled = true; \/\/ Disable button during loading\n\n                try {\n                    const prompt = `أنت خبير في زيوت اوليوم المتخصصة للعناية بالبشرة والشعر الطبيعية. بناءً على مدخلات المستخدم، قدم نصيحة مخصصة حول أفضل طريقة لاستخدام زيوت اوليوم لاحتياجاتهم الخاصة للاستخدام الخارجي فقط. ركز على فوائد زيوت اوليوم المركزة الغير مكررة الطبيعية. اجعل النصيحة موجزة ومشجعة، استخدم كلمة اوليوم قبل اي اسم زيت مقترح. مدخلات المستخدم: ${userQuery}`;\n\n                    const apiKey = \"AIzaSyAIFXrdeN0ZSf4SdSegKdy7PI22um03at8\"; \/\/ \u003c\u003c\u003c PASTE YOUR GEMINI API KEY HERE \u003e\u003e\u003e\n                    const apiUrl = \"https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-1.5-flash:generateContent\";\n\n                    const payload = {\n                        contents: [{\n                            role: \"user\",\n                            parts: [{ text: prompt }]\n                        }],\n                    };\n\n                    const response = await fetch(`${apiUrl}?key=${apiKey}`, {\n                        method: 'POST',\n                        headers: {\n                            'Content-Type': 'application\/json'\n                        },\n                        body: JSON.stringify(payload)\n                    });\n\n                    if (!response.ok) {\n                        const errorData = await response.json();\n                        console.error('Gemini API Error:', errorData);\n                        throw new Error(`HTTP error! status: ${response.status} - ${errorData.error.message || response.statusText}`);\n                    }\n\n                    const result = await response.json();\n\n                    if (result.candidates \u0026\u0026 result.candidates.length \u003e 0 \u0026\u0026\n                        result.candidates[0].content \u0026\u0026 result.candidates[0].content.parts \u0026\u0026\n                        result.candidates[0].content.parts.length \u003e 0) {\n                        const text = result.candidates[0].content.parts[0].text;\n                        llmResponseText.textContent = text;\n                    } else {\n                        llmResponseText.textContent = 'عذراً، لم أتمكن من توليد نصيحة في الوقت الحالي. الرجاء المحاولة مرة أخرى.';\n                    }\n                } catch (error) {\n                    console.error('Error generating advice:', error);\n                    llmResponseText.textContent = `حدث خطأ أثناء توليد النصيحة. الرجاء التحقق من اتصالك بالإنترنت ومفتاح API الخاص بك. ${error.message}`;\n                } finally {\n                    llmLoadingIndicator.classList.add('hidden');\n                    generateAdviceButton.disabled = false; \/\/ Re-enable button\n                }\n            });\n        }\n    \u003c\/script\u003e ```\u003c\/p\u003e","brand":"Oleum Cosmetics","offers":[{"title":"Default Title","offer_id":44258695086114,"sku":null,"price":568.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0568\/2800\/2338\/files\/Addaheading_9.png?v=1792662420","url":"https:\/\/oleumeg.com\/en\/products\/cyperus_bundle","provider":"Oleum Cosmetics","version":"1.0","type":"link"}