{"title":"بلسم الشعر","description":"\u003cstyle\u003e\n .collection-hero-section {\n background: linear-gradient(135deg, #000000, #131a15);\n padding: 60px 20px;\n position: relative;\n overflow: hidden;\n font-family: 'Cairo', sans-serif;\n color: #ffffff;\n line-height: 1.6;\n }\n \n .collection-hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.3);\n z-index: 1;\n }\n \n .collection-content {\n position: relative;\n z-index: 2;\n max-width: 1200px;\n margin: 0 auto;\n }\n \n .wisdom-quote {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(128, 174, 147, 0.3);\n border-radius: 12px;\n padding: 20px;\n text-align: center;\n margin-bottom: 30px;\n position: relative;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .wisdom-text {\n font-size: 1.1rem;\n color: #80ae93;\n font-weight: 600;\n font-style: italic;\n line-height: 1.6;\n }\n \n .collection-title {\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 20px;\n background: linear-gradient(135deg, #ffffff, #80ae93);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n text-align: center;\n line-height: 1.2;\n }\n \n .collection-description {\n font-size: 1.1rem;\n line-height: 1.8;\n color: rgba(255, 255, 255, 0.9);\n text-align: center;\n max-width: 600px;\n margin: 0 auto 40px auto;\n font-weight: 300;\n }\n \n .ingredients-section {\n margin-top: 40px;\n padding: 20px 0;\n }\n \n .ingredients-title {\n text-align: center;\n font-size: 1rem;\n letter-spacing: 2px;\n color: #80ae93;\n margin-bottom: 30px;\n font-weight: 600;\n }\n \n .ingredients-grid {\n display: flex;\n gap: 16px;\n overflow-x: auto;\n padding: 20px 20px 30px 20px;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n scrollbar-color: #80ae93 rgba(255, 255, 255, 0.1);\n margin: 0 -20px;\n }\n \n .ingredients-grid::-webkit-scrollbar {\n height: 6px;\n }\n \n .ingredients-grid::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n }\n \n .ingredients-grid::-webkit-scrollbar-thumb {\n background: #80ae93;\n border-radius: 3px;\n }\n \n .ingredients-grid::-webkit-scrollbar-thumb:hover {\n background: #6a9a7f;\n }\n \n .ingredient-card {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 12px;\n padding: 16px 12px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n min-height: 90px;\n min-width: 140px;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n \n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(128, 174, 147, 0.15), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .ingredient-card:hover {\n transform: translateY(-5px);\n border-color: #80ae93;\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\n }\n \n .ingredient-card:hover::before {\n opacity: 1;\n }\n \n .ingredient-name {\n font-size: 0.95rem;\n font-weight: 600;\n margin-bottom: 4px;\n color: #ffffff;\n position: relative;\n z-index: 2;\n }\n \n .ingredient-benefit {\n font-size: 0.75rem;\n color: #80ae93;\n font-weight: 500;\n position: relative;\n z-index: 2;\n }\n \n .modal-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(8px);\n z-index: 1000;\n animation: fadeIn 0.3s ease;\n }\n \n .modal-overlay.active {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n \n .modal-content {\n background: linear-gradient(135deg, #1a1a1a, #2a2a2a);\n border: 2px solid #80ae93;\n border-radius: 20px;\n max-width: 500px;\n width: 100%;\n padding: 40px 30px;\n position: relative;\n animation: slideUp 0.4s ease;\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6);\n }\n \n .modal-close {\n position: absolute;\n top: 15px;\n left: 15px;\n background: rgba(255, 255, 255, 0.1);\n border: none;\n color: #ffffff;\n font-size: 24px;\n width: 35px;\n height: 35px;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .modal-close:hover {\n background: rgba(128, 174, 147, 0.3);\n transform: rotate(90deg);\n }\n \n .modal-title {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 8px;\n color: #80ae93;\n text-align: center;\n }\n \n .modal-subtitle {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n text-align: center;\n margin-bottom: 20px;\n font-style: italic;\n }\n \n .modal-description {\n font-size: 0.95rem;\n line-height: 1.7;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 20px;\n text-align: right;\n }\n \n .modal-benefits {\n background: rgba(128, 174, 147, 0.1);\n border-right: 3px solid #80ae93;\n padding: 15px 20px;\n border-radius: 8px;\n margin-top: 20px;\n }\n \n .modal-benefits h4 {\n color: #80ae93;\n font-size: 0.85rem;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n .modal-benefits ul {\n list-style: none;\n padding: 0;\n }\n \n .modal-benefits li {\n padding: 6px 0;\n color: rgba(255, 255, 255, 0.9);\n position: relative;\n padding-right: 20px;\n font-size: 0.9rem;\n }\n \n .modal-benefits li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #80ae93;\n font-weight: bold;\n }\n \n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n \n @keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @media (max-width: 768px) {\n .collection-hero-section {\n padding: 40px 15px;\n }\n \n .collection-title {\n font-size: 2.5rem;\n }\n \n .collection-description {\n font-size: 1rem;\n }\n \n .ingredients-grid {\n gap: 12px;\n padding: 20px 15px 30px 15px;\n margin: 0 -15px;\n }\n \n .ingredient-card {\n min-height: 80px;\n min-width: 120px;\n padding: 12px 8px;\n }\n \n .ingredient-name {\n font-size: 0.85rem;\n }\n \n .ingredient-benefit {\n font-size: 0.7rem;\n }\n \n .wisdom-text {\n font-size: 1rem;\n }\n \n .modal-content {\n padding: 30px 20px;\n margin: 10px;\n }\n }\n\u003c\/style\u003e\n\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cdiv class=\"collection-hero-section\"\u003e\n \u003cdiv class=\"collection-content\"\u003e\n \u003cdiv class=\"wisdom-quote\"\u003e\n \u003cp class=\"wisdom-text\"\u003eشعرك تاج جمالك، اعتني بيه كما يستحق\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003ch1 class=\"collection-title\"\u003eبلسم الشعر | التغذية العميقة\u003c\/h1\u003e\n \u003cp class=\"collection-description\"\u003e\n تركيبات متقدمة لتغذية وإصلاح الشعر التالف، تعيد له النعومة واللمعان الطبيعي. منتجات مدروسة بعناية لتوفر الترطيب العميق والحماية اليومية لجميع أنواع الشعر.\n \u003c\/p\u003e\n \n \u003cdiv class=\"ingredients-section\"\u003e\n \u003ch2 class=\"ingredients-title\"\u003eالمكونات المغذية\u003c\/h2\u003e\n \u003cdiv class=\"ingredients-grid\"\u003e\n \u003cdiv class=\"ingredient-card\" onclick=\"openModal('keratin')\"\u003e\n \u003ch3 class=\"ingredient-name\"\u003eالكيراتين\u003c\/h3\u003e\n \u003cp class=\"ingredient-benefit\"\u003eإصلاح الشعر\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\" onclick=\"openModal('argan-oil')\"\u003e\n \u003ch3 class=\"ingredient-name\"\u003eزيت الأرجان\u003c\/h3\u003e\n \u003cp class=\"ingredient-benefit\"\u003eترطيب مكثف\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\" onclick=\"openModal('coconut-oil')\"\u003e\n \u003ch3 class=\"ingredient-name\"\u003eزيت جوز الهند\u003c\/h3\u003e\n \u003cp class=\"ingredient-benefit\"\u003eتغذية عميقة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\" onclick=\"openModal('shea-butter')\"\u003e\n \u003ch3 class=\"ingredient-name\"\u003eزبدة الشيا\u003c\/h3\u003e\n \u003cp class=\"ingredient-benefit\"\u003eنعومة فائقة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\" onclick=\"openModal('biotin')\"\u003e\n \u003ch3 class=\"ingredient-name\"\u003eالبيوتين\u003c\/h3\u003e\n \u003cp class=\"ingredient-benefit\"\u003eتقوية الشعر\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\" onclick=\"openModal('collagen-hair')\"\u003e\n \u003ch3 class=\"ingredient-name\"\u003eالكولاجين\u003c\/h3\u003e\n \u003cp class=\"ingredient-benefit\"\u003eمرونة وقوة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\" onclick=\"openModal('panthenol')\"\u003e\n \u003ch3 class=\"ingredient-name\"\u003eبانثينول\u003c\/h3\u003e\n \u003cp class=\"ingredient-benefit\"\u003eترطيب وحماية\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\" onclick=\"openModal('silk-proteins')\"\u003e\n \u003ch3 class=\"ingredient-name\"\u003eبروتينات الحرير\u003c\/h3\u003e\n \u003cp class=\"ingredient-benefit\"\u003eلمعان حريري\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\" onclick=\"openModal('amino-acids')\"\u003e\n \u003ch3 class=\"ingredient-name\"\u003eالأحماض الأمينية\u003c\/h3\u003e\n \u003cp class=\"ingredient-benefit\"\u003eبناء وإصلاح\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\" onclick=\"openModal('jojoba-oil')\"\u003e\n \u003ch3 class=\"ingredient-name\"\u003eزيت الجوجوبا\u003c\/h3\u003e\n \u003cp class=\"ingredient-benefit\"\u003eتوازن طبيعي\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"modal-overlay\" id=\"modal\" onclick=\"closeModalOnOverlay(event)\"\u003e\n \u003cdiv class=\"modal-content\" id=\"modalContent\"\u003e\n \u003cbutton class=\"modal-close\" onclick=\"closeModal()\"\u003e×\u003c\/button\u003e\n \u003cdiv id=\"modalBody\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const ingredientData = {\n 'keratin': {\n name: 'الكيراتين',\n subtitle: 'مُصلح الشعر الطبيعي',\n description: 'البروتين الأساسي في تركيب الشعر، يعمل على ملء الفجوات في خصلات الشعر التالفة ويعيد بناء البنية الداخلية. يقوي الشعر ويقلل التكسر ويحسن الملمس بشكل ملحوظ.',\n benefits: [\n 'يُصلح الشعر التالف من الجذور',\n 'يقلل التكسر والتقصف',\n 'يحسن قوة ومرونة الشعر',\n 'يوفر حماية طويلة المدى'\n ]\n },\n 'argan-oil': {\n name: 'زيت الأرجان',\n subtitle: 'الذهب السائل للشعر',\n description: 'زيت طبيعي مستخرج من شجرة الأرجان المغربية، غني بفيتامين E والأحماض الدهنية الأساسية. يغذي الشعر بعمق ويضفي عليه لمعاناً طبيعياً دون أن يثقله.',\n benefits: [\n 'ترطيب مكثف بدون دهنية',\n 'يضفي لمعاناً طبيعياً رائع',\n 'يحمي من العوامل البيئية',\n 'يحسن نعومة الشعر ومرونته'\n ]\n },\n 'coconut-oil': {\n name: 'زيت جوز الهند',\n subtitle: 'المغذي الاستوائي',\n description: 'زيت طبيعي يخترق عمق خصلات الشعر بفضل جزيئاته الصغيرة. يغذي الشعر من الداخل ويقوي البنية الخارجية، مما يقلل فقدان البروتين ويحافظ على صحة الشعر.',\n benefits: [\n 'تغذية عميقة تخترق الشعر',\n 'يقلل فقدان البروتين الطبيعي',\n 'يحمي من التلف اليومي',\n 'يضفي نعومة وطراوة فائقة'\n ]\n },\n 'shea-butter': {\n name: 'زبدة الشيا',\n subtitle: 'النعومة الأفريقية',\n description: 'مستخلص طبيعي من شجرة الشيا الأفريقية، غني بالفيتامينات والمواد المرطبة. يوفر ترطيباً عميقاً ويحمي الشعر من الجفاف، خاصة للشعر الخشن والمتضرر.',\n benefits: [\n 'ترطيب فائق للشعر الجاف',\n 'يهدئ فروة الرأس المتهيجة',\n 'يضفي نعومة طبيعية',\n 'يحمي من العوامل الخارجية'\n ]\n },\n 'biotin': {\n name: 'البيوتين',\n subtitle: 'فيتامين القوة',\n description: 'فيتامين B7 الأساسي لصحة الشعر، يدعم إنتاج الكيراتين ويقوي بصيلات الشعر. يحسن كثافة الشعر ويقلل التساقط، ويضفي على الشعر مظهراً صحياً وحيوياً.',\n benefits: [\n 'يقوي بصيلات الشعر',\n 'يحسن كثافة الشعر',\n 'يقلل التساقط والتكسر',\n 'يدعم نمو شعر صحي'\n ]\n },\n 'collagen-hair': {\n name: 'الكولاجين',\n subtitle: 'بروتين المرونة',\n description: 'يوفر الأحماض الأمينية الأساسية لبناء الشعر ويحسن مرونته وقوته. يساعد في الاحتفاظ بالرطوبة ويضفي على الشعر حجماً طبيعياً ولمعاناً صحياً.',\n benefits: [\n 'يحسن مرونة وقوة الشعر',\n 'يضفي حجماً طبيعياً',\n 'يساعد في الاحتفاظ بالرطوبة',\n 'يقوي بنية الشعر الداخلية'\n ]\n },\n 'panthenol': {\n name: 'بانثينول (بروفيتامين B5)',\n subtitle: 'المرطب الذكي',\n description: 'يتحول إلى فيتامين B5 عند ملامسة الشعر، يوفر ترطيباً عميقاً ويحمي من التلف. يضفي لمعاناً طبيعياً ويحسن ملمس الشعر دون أن يثقله.',\n benefits: [\n 'ترطيب ذكي حسب حاجة الشعر',\n 'يضفي لمعاناً طبيعياً',\n 'يحمي من التلف اليومي',\n 'يحسن ملمس الشعر'\n ]\n },\n 'silk-proteins': {\n name: 'بروتينات الحرير',\n subtitle: 'اللمعان الحريري',\n description: 'بروتينات طبيعية مستخرجة من ألياف الحرير، تشكل طبقة حماية رقيقة حول خصلات الشعر. تضفي لمعاناً حريرياً فاخراً وتحمي من التلف والاحتكاك.',\n benefits: [\n 'لمعان حريري فاخر',\n 'حماية من التلف والاحتكاك',\n 'ملمس حريري ناعم',\n 'يحسن انسيابية الشعر'\n ]\n },\n 'amino-acids': {\n name: 'الأحماض الأمينية',\n subtitle: 'وحدات البناء',\n description: 'اللبنات الأساسية للبروتينات، تساعد في إعادة بناء وإصلاح الشعر التالف. تقوي الروابط الداخلية للشعر وتحسن بنيته ومقاومته للتكسر.',\n benefits: [\n 'إعادة بناء الشعر التالف',\n 'تقوية الروابط الداخلية',\n 'تحسين مقاومة التكسر',\n 'دعم تجديد الشعر'\n ]\n },\n 'jojoba-oil': {\n name: 'زيت الجوجوبا',\n subtitle: 'التوازن الطبيعي',\n description: 'زيت طبيعي يحاكي تركيب الزيوت الطبيعية لفروة الرأس. يوازن إنتاج الزيوت ويغذي الشعر دون أن يسد المسام، مناسب لجميع أنواع الشعر.',\n benefits: [\n 'يوازن إنتاج الزيوت الطبيعية',\n 'لا يسد مسام فروة الرأس',\n 'مناسب لجميع أنواع الشعر',\n 'ترطيب متوازن وطبيعي'\n ]\n }\n };\n \n function openModal(ingredientId) {\n const data = ingredientData[ingredientId];\n const modalBody = document.getElementById('modalBody');\n \n modalBody.innerHTML = `\n \u003ch3 class=\"modal-title\"\u003e${data.name}\u003c\/h3\u003e\n \u003cp class=\"modal-subtitle\"\u003e${data.subtitle}\u003c\/p\u003e\n \u003cp class=\"modal-description\"\u003e${data.description}\u003c\/p\u003e\n \u003cdiv class=\"modal-benefits\"\u003e\n \u003ch4\u003eالفوائد الرئيسية\u003c\/h4\u003e\n \u003cul\u003e\n ${data.benefits.map(benefit =\u003e `\u003cli\u003e${benefit}\u003c\/li\u003e`).join('')}\n \u003c\/ul\u003e\n \u003c\/div\u003e\n `;\n \n document.getElementById('modal').classList.add('active');\n }\n \n function closeModal() {\n document.getElementById('modal').classList.remove('active');\n }\n \n function closeModalOnOverlay(event) {\n if (event.target.id === 'modal') {\n closeModal();\n }\n }\n \n \/\/ Smooth scroll and touch optimization for mobile\n if ('ontouchstart' in window) {\n document.body.style.webkitTouchCallout = 'none';\n }\n\u003c\/script\u003e","products":[{"product_id":"chi-infra-treatment-conditioner-355ml-بلسم-تشي-انفرا","title":"تشي بلسم انفرا العلاجي 355 ملل","description":"\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cul dir=\"rtl\"\u003e\n\u003cli style=\"text-align: right;\"\u003e\u003cstrong\u003eبلسم تشي انفرا للاستخدام اليومي\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: right;\"\u003e\u003cstrong\u003e ينظف بلطف و يصحح توازن الرطوبة بالشعر وفروة الرأس ليترك الشعر صحي وأكثر قابلية للتحكم.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: right;\"\u003e\u003cstrong\u003e يمنح لمعان فائق\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: right;\"\u003e\u003cstrong\u003e مناسب لجميع أنواع الشعر\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: right;\"\u003e\u003cstrong\u003e خالي من السلفات والبارابين\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: right;\"\u003e\u003cstrong\u003e يحتوي على تكنولوحيا الترطيب بالروابط الأيونية الموجبة .\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: right;\"\u003e\u003cstrong\u003e CHI Egypt جميع المواد الخام المستخدمة صنع فى أمريكا ، ومعبأ فى مصر من قبل شركة\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cstrong\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv\u003e\u003cb\u003e\u003cbr\u003e\u003c\/b\u003e\u003c\/div\u003e\n\u003ch3 data-mce-fragment=\"1\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cspan style=\"color: #000000;\" data-mce-style=\"color: #000000;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h3\u003e","brand":"CHI","offers":[{"title":"Default Title","offer_id":46999278026926,"sku":"INSTA0367CHIQ","price":14.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/INCH-020-001-gall_45ae1d7b-8c8c-421d-93df-cda5cd6e9787.jpg?v=1788176570"},{"product_id":"olaplex-no-5","title":"olaplex no 5 bond maintenance conditioner","description":"\u003ch2 style=\"text-align: center;\"\u003eABOUT N°5\u003c\/h2\u003e\n\u003ch2 style=\"text-align: center;\"\u003eبلسم مرطب للغاية ومصلح لجميع أنواع الشعر.\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003eيترك الشعر أسهل في التصفيف وأكثر لمعاناً وصحة مع كل استخدام. يحمي ويصلح الشعر التالف والأطراف المتقصفة والتجعد عن طريق إعادة ربط الروابط المكسورة. وسيقوي شعرك ويتركه أقوى من أي وقت مضى.\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003ePH: 4.0-5.0\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\n\u003ch3 style=\"text-align: center;\"\u003eالنظام الوحيد الحاصل على براءة اختراع لإصلاح الضرر الشديد بشكل ملحوظ - تحويل الشعر الجاف والهش إلى شعر ناعم ولامع وأكثر مرونة. \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003ch2 style=\"text-align: center;\"\u003eكيف يعمل ؟\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003eجزيء واحد خالٍ من السيليكون والزيوت ، يحسن بشكل كبير من قوة الشعر ويحمي من الداخل\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003eويعطي نتائج فورية.\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003c\/div\u003e\n\u003ch3 style=\"text-align: center;\"\u003eصورة ميكروسكوبية للشعر قبل وبعد استخدام منتجات أولابليكس\u003c\/h3\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/image-1_1000x_1bff642d-ea32-4162-9257-3be50d5c3b67_600x600.jpg?v=1640446298\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003eيحتوي شعرنا على ملايين من روابط ثاني كبريتيد.\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003eتمنح هذه الروابط الشعر بنيته وقوته وثباته. عندما يتم كسر روابط ثاني كبريتيد ، فإنه يؤدي إلى تلف الشعر.\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003eيعيد OLAPLEX الشعر التالف والمعرض للخطر من خلال إصلاحه من الداخل إلى الخارج باستخدام المكون الفردي الحاصل على براءة اختراع ، وهو Bis-Aminopropyl Diglycol\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003eDimaleate.\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003eبمجرد أن تصبح جميع الروابط سليمة ومتناسقة ، يكون لديك شعر صحي ، جميل ، لامع ، ملموس.\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003ch2 style=\"text-align: center;\"\u003eفن علاج تلف الشعر\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003eتكنولوجيا بناء الشعر الخاصة بOlaplex والحاصلة على براءة اختراع متوفرة في جميع منتجات\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003eOlaplex\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003c\/div\u003e\n\u003ch2 style=\"text-align: center;\"\u003eأولابليكس سيعالج شعرك مهما كان حجم أو سبب الضرر\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cul dir=\"rtl\"\u003e\n\u003cli style=\"text-align: right;\"\u003eالضرر الحراري : الناشئ من مكواة الشعر والاستشوار\u003c\/li\u003e\n\u003cli style=\"text-align: right;\"\u003eالضرر الكيميائي : الناشئ من منتجات الفرد الكيميائية أو صبغات الشعر\u003c\/li\u003e\n\u003cli style=\"text-align: right;\"\u003eالضرر الميكانيكي : الناشئ من شد الشعر والفرشاة واحتكاك الشعر مع الأسطح الخشنة\u003c\/li\u003e\n\u003cli style=\"text-align: right;\"\u003eأضرار البيئة : مثل الضرر الناشئ من التعرض للأشعة فوق البنفسجية والخرارة والبرودة المرتفعة\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 style=\"text-align: center;\"\u003eأولابلكس يعمل عن طريق إصلاح الروابط المكسورة\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003eتعمل تقنية OLAPLEX Bond Building الحاصلة على براءة اختراع على المستوى الجزيئي. ثنائي أمينوبروبيل Diglycol Dimaleate ، جزيء واحد ، يحسن بشكل كبير من قوة الشعر ، ويحمي من الداخل ، ويوفر نتائج فورية لجميع أنواع الشعر.\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003c\/div\u003e\n\u003ch2 style=\"text-align: center;\"\u003eمصمم للعمل على جميع أنواع الشعر.\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003eمن الشعر المجعد إلى الأملس ، OLAPLEX مناسب ومفيد لجميع أنواع الشعر.\u003c\/div\u003e","brand":"Olaplex","offers":[{"title":"Default Title","offer_id":46999292018862,"sku":"INSTA0689CHIQ","price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/No.5BondMaintenanceConditioner_1440x_4f69aec5-171a-4eb5-977a-4f456f978cef.jpg?v=1788176184"},{"product_id":"انفينيتي-بلسم-تريتو-250-مل","title":"انفينيتي بلسم تريتو 250 مل عرض 1+1","description":"\u003cp style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eيوفر بلسم العلاج الخاص بنا ترطيبًا فوريًا للشعر الجاف لمعالجة الجفاف بشكل مفرط دون إثقال الشعر من خلال السماح للزيوت الطبيعية باختراق الشعر وتنشيط بصيلات الشعر وتعزيز الإصلاح الذاتي.\u003cbr\u003e\u003cbr\u003eمؤشرات المنتج\u003cbr\u003e\u003cbr\u003eالنهايات المتقصفة ، تساقط الشعر وتلفه.\u003cbr\u003eجفاف الشعر وتجعده.\u003cbr\u003eتقصف الشعر وتقصفه.\u003cbr\u003eعلاجات الشعر الكيميائية المفرطة مثل التجعيد والتلوين.\u003cbr\u003eمواصفات المنتج\u003cbr\u003e\u003cbr\u003eCapilectine ™ - زيت أرغان - بيوتين - كيراتين - زيت Emu - زيت بذور أسود - زبدة الشيا - زيت المنك - زيت زيتون - إكليل الجبل - مستخلص النخاع\u003cbr\u003e\u003cbr\u003eتعليمات الاستخدام\u003cbr\u003e\u003cbr\u003eضعيه على شعر مبلل ، ودلكي بلطف ، واتركيه لمدة 2-3 دقائق ، ثم اشطفيه جيداً بالماء.\u003c\/p\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: center;\"\u003e\u003cspan style=\"color: #000000;\" data-mce-style=\"color: #000000;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h3\u003e","brand":"infinity","offers":[{"title":"Default Title","offer_id":46999299915950,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_22_5028c883-44ef-423b-8c17-6245f86a76b2.jpg?v=1788175913"},{"product_id":"انفينيتي-توب-بلسم-لتساقط-الشعر-وزيادة-نموه-وطوله-120-مل","title":"انفينيتي توب بلسم لتساقط الشعر وزيادة نموه وطوله 120 مل","description":"\u003cdiv class=\"o9v6fnle cxmmr5t8 oygrvhab hcukyx3x c1et5uql ii04i59q\"\u003e\n\u003cdiv dir=\"auto\"\u003e\n\u003ch1 class=\"product_title entry-title elementor-heading-title elementor-size-default\" style=\"text-align: center;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: center;\"\u003e  infinity Top Hair Conditioner - Hair Loss Treatment 250ml\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230502_152935_600x600.png?v=1683030678\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"auto\"\u003eهل تعلم أنك تعرض شعرك لمزيد من التساقط عند استخدامك للبلسم بشكل منتظم ؟\u003c\/div\u003e\n\u003cdiv dir=\"auto\"\u003eيمكن أن يؤدي استخدام بلسم غير مخصص لمن يعانون من تساقط الشعر  إلى زيادة تساقط\u003c\/div\u003e\n\u003cdiv dir=\"auto\"\u003eشعرك عن طريق إجهاده وسد بصيلاته. لكن عندم استخدامك لهذا  البلسم المخصص  لتساقط الشعر  ستمنع المزيد من التساقط لأنه  يتكون من مكونات نشطة تغذي شعرك وفروة رأسك ، وتعزز نمو الشعر.\u003c\/div\u003e\n\u003cdiv dir=\"auto\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv dir=\"auto\"\u003eإذا كنت تعاني من تساقط الشعر, ينصح باستخدام الشامبوهات و البلسم المخصص لمنع المزيد من التساقط, خصوصا اذا كنت تستخدم مستحضرات علاج الصلع, لأن استخدامك للشامبو أو البلسم العادي يعرضك لفشل العلاج والمزيد من التساقط و ضياع استثمارك و جهدك و صبرك.\u003c\/div\u003e\n\u003cdiv dir=\"auto\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv dir=\"auto\"\u003e- تم تصميم هذا البلسم ليمنحك الترطيب والمظهر المثالي مع المحافظة على بصيلاتك من التساقط.\u003c\/div\u003e\n\u003cdiv dir=\"auto\"\u003e- يقلل من تساقط الشعر من خلال تقليل الإجهاد الميكانيكي وتحسين صحة بصيلات الشعر.\u003cbr\u003e\u003cbr\u003e- يمنح شعوراً بالترطيب اللطيف بعد التجفيف ويحسن المظهر العام ورفاهية الشعر ، من خلال تعزيز اللمعان والملمس والكثافة والاحتفاظ بالرطوبة والقدرة على التصفيف.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eاستخدامات المنتج\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e- تقليل تساقط الشعر.\u003cbr\u003e- تعزيز اللمعان والملمس والكثافة والرطوبة.\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"auto\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv dir=\"auto\"\u003e\n\u003cstrong\u003eمكونات المنتج\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eزبدة الشيا - فيتال الشعر وفروة الرأس - زيت الأرغان - الكولاجين - فيتامين هـ\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eتعليمات الاستخدام\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eيوضع على شعر مبلل ويدلك بلطف ويترك لمدة 2-3 دقائق ثم يشطف جيداً بالماء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"o9v6fnle cxmmr5t8 oygrvhab hcukyx3x c1et5uql ii04i59q\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv id=\"c43728\"\u003e\n\u003cdiv class=\"module-text module-textpic\" id=\"c43728\"\u003e\n\u003cdiv class=\"module-textpic-content\"\u003e\n\u003cblockquote\u003e\u003c\/blockquote\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"infinity","offers":[{"title":"Default Title","offer_id":46999300669614,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_23_1479b2ba-da5e-47c8-97e8-2747e750fda6.jpg?v=1788175886"},{"product_id":"بلسم-زيت-الجوجوبا-و-زبدة-الشيا-300-مل-infinity-naturals","title":"بلسم زيت الجوجوبا و زبدة الشيا 300 مل infinity naturals","description":"\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003eالمكونات و الفوائد\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003eزبدة الشيا (بوتيروسبيرموم باركي):\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eترطيب عميق للشعر ومساعدة في الحفاظ على ترطيبه.\u003c\/li\u003e\n\u003cli\u003eتغذية الشعر وتقويته، مما يساعد على تقليل التقصف وتكسير الشعر.\u003c\/li\u003e\n\u003cli\u003eتعزيز نعومة الشعر ومنحه مظهرًا لامعًا.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eزيت جوز الهند (كوكوس نوسيفيرا):\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eترطيب فائق وتنعيم الشعر بفضل خصائص زيت جوز الهند المغذية.\u003c\/li\u003e\n\u003cli\u003eتعزيز نمو الشعر وتقويته بفضل الفيتامينات والمعادن الموجودة في زيت جوز الهند.\u003c\/li\u003e\n\u003cli\u003eتحسين قوة الشعر ومرونته.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eزيت الجوجوبا (سيموندسيا شينينسيس):\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eتنظيف فروة الرأس وإزالة الشوائب بلطف دون تجفيف الشعر.\u003c\/li\u003e\n\u003cli\u003eتوازن الإفرازات الدهنية في فروة الرأس وتقليل مشكلة الشعر الدهني.\u003c\/li\u003e\n\u003cli\u003eتحسين نمو الشعر وتعزيز قوته وصحته.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eزيت الزيتون (أوليا يوروبا):\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eترطيب عميق للشعر وتقويته، مما يساعد على تنعيم الشعر الخشن والجاف.\u003c\/li\u003e\n\u003cli\u003eتحسين المرونة والقوة العامة للشعر.\u003c\/li\u003e\n\u003cli\u003eتعزيز لمعان الشعر وحمايته من التلف الناتج عن التصفيف الحراري.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eزيت الروكا (روكا أوليوم):\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eتغذية وترطيب الشعر وفروة الرأس.\u003c\/li\u003e\n\u003cli\u003eتقوية الشعر وتحسين قوته ومرونته.\u003c\/li\u003e\n\u003cli\u003eتهدئة فروة الرأس وتقليل التهيج والحكة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Infinity naturals","offers":[{"title":"Default Title","offer_id":46999361487022,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign_27_d2af156c-de5b-4073-aad3-e5c3f0cfa600.jpg?v=1788175507"},{"product_id":"بلسم-زيت-الأرجان-المغربي-300-مل-infinity-naturals","title":"بلسم زيت الأرجان المغربي 300 مل infinity naturals","description":"\n\u003cp\u003eاستمتع بشعر حريري ومغذى مع بلسم الشعر الرائع الذي يحتوي على المكونات التالية:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eزيت نواة الأرجان (أرجانيا سبينوزا): يغذي الشعر بعمق ويمنحه الترطيب اللازم للحصول على شعر ناعم ولامع.\u003c\/li\u003e\n\u003cli\u003eمستخلص البابونج (أنثيموس نوبيليس): يهدئ فروة الرأس ويخفف الحكة والتهيج، ويمنح الشعر إحساسًا منعشًا ومريحًا.\u003c\/li\u003e\n\u003cli\u003eأملاج: يساعد على تعزيز نمو الشعر وزيادة كثافته، ويجعل الشعر أكثر قوة ومتانة.\u003c\/li\u003e\n\u003cli\u003eشاي الكاميليا سينينسيس: يعمل على تنظيف الشعر بلطف وإزالة الشوائب، ويحافظ على توازن الرطوبة الطبيعي للشعر.\u003c\/li\u003e\n\u003cli\u003eزيت الروزماري (سالفيا روسمارينوس): يحفز نمو الشعر ويعزز قوته، ويساعد في تحسين مظهر الشعر العام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eاستمتع بشعر صحي ومفعم بالحيوية مع بلسم الشعر هذا الذي يجمع بين فوائد المكونات الطبيعية والفعالة. دع شعرك يتلقى العناية اللازمة ويحصل على النعومة واللمعان الذي يستحقه.\u003c\/p\u003e\n\n\n\n","brand":"Infinity naturals","offers":[{"title":"Default Title","offer_id":46999362306222,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign_29_11b0e3cb-8083-48da-950e-d538c782a672.jpg?v=1788175505"},{"product_id":"clary-بلسم-علاجي-لتساقط-الشعر-بالبروكابيل","title":"Clary بلسم علاجي لتساقط الشعر بالبروكابيل 300 مل","description":"\u003cp data-sourcepos=\"1:1-1:35\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/claryprocapilhaircondiioner_1024x1024.png?v=1695035595\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-sourcepos=\"1:1-1:35\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/strong\u003eهل تبحث عن بلسم فعال لعلاج تساقط الشعر وتوفير الترطيب والتغذية لشعرك؟ إذاً، فإن هذا\u003cbr\u003e البلسم هو الخيار الأمثل لك! فهو يحتوي على مكونات طبيعية فعالة، مثل:\u003c\/p\u003e\n\u003cul data-sourcepos=\"5:1-9:0\" data-mce-fragment=\"1\"\u003e\n\u003cli data-sourcepos=\"5:1-5:106\" data-mce-fragment=\"1\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eProcapil:\u003c\/strong\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003eوهو مركب حاصل على براءة اختراع أثبتت فعاليته في تقليل تساقط الشعر وتعزيز نمو الشعر الجديد.\u003c\/li\u003e\n\u003cli data-sourcepos=\"10:1-10:64\"\u003e\n\u003cstrong\u003eالكيراتين:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eوهو بروتين طبيعي يساعد على تقوية الشعر وإصلاحه.\u003c\/li\u003e\n\u003cli data-sourcepos=\"6:1-6:107\" data-mce-fragment=\"1\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eزيت الأرغان:\u003c\/strong\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003eوهو زيت غني بالفيتامينات والمعادن التي تساعد على ترطيب وتغذية الشعر وتقوية بصيلات الشعر.\u003c\/li\u003e\n\u003cli data-sourcepos=\"7:1-7:121\" data-mce-fragment=\"1\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eزبدة الشيا:\u003c\/strong\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003eوهي زبدة غنية بالفيتامينات والمعادن والأحماض الدهنية الأساسية التي تساعد على ترطيب وإصلاح الشعر التالف.\u003c\/li\u003e\n\u003cli data-sourcepos=\"8:1-9:0\" data-mce-fragment=\"1\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eزيت الزيتون:\u003c\/strong\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003eوهو زيت غني بالفيتامينات والمعادن والأحماض الدهنية الأساسية التي تساعد على ترطيب وتغذية الشعر وتقوية بصيلات الشعر.\u003c\/li\u003e\n\u003cli data-sourcepos=\"9:1-9:95\"\u003e\n\u003cstrong\u003eالكافيين:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eوهو منبه يساعد على تحفيز الدورة الدموية في فروة الرأس وتعزيز نمو الشعر.\u003c\/li\u003e\n\u003cli data-sourcepos=\"10:1-10:64\"\u003e\n\u003cstrong\u003eالكافيار:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eوهو مصدر غني بالفيتامينات والمعادن والبروتينات التي تساعد على ترطيب وتغذية الشعر وتقوية بصيلات الشعر.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli data-sourcepos=\"12:1-13:0\"\u003e\n\u003cstrong\u003eالجينسنغ:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eوهو نبات طبيعي يساعد على تحفيز الدورة الدموية في فروة الرأس وتعزيز نمو الشعر.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-sourcepos=\"10:1-10:17\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eفوائد البلسم:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-sourcepos=\"12:1-17:0\" data-mce-fragment=\"1\"\u003e\n\u003cli data-sourcepos=\"12:1-12:19\" data-mce-fragment=\"1\"\u003eيقلل تساقط الشعر.\u003c\/li\u003e\n\u003cli data-sourcepos=\"13:1-13:24\" data-mce-fragment=\"1\"\u003eيعزز نمو الشعر الجديد.\u003c\/li\u003e\n\u003cli data-sourcepos=\"14:1-14:19\" data-mce-fragment=\"1\"\u003eيرطب ويغذي الشعر.\u003c\/li\u003e\n\u003cli data-sourcepos=\"15:1-15:20\" data-mce-fragment=\"1\"\u003eيقوي بصيلات الشعر.\u003c\/li\u003e\n\u003cli data-sourcepos=\"16:1-17:0\" data-mce-fragment=\"1\"\u003eيجعل الشعر أكثر نعومة ولمعاناً.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-sourcepos=\"18:1-18:20\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eطريقة الاستخدام:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-sourcepos=\"20:1-20:155\" data-mce-fragment=\"1\"\u003eبعد غسل الشعر بالشامبو، ضعي كمية مناسبة من البلسم على الشعر واتركيه لمدة 3-5 دقائق ثم اغسليه بالماء جيداً. للحصول على أفضل النتائج، استخدمي البلسم بانتظام.\u003c\/p\u003e\n\u003cp data-sourcepos=\"22:1-22:28\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eمناسب لجميع أنواع الشعر.\u003c\/strong\u003e\u003c\/p\u003e","brand":"Clary","offers":[{"title":"Default Title","offer_id":46999366140078,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/401024_2ede838e-f7e0-4d51-af9e-a7451d3c16d9.jpg?v=1788175492"},{"product_id":"mielle-rosemary-mint-strengthening-conditioner","title":"Mielle Rosemary Mint Strengthening Conditioner 355 ml","description":"\u003cdiv class=\"mielle-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"mielle-hero\"\u003e\n\u003cdiv class=\"mielle-hero-content\"\u003e\n\u003ch1\u003e\u003cspan class=\"accent-text\"\u003eمتخليش شعرك يتكسر وينتهي تحت المشط كل يوم\u003c\/span\u003e\u003c\/h1\u003e\n\u003ch2\u003eالحل موجود في بلسم Mielle بالروزماري والنعناع\u003c\/h2\u003e\n\u003cp\u003eلحد إمتى هتفضل تشوف شعرك بيضعف قدام عينك؟ كل يوم بتفقد خصلات، وكل أسبوع الشعر بيبقى أقل كثافة، وإنت لسه بتدور على حل حقيقي مش مجرد وعود فاضية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mielle-hero-image\"\u003e\u003cimg class=\"product-image\" alt=\"Mielle Rosemary Mint Leave-in Conditioner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/mielle-rosemary-mint-strengthening-leave-in-conditioner_1.jpg?v=1747135723\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Truth Section --\u003e\n\u003cdiv class=\"mielle-section\"\u003e\n\u003cdiv class=\"mielle-section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eالحقيقة المُرة اللي محدش بيقولهالك\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eمعظم البلسمات بتغلف الشعر من برا بس، وبتديله نعومة مؤقتة، لكن من جوا الشعر بيستمر في الضعف. \u003cstrong\u003eلكن هنا حصل العكس تماما.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"truth-image\"\u003e\u003cimg class=\"full-width-image\" alt=\"Mielle Rosemary Mint Difference\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/mielle-rosemary-mint-strengthening-leave-in-conditioner_1.png?v=1747135748\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003ch2\u003eبلسم Mielle بالروزماري والنعناع: الثورة اللي هتغير شعرك للأبد\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eهو ده الحل النهائي\u003c\/strong\u003e اللي اتصمم علمياً لإنقاذ شعرك. مش مجرد بلسم عادي... ده نظام متكامل لإعادة بناء بصيلات شعرك من الجذور للأطراف.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"mielle-section science-section\"\u003e\n\u003cdiv class=\"mielle-section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eتركيبة علمية متقدمة من أقوى المكونات\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-cards\"\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003eقوة الروزماري المركزة\u003c\/h3\u003e\n\u003cp\u003eروزماري مش مجرد عشبة... ده محفز قوي لنمو الشعر. الأبحاث أثبتت إنه \u003cstrong\u003eبيزود تدفق الدم للفروة بنسبة تصل لـ 30%\u003c\/strong\u003e، وده معناه تغذية أفضل للبصيلات وشعر أقوى من الجذور.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003eالنعناع: المنشط السري\u003c\/h3\u003e\n\u003cp\u003eزيت النعناع مش بس بيديك انتعاش... ده بيحفز البصيلات النائمة للنمو من جديد. الإحساس المنعش على فروة رأسك هو الدليل إن المنتج \u003cstrong\u003eبدأ يخترق الطبقات العميقة\u003c\/strong\u003e وبيوصل للمناطق اللي محتاجة تقوية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003eالبيوتين: معجزة القرن الـ21 لعلاج الشعر\u003c\/h3\u003e\n\u003cp\u003eبيوتين (فيتامين B7) هو المركب اللي بيدخل في تركيب كيراتين الشعر. نقصه = تساقط وضعف. وجوده بتركيز عالي = شعر أقوى وأكثر كثافة. يتركز البيوتين في هذه التركيبة في تركيز \u003cstrong\u003eأعلى بـ \u003cspan data-target=\"5\" class=\"counter\"\u003e5\u003c\/span\u003e مرات\u003c\/strong\u003e من أي منتج تاني في السوق.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"mielle-section\"\u003e\n\u003cdiv class=\"mielle-section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eرحلة تحول شعرك مع Mielle\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد أول استخدام\u003c\/h3\u003e\n\u003cp\u003eهتلاحظ نعومة فورية وسهولة في التصفيف\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد أسبوع\u003c\/h3\u003e\n\u003cp\u003eانخفاض ملحوظ في التساقط وشعر أكثر لمعاناً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد 3 أسابيع\u003c\/h3\u003e\n\u003cp\u003eهتبدأ تشوف خصلات جديدة ظهرت في المناطق الضعيفة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد شهرين\u003c\/h3\u003e\n\u003cp\u003eتحول كامل - شعر أقوى بـ \u003cspan data-target=\"70\" class=\"counter counted\"\u003e70\u003c\/span\u003e\u003cspan\u003e%\u003c\/span\u003e وزيادة في الكثافة هيلاحظها كل اللي حواليك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Nature's Secret Section --\u003e\n\u003cdiv class=\"mielle-section\"\u003e\n\u003cdiv class=\"mielle-section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eخلطة سرية من الطبيعة للشعر المثالي\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nature-secret\"\u003e\n\u003cdiv class=\"nature-image\"\u003e\u003cimg class=\"full-width-image\" alt=\"Natural Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/mielle-rosemary-mint-strengthening-leave-in-conditioner_1.webp?v=1747135775\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nature-content\"\u003e\n\u003cp\u003eزيوت اللوز الحلو، الزيتون، الأفوكادو، والسمسم، كلها اتجمعت في تركيبة واحدة لأول مرة. \u003cstrong\u003eالعلم والطبيعة اتحدوا\u003c\/strong\u003e عشان يقدمولك حل شامل أقوى من أي كيماويات صناعية.\u003c\/p\u003e\n\u003cdiv class=\"oil-badges\"\u003e\n\u003cdiv class=\"oil-badge\"\u003eزيت اللوز الحلو\u003c\/div\u003e\n\u003cdiv class=\"oil-badge\"\u003eزيت الزيتون\u003c\/div\u003e\n\u003cdiv class=\"oil-badge\"\u003eزيت الأفوكادو\u003c\/div\u003e\n\u003cdiv class=\"oil-badge\"\u003eزيت السمسم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"mielle-section\"\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch2 class=\"accent-text\"\u003eلو شعرك غالي عليك...\u003c\/h2\u003e\n\u003cp\u003eهتفضل تشتري منتجات بتعالج الأعراض، ولا تبدأ في علاج السبب؟\u003c\/p\u003e\n\u003cp\u003eهتفضل تستنى لحد ما تخسر نص شعرك، ولا تبدأ في حمايته وتقويته قبل ما يفوت الأوان؟\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eالفرصة قدامك... وشعرك مستنيك.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"mielle-cta\"\u003e\n\u003cdiv class=\"cta-image\"\u003e\u003cimg class=\"product-image-large\" alt=\"Mielle Rosemary Mint Conditioner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/mielle_rosemary_mint_conditoner.png?v=1747132112\"\u003e\u003c\/div\u003e\n\u003ch2 class=\"cta-heading\"\u003eابدأ دلوقتي... ورجع أمجاد شعرك\u003c\/h2\u003e\n\u003cp class=\"cta-subtext\"\u003eمفيش وقت للتردد. كل يوم بيمر وإنت مش بتستخدم Mielle بالروزماري والنعناع هو يوم بتخسر فيه فرصة لشعر أقوى وأجمل.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003e\u003ca href=\"#top\"\u003eاطلب الآن\u003c\/a\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.mielle-product-container {\n font-family: Arial, sans-serif;\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n direction: rtl;\n}\n\n.accent-text {\n color: #9C8102;\n}\n\n.section-line {\n height: 3px;\n width: 80px;\n background-color: #9C8102;\n margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.mielle-hero {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n margin-bottom: 60px;\n gap: 30px;\n}\n\n.mielle-hero-content {\n flex: 1;\n}\n\n.mielle-hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 10px;\n}\n\n.mielle-hero-content h2 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n}\n\n.mielle-hero-image {\n flex: 1;\n text-align: center;\n}\n\n.product-image {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.product-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n.product-image-large {\n max-width: 80%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n transition: transform 0.5s ease;\n}\n\n.product-image-large:hover {\n transform: scale(1.03);\n}\n\n\/* Section Styles *\/\n.mielle-section {\n margin-bottom: 60px;\n}\n\n.mielle-section-header {\n margin-bottom: 20px;\n}\n\n.mielle-section-header h2 {\n font-size: 1.8rem;\n margin-bottom: 5px;\n}\n\n\/* Truth Section *\/\n.truth-image {\n margin: 30px 0;\n text-align: center;\n}\n\n.full-width-image {\n max-width: 100%;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n.highlighted-text {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 30px;\n margin-top: 30px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.highlighted-text h2 {\n margin-bottom: 15px;\n color: #9C8102;\n}\n\n\/* Science Section *\/\n.science-cards {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 25px;\n margin-top: 30px;\n}\n\n.science-card {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.science-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.science-card h3 {\n margin-bottom: 15px;\n font-size: 1.4rem;\n}\n\n\/* Timeline Section *\/\n.timeline {\n position: relative;\n margin: 40px 0;\n padding-right: 40px;\n}\n\n.timeline:before {\n content: '';\n position: absolute;\n top: 0;\n right: 10px;\n height: 100%;\n width: 2px;\n background: #9C8102;\n}\n\n.timeline-item {\n position: relative;\n margin-bottom: 40px;\n}\n\n.timeline-marker {\n position: absolute;\n top: 5px;\n right: -40px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.timeline-item:hover .timeline-marker {\n transform: scale(1.2);\n box-shadow: 0 0 0 6px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content {\n background: #f9f9f9;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n}\n\n.timeline-item:hover .timeline-content {\n transform: translateX(-10px);\n}\n\n.timeline-content h3 {\n color: #9C8102;\n margin-bottom: 10px;\n font-size: 1.2rem;\n}\n\n\/* Nature's Secret Section *\/\n.nature-secret {\n display: flex;\n flex-direction: column;\n gap: 30px;\n margin-top: 30px;\n}\n\n.nature-image {\n flex: 1;\n text-align: center;\n}\n\n.nature-content {\n flex: 1;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.oil-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 20px;\n justify-content: center;\n}\n\n.oil-badge {\n background-color: #9C8102;\n color: white;\n padding: 8px 15px;\n border-radius: 50px;\n font-size: 0.9rem;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.oil-badge:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);\n}\n\n\/* Value Proposition *\/\n.value-proposition {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 30px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.value-proposition h2 {\n margin-bottom: 20px;\n font-size: 1.8rem;\n}\n\n.value-proposition p {\n margin-bottom: 15px;\n}\n\n.value-proposition p:last-child {\n margin-top: 25px;\n font-size: 1.2rem;\n}\n\n\/* CTA Section *\/\n.mielle-cta {\n text-align: center;\n padding: 40px;\n background-color: #f9f9f9;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.cta-image {\n margin-bottom: 30px;\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 15px;\n color: #9C8102;\n}\n\n.cta-subtext {\n margin-bottom: 25px;\n font-size: 1.1rem;\n}\n\n.cta-button {\n padding: 15px 35px;\n background-color: #9C8102;\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 1.2rem;\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n .mielle-hero {\n flex-direction: column;\n }\n \n .science-cards {\n grid-template-columns: 1fr;\n }\n \n .timeline {\n padding-right: 30px;\n }\n \n .nature-secret {\n flex-direction: column;\n }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e","brand":"Mielle","offers":[{"title":"Default Title","offer_id":46999397433518,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/mielle_rosemary_mint_conditoner_a2c2c286-5ba5-48c0-88fd-892ae94d8c4c.png?v=1788175357"},{"product_id":"bobana-conditioner-with-black-garlic-oil","title":"Bobana Anti-Hairloss Conditioner with Black Garlic Oil 400 ml","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .bobana-conditioner-container {\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n overflow: hidden;\n direction: rtl;\n text-align: right;\n }\n \n .hero-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 60%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n animation: heroGlow 5s ease-in-out infinite alternate;\n }\n \n .hero-title {\n font-size: 2.2rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: #9C8102;\n position: relative;\n z-index: 2;\n opacity: 0;\n transform: translateY(30px);\n animation: slideInFade 1s ease-out 0.2s forwards;\n }\n \n .hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 2rem;\n color: #9C8102;\n font-weight: 600;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.4s forwards;\n }\n \n .product-showcase {\n padding: 2rem 1.5rem;\n background: #fafafa;\n }\n \n .showcase-layout {\n display: grid;\n grid-template-columns: 1fr 300px;\n gap: 3rem;\n align-items: center;\n margin-top: 2rem;\n }\n \n .showcase-content {\n opacity: 0;\n animation: slideInFade 0.8s ease-out 0.3s forwards;\n }\n \n .showcase-title {\n font-size: 1.8rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n }\n \n .showcase-text {\n font-size: 1rem;\n line-height: 1.7;\n color: #555;\n margin-bottom: 1rem;\n }\n \n .showcase-highlight {\n font-size: 1.1rem;\n font-weight: 600;\n color: #9C8102;\n margin-top: 1.5rem;\n }\n \n .product-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: scale(0.9);\n animation: imageZoom 1s ease-out 0.8s forwards;\n }\n \n .product-image:hover {\n transform: scale(1.05);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.3);\n }\n \n .section {\n padding: 3rem 1.5rem;\n margin: 1rem 0;\n }\n \n .section-title {\n font-size: 1.8rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2.5rem;\n position: relative;\n opacity: 0;\n animation: titleSlide 0.8s ease-out 0.2s forwards;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 70px;\n height: 3px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n border-radius: 2px;\n animation: lineExpand 0.8s ease-out 0.8s forwards;\n transform: translateX(-50%) scaleX(0);\n }\n \n .benefits-section {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .benefits-layout {\n display: grid;\n grid-template-columns: 320px 1fr;\n gap: 3rem;\n align-items: start;\n margin-top: 2rem;\n }\n \n .benefits-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: slideInRight 1s ease-out 0.4s forwards;\n }\n \n .benefits-image:hover {\n transform: scale(1.03) rotate(-1deg);\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n }\n \n .benefit-card {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 1.8rem;\n border-right: 4px solid #9C8102;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: translateX(-30px);\n animation: slideInRight 0.6s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n \n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.6s ease;\n }\n \n .benefit-card:hover::before {\n left: 100%;\n }\n \n .benefit-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n background: white;\n }\n \n .icon-wrapper {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #9C8102, #b8941a);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1rem;\n transition: transform 0.3s ease;\n }\n \n .benefit-card:hover .icon-wrapper {\n transform: scale(1.1) rotate(10deg);\n }\n \n .benefit-title {\n font-size: 1.1rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.8rem;\n }\n \n .benefit-description {\n color: #666;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .ingredients-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n position: relative;\n }\n \n .ingredients-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ingredientsGlow 4s ease-in-out infinite alternate;\n }\n \n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n position: relative;\n z-index: 2;\n }\n \n .ingredient-card {\n background: rgba(255,255,255,0.08);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n transition: all 0.4s ease;\n opacity: 0;\n transform: translateY(30px);\n animation: cardRise 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n \n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .ingredient-card:hover::before {\n transform: scaleX(1);\n }\n \n .ingredient-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n border-color: rgba(156, 129, 2, 0.3);\n }\n \n .ingredient-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n \n .ingredient-subtitle {\n font-size: 0.9rem;\n color: #ccc;\n margin-bottom: 1.5rem;\n font-weight: 500;\n }\n \n .ingredient-list {\n list-style: none;\n padding: 0;\n }\n \n .ingredient-list li {\n padding: 0.7rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n position: relative;\n padding-right: 1.5rem;\n color: #e0e0e0;\n transition: all 0.3s ease;\n }\n \n .ingredient-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .ingredient-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .ingredient-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n }\n \n .safety-section {\n background: #f8f9fa;\n padding: 3rem 1.5rem;\n }\n \n .safety-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .safety-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s ease;\n opacity: 0;\n animation: cardSlide 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .safety-card.positive {\n border-top: 4px solid #9C8102;\n animation-delay: 0.1s;\n }\n \n .safety-card.negative {\n border-top: 4px solid #28a745;\n animation-delay: 0.3s;\n }\n \n .safety-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.8s ease;\n }\n \n .safety-card:hover::before {\n left: 100%;\n }\n \n .safety-card:hover {\n transform: translateY(-5px) scale(1.01);\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n }\n \n .safety-title {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: #9C8102;\n }\n \n .safety-card.negative .safety-title {\n color: #28a745;\n }\n \n .safety-list {\n list-style: none;\n padding: 0;\n }\n \n .safety-list li {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n color: #555;\n position: relative;\n padding-right: 2rem;\n line-height: 1.5;\n transition: all 0.3s ease;\n }\n \n .safety-list li:hover {\n color: #9C8102;\n padding-right: 2.5rem;\n }\n \n .safety-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n color: #9C8102;\n font-weight: bold;\n transition: transform 0.3s ease;\n }\n \n .safety-card.negative .safety-list li::before {\n content: '✗';\n color: #28a745;\n }\n \n .safety-list li:hover::before {\n transform: translateY(-50%) scale(1.2);\n }\n \n .usage-section {\n background: white;\n padding: 3rem 1.5rem;\n border: 2px solid #9C8102;\n margin: 2rem 1.5rem;\n border-radius: 15px;\n }\n \n .usage-steps {\n margin-top: 2rem;\n }\n \n .step-list {\n list-style: none;\n padding: 0;\n margin: 2rem 0;\n }\n \n .step-list li {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 1.5rem;\n margin: 1rem 0;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(-20px);\n animation: stepSlide 0.6s ease-out forwards;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n }\n \n .step-list li:nth-child(1) { animation-delay: 0.1s; }\n .step-list li:nth-child(2) { animation-delay: 0.2s; }\n .step-list li:nth-child(3) { animation-delay: 0.3s; }\n .step-list li:nth-child(4) { animation-delay: 0.4s; }\n .step-list li:nth-child(5) { animation-delay: 0.5s; }\n .step-list li:nth-child(6) { animation-delay: 0.6s; }\n \n .step-list li::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.1), transparent);\n transition: left 0.6s ease;\n }\n \n .step-list li:hover::before {\n left: 100%;\n }\n \n .step-list li:hover {\n transform: translateX(5px);\n background: white;\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.15);\n }\n \n .step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #9C8102, #b8941a);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-left: 1rem;\n font-size: 0.9rem;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n }\n \n .step-list li:hover .step-number {\n transform: scale(1.2) rotate(10deg);\n }\n \n .step-content {\n flex: 1;\n color: #555;\n line-height: 1.6;\n }\n \n .tips-section {\n background: #f8f9fa;\n padding: 2rem 1.5rem;\n margin: 2rem 1.5rem;\n border-radius: 15px;\n border-right: 4px solid #9C8102;\n }\n \n .tips-title {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .tips-list {\n list-style: none;\n padding: 0;\n }\n \n .tips-list li {\n padding: 0.6rem 0;\n color: #555;\n position: relative;\n padding-right: 1.5rem;\n transition: all 0.3s ease;\n }\n \n .tips-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .tips-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .tips-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n }\n \n .ingredients-list-section {\n background: white;\n padding: 2rem 1.5rem;\n border-top: 1px solid #eee;\n }\n \n .ingredients-list-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n text-align: center;\n }\n \n .ingredients-list {\n text-align: center;\n font-size: 0.9rem;\n color: #666;\n line-height: 1.6;\n max-width: 800px;\n margin: 0 auto;\n }\n \n @keyframes slideInFade {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes imageZoom {\n 0% { opacity: 0; transform: scale(0.9); }\n 100% { opacity: 1; transform: scale(1); }\n }\n \n @keyframes titleSlide {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes lineExpand {\n 0% { transform: translateX(-50%) scaleX(0); }\n 100% { transform: translateX(-50%) scaleX(1); }\n }\n \n @keyframes slideInRight {\n 0% { opacity: 0; transform: translateX(-30px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes cardRise {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes cardSlide {\n 0% { opacity: 0; transform: translateX(-20px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes stepSlide {\n 0% { opacity: 0; transform: translateX(-20px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes heroGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.2; }\n }\n \n @keyframes ingredientsGlow {\n 0% { opacity: 0.05; }\n 100% { opacity: 0.15; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 1.8rem;\n }\n \n .showcase-layout,\n .benefits-layout {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .benefits-image,\n .product-image {\n order: -1;\n max-width: 250px;\n margin: 0 auto;\n }\n \n .benefits-grid,\n .safety-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredients-grid {\n grid-template-columns: 1fr;\n }\n \n .usage-section,\n .tips-section {\n margin: 2rem 0.5rem;\n }\n \n .step-list li {\n flex-direction: column;\n align-items: flex-start;\n text-align: right;\n }\n \n .step-number {\n margin: 0 0 1rem 0;\n align-self: center;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bobana-conditioner-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eبلسم Bobana بزيت الثوم الأسود\u003c\/h1\u003e\n \u003ch2 class=\"hero-subtitle\"\u003eترطيب عميق وتقوية للشعر الضعيف والخفيف\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"showcase-layout\"\u003e\n \u003cdiv class=\"showcase-content\"\u003e\n \u003ch2 class=\"showcase-title\"\u003eالشريك المثالي لشامبو الثوم الأسود\u003c\/h2\u003e\n \u003cp class=\"showcase-text\"\u003e\n بعد التنظيف العميق بشامبو الثوم الأسود، شعرك محتاج \u003cstrong\u003eترطيب مكثف وتغذية عميقة\u003c\/strong\u003e. بلسم Bobana يكمل المهمة ويقفل العلاج بحماية مستمرة.\n \u003c\/p\u003e\n \u003cp class=\"showcase-highlight\"\u003e\n مش مجرد بلسم... ده علاج ترطيب متخصص للشعر الضعيف.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-conditioner-with-black-garlic-oil-663356.webp?v=1752507280\" alt=\"بلسم Bobana بزيت الثوم الأسود\" class=\"product-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eفوائد عميقة لشعر أقوى\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-layout\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-br-conditioner-with-br-black-garlic-oil-818687.webp?v=1752507298\" alt=\"Benefits\" class=\"benefits-image\"\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"icon-wrapper\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eترطيب مكثف وعميق\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيخترق طبقات الشعر ويرطب من الداخل للخارج بتركيبة غنية.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"icon-wrapper\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpolygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقوية البصيلات والخصلات\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eزيت الثوم الأسود يقوي الشعر من الجذور ويزيد سمكه وكثافته.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"icon-wrapper\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eمنع التساقط والتكسر\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحمي الشعر من التلف اليومي ويقلل معدل التساقط بشكل ملحوظ.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"icon-wrapper\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eنعومة وانسيابية طبيعية\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eزيت الخروع يمنح الشعر نعومة حريرية ولمعان صحي.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eمكونات طبيعية لتقوية استثنائية\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredients-grid\"\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eزيت الثوم الأسود\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eالمقوي الطبيعي الأول\u003c\/p\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيحفز الدورة الدموية\u003c\/strong\u003e في فروة الرأس\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيغذي البصيلات\u003c\/strong\u003e ويقوي الشعر من الجذور\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمضاد طبيعي للفطريات\u003c\/strong\u003e يحافظ على صحة الفروة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eغني بالكبريت\u003c\/strong\u003e الضروري لبناء بروتين الشعر\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eزيت الخروع\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eللكثافة والنمو\u003c\/p\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيحفز نمو الشعر\u003c\/strong\u003e ويزيد كثافته الظاهرية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيرطب بعمق\u003c\/strong\u003e دون ترك ملمس دهني\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيقوي الأطراف\u003c\/strong\u003e ويمنع التقصف\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eينعم الملمس\u003c\/strong\u003e ويحسن انسيابية الشعر\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eخلاصة الروزماري\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eالحامي الطبيعي\u003c\/p\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيحفز الدورة الدموية\u003c\/strong\u003e لنمو أفضل\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمضاد للأكسدة\u003c\/strong\u003e يحمي من التلف\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيقوي بنية الشعر\u003c\/strong\u003e ويمنع التكسر\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eينشط البصيلات\u003c\/strong\u003e الخاملة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eالبيوتين (فيتامين B7)\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eفيتامين الشعر الأساسي\u003c\/p\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيقوي بنية الشعر\u003c\/strong\u003e الداخلية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيحسن مرونة الشعر\u003c\/strong\u003e ومقاومته للتكسر\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيساعد في تكوين الكيراتين\u003c\/strong\u003e الطبيعي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيعزز نمو شعر صحي\u003c\/strong\u003e وقوي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eالجليسرين\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eالرطوبة المستمرة\u003c\/p\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيجذب الرطوبة\u003c\/strong\u003e من الهواء للشعر\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيحافظ على الترطيب\u003c\/strong\u003e لفترات طويلة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيمنع جفاف الشعر\u003c\/strong\u003e والتطاير\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eآمن وطبيعي\u003c\/strong\u003e للاستخدام اليومي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Safety Section --\u003e\n \u003cdiv class=\"safety-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eتركيبة آمنة ونظيفة\u003c\/h2\u003e\n \n \u003cdiv class=\"safety-grid\"\u003e\n \u003cdiv class=\"safety-card positive\"\u003e\n \u003ch3 class=\"safety-title\"\u003eما يحتويه\u003c\/h3\u003e\n \u003cul class=\"safety-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eزيوت طبيعية مغذية\u003c\/strong\u003e عالية الجودة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمستخلصات نباتية\u003c\/strong\u003e آمنة ومجربة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eفيتامينات أساسية\u003c\/strong\u003e لصحة الشعر\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمرطبات طبيعية\u003c\/strong\u003e غير ضارة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"safety-card negative\"\u003e\n \u003ch3 class=\"safety-title\"\u003eما لا يحتويه\u003c\/h3\u003e\n \u003cul class=\"safety-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e0% سولفات\u003c\/strong\u003e - لا يجرد الشعر من زيوته الطبيعية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e0% برابين\u003c\/strong\u003e - خالي من المواد الحافظة الضارة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e0% سيليكون\u003c\/strong\u003e - لا يتراكم أو يسد المسام\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eبدون كيماويات قاسية\u003c\/strong\u003e - آمن للاستخدام المنتظم\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n \u003ch3 class=\"tips-title\"\u003eخطوات للحصول على أفضل النتائج\u003c\/h3\u003e\n \n \u003col class=\"step-list\"\u003e\n \u003cli\u003e\n \u003cspan class=\"step-number\"\u003e1\u003c\/span\u003e\n \u003cspan class=\"step-content\"\u003e\u003cstrong\u003eاغسل الشعر\u003c\/strong\u003e بشامبو Bobana بالثوم الأسود.\u003c\/span\u003e\n \u003c\/li\u003e\n \n \u003cli\u003e\n \u003cspan class=\"step-number\"\u003e2\u003c\/span\u003e\n \u003cspan class=\"step-content\"\u003e\u003cstrong\u003eاعصر الماء الزائد\u003c\/strong\u003e من الشعر برفق.\u003c\/span\u003e\n \u003c\/li\u003e\n \n \u003cli\u003e\n \u003cspan class=\"step-number\"\u003e3\u003c\/span\u003e\n \u003cspan class=\"step-content\"\u003e\u003cstrong\u003eضع كمية مناسبة\u003c\/strong\u003e من البلسم على الشعر.\u003c\/span\u003e\n \u003c\/li\u003e\n \n \u003cli\u003e\n \u003cspan class=\"step-number\"\u003e4\u003c\/span\u003e\n \u003cspan class=\"step-content\"\u003e\u003cstrong\u003eوزع من المنتصف للأطراف\u003c\/strong\u003e تجنب الجذور.\u003c\/span\u003e\n \u003c\/li\u003e\n \n \u003cli\u003e\n \u003cspan class=\"step-number\"\u003e5\u003c\/span\u003e\n \u003cspan class=\"step-content\"\u003e\u003cstrong\u003eاتركه 3-5 دقائق\u003c\/strong\u003e ليتغلغل في الشعر.\u003c\/span\u003e\n \u003c\/li\u003e\n \n \u003cli\u003e\n \u003cspan class=\"step-number\"\u003e6\u003c\/span\u003e\n \u003cspan class=\"step-content\"\u003e\u003cstrong\u003eاشطف جيداً\u003c\/strong\u003e بالماء البارد أو الفاتر.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n\n \u003c!-- Tips Section --\u003e\n \u003cdiv class=\"tips-section\"\u003e\n \u003ch3 class=\"tips-title\"\u003eنصائح مهمة\u003c\/h3\u003e\n \u003cul class=\"tips-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eتجنب فروة الرأس\u003c\/strong\u003e إذا كانت دهنية.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاستخدم الماء البارد\u003c\/strong\u003e للشطف النهائي.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eلا تفرك الشعر\u003c\/strong\u003e عند التجفيف.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاستخدم مع الشامبو المكمل\u003c\/strong\u003e لأفضل النتائج.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List --\u003e\n \u003cdiv class=\"ingredients-list-section\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n \u003cp class=\"ingredients-list\"\u003e\n \u003cstrong\u003eBLACK GARLIC OIL, CASTOR OIL, ROSEMARY EXTRACT, BIOTIN, GLYCERIN, AQUA\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for all interactive elements\n const interactiveElements = document.querySelectorAll('.benefit-card, .ingredient-card, .safety-card, .step-list li, .tips-section');\n \n interactiveElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n });\n\n \/\/ Smooth parallax effect for background elements\n let ticking = false;\n \n function updateParallax() {\n const scrolled = window.pageYOffset;\n const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before');\n \n \/\/ Smooth background movement\n backgrounds.forEach((bg, index) =\u003e {\n const speed = 0.02 + (index * 0.01);\n const yPos = -(scrolled * speed);\n if (bg.style) {\n bg.style.transform = `translateY(${yPos}px)`;\n }\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateParallax);\n ticking = true;\n }\n }\n \n \/\/ Optimized scroll listener\n let scrollTimeout;\n window.addEventListener('scroll', function() {\n if (scrollTimeout) {\n clearTimeout(scrollTimeout);\n }\n scrollTimeout = setTimeout(requestTick, 10);\n }, { passive: true });\n\n \/\/ Enhanced ingredient card interactions\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n ingredientCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(255,255,255,0.2)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n \n const listItems = this.querySelectorAll('.ingredient-list li');\n listItems.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.color = '#f0f0f0';\n item.style.paddingRight = '2rem';\n }, i * 50);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(255,255,255,0.08)';\n this.style.borderColor = 'rgba(255,255,255,0.1)';\n \n const listItems = this.querySelectorAll('.ingredient-list li');\n listItems.forEach(item =\u003e {\n item.style.color = '#e0e0e0';\n item.style.paddingRight = '1.5rem';\n });\n });\n });\n\n \/\/ Usage steps with enhanced interactions\n const usageSteps = document.querySelectorAll('.step-list li');\n usageSteps.forEach((step, index) =\u003e {\n step.addEventListener('mouseenter', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n }\n });\n \n step.addEventListener('mouseleave', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1) rotate(0deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n }\n });\n });\n\n \/\/ Dynamic text glow effects\n const titles = document.querySelectorAll('.hero-title, .section-title, .showcase-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n title.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Benefit cards with icon animations\n const benefitCards = document.querySelectorAll('.benefit-card');\n benefitCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n const iconWrapper = this.querySelector('.icon-wrapper');\n if (iconWrapper) {\n iconWrapper.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n iconWrapper.style.boxShadow = '0 0 20px rgba(156, 129, 2, 0.4)';\n }\n });\n \n card.addEventListener('mouseleave', function() {\n const iconWrapper = this.querySelector('.icon-wrapper');\n if (iconWrapper) {\n iconWrapper.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n iconWrapper.style.boxShadow = 'none';\n }\n });\n });\n\n \/\/ Safety cards enhanced interactions\n const safetyCards = document.querySelectorAll('.safety-card');\n safetyCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n const items = this.querySelectorAll('.safety-list li');\n items.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.paddingRight = '2.5rem';\n item.style.color = '#333';\n }, i * 100);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n const items = this.querySelectorAll('.safety-list li');\n items.forEach(item =\u003e {\n item.style.paddingRight = '2rem';\n item.style.color = '#555';\n });\n });\n });\n\n \/\/ Tips section interaction\n const tipsSection = document.querySelector('.tips-section');\n if (tipsSection) {\n tipsSection.addEventListener('mouseenter', function() {\n this.style.borderRightColor = '#b8941a';\n this.style.borderRightWidth = '6px';\n this.style.background = 'white';\n this.style.boxShadow = '0 8px 25px rgba(156, 129, 2, 0.1)';\n });\n \n tipsSection.addEventListener('mouseleave', function() {\n this.style.borderRightColor = '#9C8102';\n this.style.borderRightWidth = '4px';\n this.style.background = '#f8f9fa';\n this.style.boxShadow = 'none';\n });\n }\n\n \/\/ Showcase content interaction\n const showcaseContent = document.querySelector('.showcase-content');\n if (showcaseContent) {\n showcaseContent.addEventListener('mouseenter', function() {\n const highlight = this.querySelector('.showcase-highlight');\n if (highlight) {\n highlight.style.color = '#b8941a';\n highlight.style.transform = 'scale(1.02)';\n }\n });\n \n showcaseContent.addEventListener('mouseleave', function() {\n const highlight = this.querySelector('.showcase-highlight');\n if (highlight) {\n highlight.style.color = '#9C8102';\n highlight.style.transform = 'scale(1)';\n }\n });\n }\n\n \/\/ Smooth image loading enhancement\n const images = document.querySelectorAll('img');\n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.style.opacity = '1';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Enhanced tips list interaction\n const tipsLists = document.querySelectorAll('.tips-list');\n tipsLists.forEach(list =\u003e {\n const items = list.querySelectorAll('li');\n items.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.backgroundColor = 'rgba(156, 129, 2, 0.05)';\n this.style.borderRadius = '5px';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.backgroundColor = 'transparent';\n });\n });\n });\n\n \/\/ Performance optimization: debounced resize handler\n let resizeTimeout;\n window.addEventListener('resize', function() {\n if (resizeTimeout) {\n clearTimeout(resizeTimeout);\n }\n resizeTimeout = setTimeout(() =\u003e {\n \/\/ Recalculate any size-dependent animations\n const cards = document.querySelectorAll('.benefit-card, .ingredient-card, .safety-card');\n cards.forEach(card =\u003e {\n card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n }, 250);\n });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":46999403724974,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/bobana-conditioner-with-black-garlic-oil-625504.webp?v=1788175326"},{"product_id":"bobana-conditioner-with-argan-oil-بوبانا-بلسم-زيت-الأرجان-للشعر-التالف-و-المعالج-كيميائيا","title":"Bobana Conditioner with Argan Oil بوبانا بلسم زيت الأرجان للشعر التالف و المعالج كيميائيا","description":"\u003cdiv class=\"product-description-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cdiv class=\"golden-glow\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-conditioner-with-argan-oil-109498.webp?v=1752596397\" alt=\"كونديشنر بوبانا بزيت الأرجان\"\u003e\n \u003c\/div\u003e\n \u003ch1 class=\"main-title\"\u003eكونديشنر بوبانا بزيت الأرجان\u003c\/h1\u003e\n \u003ch2 class=\"subtitle\"\u003eالترطيب اللي شعرك محتاجه\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Problem Section --\u003e\n \u003cdiv class=\"section-container\"\u003e\n \u003ch3 class=\"section-title\"\u003eشعرك جاف وعايز ترطيب حقيقي مش مؤقت؟\u003c\/h3\u003e\n \u003cdiv class=\"problem-statement\"\u003e\n \u003cdiv class=\"problem-card\"\u003e\n \u003cp\u003eكل كونديشنر جربتيه قبل كده بيرطب شعرك كام ساعة وبعدين يرجع جاف تاني؟\u003c\/p\u003e\n \u003cdiv class=\"highlight-box\"\u003e\n \u003cstrong\u003eكونديشنر بوبانا مختلف. تركيبة كريمية غنية بمكونات طبيعية تخترق عمق الشعيرة وتفضل فيها.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Main Uses Section --\u003e\n \u003cdiv class=\"section-container dark-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eالاستخدامات الرئيسية\u003c\/h3\u003e\n \u003cdiv class=\"uses-section\"\u003e\n \u003cdiv class=\"uses-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-conditioner-brwith-argan-oil-592067.webp?v=1752596397\" alt=\"استخدامات كونديشنر بوبانا\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"uses-grid\"\u003e\n \u003cdiv class=\"use-card\"\u003e\n \u003cdiv class=\"use-icon\"\u003e\u003c\/div\u003e\n \u003ch4\u003eترطيب عميق للشعر الجاف والمتقصف\u003c\/h4\u003e\n \u003cp\u003eبزيت الأرجان وزيت الجوجوبا الطبيعيين\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"use-card\"\u003e\n \u003cdiv class=\"use-icon\"\u003e\u003c\/div\u003e\n \u003ch4\u003eإصلاح التلف من الحرارة والصبغات\u003c\/h4\u003e\n \u003cp\u003eبخلاصة الروزماري المضادة للأكسدة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"use-card\"\u003e\n \u003cdiv class=\"use-icon\"\u003e\u003c\/div\u003e\n \u003ch4\u003eتقوية الشعر الضعيف\u003c\/h4\u003e\n \u003cp\u003eبالبيوتين اللي بيغذي بصيلات الشعر\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"use-card\"\u003e\n \u003cdiv class=\"use-icon\"\u003e\u003c\/div\u003e\n \u003ch4\u003eتنعيم فوري وحماية من التشابك\u003c\/h4\u003e\n \u003cp\u003eبالجليسرين الطبيعي المرطب\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Why Different Section --\u003e\n \u003cdiv class=\"section-container\"\u003e\n \u003ch3 class=\"section-title\"\u003eليه كونديشنر بوبانا مختلف؟\u003c\/h3\u003e\n \u003cdiv class=\"difference-grid\"\u003e\n \u003cdiv class=\"ingredient-feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e\u003c\/div\u003e\n \u003ch4\u003eزيت الأرجان + زيت الجوجوبا\u003c\/h4\u003e\n \u003cp\u003eدويتو الترطيب الطبيعي اللي بيخترق الشعيرة ويملأ الفراغات.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e\u003c\/div\u003e\n \u003ch4\u003eخلاصة الروزماري\u003c\/h4\u003e\n \u003cp\u003eبتحمي الشعر من التلف وتحفز الدورة الدموية في فروة الرأس.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e\u003c\/div\u003e\n \u003ch4\u003eالبيوتين\u003c\/h4\u003e\n \u003cp\u003eفيتامين B7 اللي بيقوي الشعر من الجذور ويمنع التساقط.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Results Timeline --\u003e\n \u003cdiv class=\"section-container dark-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eالنتائج اللي هتشوفيها\u003c\/h3\u003e\n \u003cdiv class=\"results-timeline\"\u003e\n \u003cdiv class=\"result-step\"\u003e\n \u003cdiv class=\"step-indicator\"\u003e\n \u003cspan class=\"step-text\"\u003eأول استعمال\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eتحسن فوري\u003c\/h4\u003e\n \u003cp\u003eشعر ناعم، سهل التسريح، مفيهوش تشابك\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"result-step\"\u003e\n \u003cdiv class=\"step-indicator\"\u003e\n \u003cspan class=\"step-text\"\u003eبعد أسبوع\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eترطيب مستمر\u003c\/h4\u003e\n \u003cp\u003eترطيب يدوم طول اليوم، تقصف أقل\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"result-step\"\u003e\n \u003cdiv class=\"step-indicator\"\u003e\n \u003cspan class=\"step-text\"\u003eبعد شهر\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eتحول كامل\u003c\/h4\u003e\n \u003cp\u003eشعر أقوى، أكثر لمعة، صحي من الجذور للأطراف\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Value Proposition --\u003e\n \u003cdiv class=\"section-container\"\u003e\n \u003ch3 class=\"section-title\"\u003eالقيمة مقابل السعر\u003c\/h3\u003e\n \u003cdiv class=\"value-grid\"\u003e\n \u003cdiv class=\"value-card\"\u003e\n \u003cdiv class=\"value-icon\"\u003e\u003c\/div\u003e\n \u003ch4\u003eحجم كبير 400 مل\u003c\/h4\u003e\n \u003cp\u003eيكفيكِ عدة شهور من الاستخدام المنتظم\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"value-card\"\u003e\n \u003cdiv class=\"value-icon\"\u003e\u003c\/div\u003e\n \u003ch4\u003eمكونات عالية القيمة\u003c\/h4\u003e\n \u003cp\u003eزيت الأرجان من أغلى وأندر الزيوت الطبيعية في العالم\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"value-card\"\u003e\n \u003cdiv class=\"value-icon\"\u003e\u003c\/div\u003e\n \u003ch4\u003eمتعدد المهام\u003c\/h4\u003e\n \u003cp\u003eترطيب + تنعيم + علاج التلف + حماية من التقصف في منتج واحد\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"value-card\"\u003e\n \u003cdiv class=\"value-icon\"\u003e\u003c\/div\u003e\n \u003ch4\u003eخالي من المواد الضارة\u003c\/h4\u003e\n \u003cp\u003eلا سلفات، لا بارابين، لا سيليكون\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Urgency Section --\u003e\n \u003cdiv class=\"section-container dark-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eمش وقت التردد... شعرك مستني\u003c\/h3\u003e\n \u003cdiv class=\"urgency-content\"\u003e\n \u003cdiv class=\"urgency-card\"\u003e\n \u003cp\u003eاطلبي دلوقتي ومتسيبيش شعرك يعاني أكتر\u003c\/p\u003e\n \u003cdiv class=\"emphasis-highlight\"\u003e\n \u003cstrong\u003eلأن الترطيب الحقيقي مش رفاهية... ده ضرورة.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Clean Formula --\u003e\n \u003cdiv class=\"section-container\"\u003e\n \u003ch3 class=\"section-title\"\u003eتركيبة نظيفة وآمنة\u003c\/h3\u003e\n \u003cdiv class=\"formula-highlights\"\u003e\n \u003cdiv class=\"formula-card safe\"\u003e\n \u003ch4\u003eما يحتويه\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003eزيت الأرجان المغربي الأصلي\u003c\/li\u003e\n \u003cli\u003eزيت الجوجوبا الطبيعي\u003c\/li\u003e\n \u003cli\u003eخلاصة الروزماري المضادة للأكسدة\u003c\/li\u003e\n \u003cli\u003eالبيوتين (فيتامين B7)\u003c\/li\u003e\n \u003cli\u003eالجليسرين الطبيعي المرطب\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"formula-card avoid\"\u003e\n \u003ch4\u003eما لا يحتويه\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e0% سولفات ضارة\u003c\/li\u003e\n \u003cli\u003e0% بارابين\u003c\/li\u003e\n \u003cli\u003e0% سيليكون\u003c\/li\u003e\n \u003cli\u003e0% كيماويات قاسية\u003c\/li\u003e\n \u003cli\u003e0% مواد مهيجة للبشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA Section --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003cdiv class=\"cta-content\"\u003e\n \u003ch3\u003eابدأي رحلة الترطيب الحقيقي اليوم\u003c\/h3\u003e\n \u003cp\u003eشعرك يستاهل الأفضل، وإنتِ تستاهلي تحسي بالثقة والجمال كل يوم.\u003c\/p\u003e\n \u003cdiv class=\"cta-highlight\"\u003e\n \u003cstrong\u003eلا تنتظري أكتر... خلي شعرك يحكي قصة جمالك\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List --\u003e\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003ch4\u003eالمكونات الكاملة\u003c\/h4\u003e\n \u003cp class=\"ingredients-text\"\u003eARGAN OIL, JOJOBA OIL, ROSEMARY EXTRACT, BIOTIN, GLYCERIN, AQUA\u003c\/p\u003e\n \u003cdiv class=\"inspirational-quote\"\u003e\n \u003cem\u003e\"الاهتمام الحقيقي بشعرك ليس رفاهية... بل ضرورة تعكس حبك واحترامك لنفسك.\"\u003c\/em\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.product-description-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.product-description-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n direction: rtl;\n text-align: right;\n background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);\n position: relative;\n overflow: hidden;\n}\n\n.product-description-container img {\n max-width: 100%;\n height: auto;\n opacity: 1;\n transition: all 0.8s ease-out;\n}\n\n\/* Hero Section *\/\n.hero-section {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 60px 40px;\n margin-bottom: 40px;\n border-radius: 20px;\n text-align: center;\n overflow: hidden;\n}\n\n.golden-glow {\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.1) 0%, transparent 70%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.hero-image {\n position: relative;\n z-index: 2;\n margin-bottom: 30px;\n}\n\n.product-description-container .hero-image img {\n max-width: 350px;\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n animation: float 6s ease-in-out infinite;\n}\n\n.main-title {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\n position: relative;\n z-index: 2;\n animation: fadeInUp 1s ease-out;\n}\n\n.subtitle {\n font-size: 1.5rem;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n animation: fadeInUp 1s ease-out 0.3s both;\n}\n\n\/* Section Containers *\/\n.section-container {\n margin-bottom: 50px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 0.8s ease-out forwards;\n}\n\n.dark-section {\n background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\n padding: 50px 40px;\n border-radius: 20px;\n color: white;\n position: relative;\n overflow: hidden;\n}\n\n.dark-section::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.05) 0%, transparent 70%);\n animation: pulse 6s ease-in-out infinite;\n}\n\n.dark-section .section-title {\n color: #9C8102;\n position: relative;\n z-index: 2;\n}\n\n.section-title {\n font-size: 2rem;\n color: #9C8102;\n margin-bottom: 30px;\n padding-bottom: 15px;\n border-bottom: 3px solid #9C8102;\n position: relative;\n}\n\n.section-title::after {\n content: '';\n position: absolute;\n bottom: -3px;\n right: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, #9C8102, transparent);\n animation: expandBorder 2s ease-out forwards;\n}\n\n\/* Problem Section *\/\n.problem-statement {\n margin-top: 30px;\n}\n\n.problem-card {\n background: white;\n padding: 40px;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n}\n\n.problem-card:hover {\n transform: translateY(-5px);\n}\n\n.problem-card p {\n font-size: 1.2rem;\n line-height: 1.8;\n color: #333;\n margin-bottom: 25px;\n}\n\n.highlight-box {\n background: linear-gradient(135deg, #9C8102, #7a6600);\n color: white;\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.3);\n}\n\n\/* Uses Section *\/\n.uses-section {\n position: relative;\n z-index: 2;\n margin-top: 30px;\n}\n\n.uses-image {\n text-align: center;\n margin-bottom: 40px;\n}\n\n.product-description-container .uses-image img {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 30px rgba(0,0,0,0.3);\n animation: slideInFromLeft 1s ease-out forwards;\n}\n\n.uses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n}\n\n.use-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.use-card:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateY(-8px);\n}\n\n.use-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: #9C8102;\n margin: 0 auto 20px;\n display: block;\n box-shadow: 0 0 20px rgba(156, 129, 2, 0.4);\n}\n\n.use-card h4 {\n color: #9C8102 !important;\n font-size: 1.3rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.use-card p {\n color: #ffffff !important;\n line-height: 1.6;\n font-style: italic;\n}\n\n\/* Difference Grid *\/\n.difference-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 30px;\n}\n\n.ingredient-feature {\n background: white;\n padding: 35px;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.ingredient-feature::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, transparent);\n border-radius: 15px 15px 0 0;\n}\n\n.ingredient-feature:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n}\n\n.feature-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(135deg, #9C8102, #7a6600);\n margin: 0 auto 20px;\n display: block;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n}\n\n.ingredient-feature h4 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.ingredient-feature p {\n color: #555;\n line-height: 1.6;\n font-size: 1.1rem;\n}\n\n\/* Results Timeline *\/\n.results-timeline {\n position: relative;\n z-index: 2;\n margin-top: 30px;\n display: grid;\n gap: 25px;\n}\n\n.result-step {\n display: flex;\n align-items: center;\n gap: 30px;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n}\n\n.result-step:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateX(-10px);\n}\n\n.step-indicator {\n background: #9C8102;\n color: white;\n padding: 15px 20px;\n border-radius: 25px;\n flex-shrink: 0;\n text-align: center;\n box-shadow: 0 0 20px rgba(156, 129, 2, 0.4);\n}\n\n.step-text {\n font-weight: bold;\n font-size: 0.9rem;\n white-space: nowrap;\n}\n\n.step-content h4 {\n color: #9C8102 !important;\n font-size: 1.4rem;\n margin-bottom: 10px;\n font-weight: bold;\n}\n\n.step-content p {\n color: #ffffff !important;\n line-height: 1.6;\n font-size: 1.1rem;\n}\n\n\/* Value Grid *\/\n.value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 30px;\n}\n\n.value-card {\n background: white;\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.value-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, #9C8102, transparent);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n}\n\n.value-card:hover::before {\n transform: scaleX(1);\n}\n\n.value-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n}\n\n.value-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: #9C8102;\n margin: 0 auto 15px;\n display: block;\n}\n\n.value-card h4 {\n color: #9C8102;\n font-size: 1.3rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.value-card p {\n color: #555;\n line-height: 1.6;\n}\n\n\/* Urgency Section *\/\n.urgency-content {\n position: relative;\n z-index: 2;\n margin-top: 30px;\n}\n\n.urgency-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 40px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n}\n\n.urgency-card p {\n color: #ffffff !important;\n font-size: 1.3rem;\n line-height: 1.8;\n margin-bottom: 25px;\n}\n\n.emphasis-highlight {\n background: rgba(156, 129, 2, 0.3);\n color: #ffffff !important;\n padding: 25px;\n border-radius: 10px;\n border: 2px solid #9C8102;\n font-size: 1.2rem;\n}\n\n\/* Formula Highlights *\/\n.formula-highlights {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n margin-top: 30px;\n}\n\n.formula-card {\n background: white;\n padding: 35px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n}\n\n.formula-card:hover {\n transform: translateY(-5px);\n}\n\n.formula-card h4 {\n font-size: 1.4rem;\n margin-bottom: 20px;\n font-weight: bold;\n text-align: center;\n}\n\n.formula-card.safe h4 {\n color: #28a745;\n}\n\n.formula-card.avoid h4 {\n color: #dc3545;\n}\n\n.formula-card ul {\n list-style: none;\n}\n\n.formula-card li {\n padding: 8px 0;\n padding-right: 25px;\n position: relative;\n line-height: 1.5;\n color: #555;\n}\n\n.formula-card.safe li::before {\n content: '✓';\n color: #28a745;\n font-weight: bold;\n position: absolute;\n right: 0;\n top: 8px;\n}\n\n.formula-card.avoid li::before {\n content: '✗';\n color: #dc3545;\n font-weight: bold;\n position: absolute;\n right: 0;\n top: 8px;\n}\n\n\/* CTA Section *\/\n.cta-section {\n background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\n color: white;\n padding: 60px 40px;\n border-radius: 20px;\n margin: 40px 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n}\n\n.cta-section::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.1) 0%, transparent 70%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.cta-content {\n position: relative;\n z-index: 2;\n}\n\n.cta-content h3 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n font-weight: bold;\n color: #9C8102;\n}\n\n.cta-content p {\n font-size: 1.3rem;\n margin-bottom: 25px;\n opacity: 0.9;\n line-height: 1.6;\n color: #ffffff !important;\n}\n\n.cta-highlight {\n font-size: 1.5rem;\n padding: 30px;\n background: rgba(156, 129, 2, 0.2);\n border-radius: 15px;\n border: 2px solid #9C8102;\n color: #ffffff !important;\n font-weight: bold;\n backdrop-filter: blur(10px);\n}\n\n\/* Ingredients List *\/\n.ingredients-list {\n background: #f8f8f8;\n padding: 40px;\n border-radius: 15px;\n margin-top: 40px;\n text-align: center;\n}\n\n.ingredients-list h4 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 20px;\n font-weight: bold;\n}\n\n.ingredients-text {\n color: #666;\n font-size: 0.9rem;\n line-height: 1.6;\n direction: ltr;\n text-align: center;\n margin-bottom: 30px;\n padding: 20px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.inspirational-quote {\n color: #666;\n font-style: italic;\n font-size: 1.1rem;\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n padding: 25px;\n border-left: 4px solid #9C8102;\n background: rgba(156, 129, 2, 0.05);\n border-radius: 0 10px 10px 0;\n}\n\n\/* General dark section text fixes *\/\n.dark-section p {\n color: #ffffff !important;\n}\n\n.dark-section h4 {\n color: #9C8102 !important;\n}\n\n.dark-section .section-title {\n color: #9C8102 !important;\n}\n\n.dark-section * {\n color: inherit;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideInFromLeft {\n from {\n opacity: 0;\n transform: translateX(-50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 0.5;\n }\n 50% {\n transform: scale(1.1);\n opacity: 0.8;\n }\n}\n\n@keyframes float {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-10px);\n }\n}\n\n@keyframes expandBorder {\n from {\n width: 0;\n }\n to {\n width: 100px;\n }\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .product-description-container {\n padding: 15px;\n }\n \n .product-description-container .dark-section {\n padding: 30px 20px;\n }\n \n .product-description-container .main-title {\n font-size: 2rem;\n }\n \n .product-description-container .subtitle {\n font-size: 1.2rem;\n }\n \n .product-description-container .section-title {\n font-size: 1.5rem;\n }\n \n .product-description-container .uses-grid,\n .product-description-container .difference-grid,\n .product-description-container .value-grid {\n grid-template-columns: 1fr;\n }\n \n .product-description-container .formula-highlights {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .product-description-container .hero-section {\n padding: 40px 20px;\n }\n \n .product-description-container .result-step {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .product-description-container .cta-content h3 {\n font-size: 1.7rem;\n }\n \n .product-description-container .cta-content p {\n font-size: 1.1rem;\n }\n \n .product-description-container .cta-highlight {\n font-size: 1.2rem;\n }\n}\n\n\/* Intersection Observer Animation Classes *\/\n.product-description-container .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease-out;\n}\n\n.product-description-container .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.product-description-container .image-loaded {\n opacity: 1 !important;\n transform: translateY(0) !important;\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const container = document.querySelector('.product-description-container');\n if (!container) return;\n\n \/\/ Intersection Observer for scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all section containers within the product description\n container.querySelectorAll('.section-container').forEach(section =\u003e {\n observer.observe(section);\n });\n\n \/\/ Golden glow animation timing\n const goldenGlow = container.querySelector('.golden-glow');\n if (goldenGlow) {\n goldenGlow.style.animationDelay = '1s';\n }\n\n \/\/ Staggered animation for use cards\n const useCards = container.querySelectorAll('.use-card');\n useCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.1}s`;\n card.style.animation = 'fadeInUp 0.6s ease-out forwards';\n });\n\n \/\/ Staggered animation for value cards\n const valueCards = container.querySelectorAll('.value-card');\n valueCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.15}s`;\n card.style.animation = 'fadeInUp 0.6s ease-out forwards';\n });\n\n \/\/ Staggered animation for ingredient features\n const ingredientFeatures = container.querySelectorAll('.ingredient-feature');\n ingredientFeatures.forEach((feature, index) =\u003e {\n feature.style.animationDelay = `${index * 0.2}s`;\n feature.style.animation = 'fadeInUp 0.7s ease-out forwards';\n });\n\n \/\/ Staggered animation for result steps\n const resultSteps = container.querySelectorAll('.result-step');\n resultSteps.forEach((step, index) =\u003e {\n step.style.animationDelay = `${index * 0.3}s`;\n step.style.animation = 'fadeInUp 0.8s ease-out forwards';\n });\n\n \/\/ Dynamic border expansion for section titles\n const sectionTitles = container.querySelectorAll('.section-title');\n const titleObserver = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, observerOptions);\n\n sectionTitles.forEach(title =\u003e {\n titleObserver.observe(title);\n });\n\n \/\/ Image loading effect - scoped to container only\n const images = container.querySelectorAll('img');\n const imageObserver = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n entry.target.classList.add('image-loaded');\n imageObserver.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n images.forEach(img =\u003e {\n if (!img.closest('.hero-image')) {\n img.style.opacity = '0';\n img.style.transform = 'translateY(20px)';\n img.style.transition = 'opacity 0.8s ease-out, transform 0.8s ease-out';\n }\n imageObserver.observe(img);\n });\n\n \/\/ Formula cards animation\n const formulaCards = container.querySelectorAll('.formula-card');\n formulaCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.2}s`;\n card.style.animation = 'fadeInUp 0.6s ease-out forwards';\n });\n\n \/\/ Hover effect for floating elements\n const floatingElements = container.querySelectorAll('.value-card, .ingredient-feature, .use-card');\n floatingElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px) scale(1.02)';\n });\n \n element.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":46999405199534,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/bobana-conditioner-with-argan-oil-109498_bbdf5828-575a-4e6a-9175-b21f06943f42.webp?v=1788175318"},{"product_id":"capixy-dandruff-conditioner","title":"كابكسي بلسم تنعيم و ترطيب الشعر المعرض للقشرة 250 مل","description":"\u003cdiv class=\"cpx-conditioner-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* =========================================\n CAPIXY CONDITIONER - DEEP GREEN LUXURY (ARABIC)\n ========================================= *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900\u0026family=Tajawal:wght@500;700;900\u0026display=swap');\n\n .cpx-conditioner-wrapper {\n --cpx-bg-dark: #010d06; \n --cpx-bg-card: rgba(4, 30, 15, 0.75); \n --cpx-green-main: #00ff88; \n --cpx-green-dark: #008f4c; \n --cpx-gold-main: #ffd700; \n \n --cpx-text-title: #ffffff; \n --cpx-text-body: #ffffff; \n \n --cpx-border: rgba(0, 255, 136, 0.3);\n\n background-color: var(--cpx-bg-dark);\n color: var(--cpx-text-body);\n font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n padding: 50px 0;\n border-radius: 24px;\n box-shadow: 0 0 100px rgba(0, 255, 136, 0.05) inset;\n }\n\n .cpx-conditioner-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n \/* --- STREAMING_CHUNK:Styling Neon Text \u0026 Ambient Background... --- *\/\n .neon-green {\n color: var(--cpx-green-main) !important;\n text-shadow: 0 0 10px rgba(0, 255, 136, 0.8), 0 0 20px rgba(0, 255, 136, 0.5);\n font-weight: 900;\n }\n\n .neon-gold {\n color: var(--cpx-gold-main) !important;\n text-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 0 0 20px rgba(255, 215, 0, 0.5);\n font-weight: 900;\n }\n\n .cpx-container { max-width: 1100px; margin: 0 auto; padding: 0 25px; position: relative; z-index: 2; }\n\n .cpx-ambient-bg {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n background: radial-gradient(circle at 15% 25%, rgba(0, 255, 136, 0.07) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(255, 215, 0, 0.05) 0%, transparent 50%);\n z-index: 1; pointer-events: none;\n }\n\n \/* --- STREAMING_CHUNK:Building CSS Art for Hydration Drop... --- *\/\n .cpx-css-art-container {\n width: 100%; height: 300px; display: flex; align-items: center; justify-content: center;\n margin: 40px 0; position: relative;\n }\n\n .cpx-hydration-drop {\n width: 120px; height: 120px;\n background: linear-gradient(135deg, rgba(0, 255, 136, 0.8), rgba(0, 143, 76, 0.9));\n border-radius: 50% 50% 50% 5px; \/* Tear drop shape *\/\n transform: rotate(-45deg);\n box-shadow: 0 0 50px rgba(0, 255, 136, 0.5), inset 20px 20px 40px rgba(255,255,255,0.3);\n position: relative; z-index: 3;\n animation: pulseDrop 3s infinite ease-in-out alternate;\n display: flex; align-items: center; justify-content: center;\n }\n\n .cpx-hydration-drop svg {\n transform: rotate(45deg); \/* Correct the icon inside the drop *\/\n }\n\n .cpx-ring {\n position: absolute; border-radius: 50%; border: 2px dashed rgba(255, 215, 0, 0.5);\n width: 200px; height: 200px; animation: spinRing 10s linear infinite; z-index: 2;\n }\n\n @keyframes pulseDrop {\n 0% { transform: rotate(-45deg) scale(0.95); box-shadow: 0 0 30px rgba(0, 255, 136, 0.4); }\n 100% { transform: rotate(-45deg) scale(1.05); box-shadow: 0 0 60px rgba(0, 255, 136, 0.8); }\n }\n @keyframes spinRing { 100% { transform: rotate(360deg); } }\n\n \/* --- STREAMING_CHUNK:Styling Headings \u0026 Glass Panels... --- *\/\n .cpx-title-glow {\n display: block; width: 100%; font-size: clamp(30px, 5vw, 46px); font-weight: 900;\n text-align: center; margin-bottom: 25px; line-height: 1.4; color: var(--cpx-text-title);\n text-shadow: 0 0 15px rgba(0, 255, 136, 0.6); letter-spacing: -0.5px;\n }\n\n .cpx-section-title {\n display: flex; align-items: center; justify-content: center; gap: 15px;\n width: 100%; font-size: clamp(24px, 4vw, 34px); font-weight: 900;\n color: var(--cpx-text-title); text-align: center; margin: 70px auto 40px; line-height: 1.5;\n }\n\n .cpx-section-title::before, .cpx-section-title::after {\n content: ''; display: block; width: 50px; height: 4px;\n background: var(--cpx-green-main); border-radius: 4px; box-shadow: 0 0 10px var(--cpx-green-main);\n }\n\n .cpx-glass-panel {\n background: linear-gradient(135deg, rgba(4, 30, 15, 0.9), rgba(2, 15, 8, 0.95));\n border: 1px solid var(--cpx-border); border-radius: 24px; padding: 40px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8); text-align: center; margin: 60px 0; position: relative; overflow: hidden;\n }\n \n .cpx-glass-panel::before {\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px;\n background: linear-gradient(90deg, var(--cpx-green-main), var(--cpx-gold-main));\n }\n\n \/* --- STREAMING_CHUNK:Creating Interactive Ingredient Grid... --- *\/\n .cpx-ingredients-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin: 40px 0; text-align: right;\n }\n\n .cpx-ing-card {\n background: var(--cpx-bg-card); border: 1px solid var(--cpx-border); border-radius: 20px;\n padding: 30px; position: relative; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n backdrop-filter: blur(15px); display: flex; flex-direction: column; gap: 15px; cursor: crosshair;\n }\n\n .cpx-ing-card::after {\n content: ''; position: absolute; inset: 0; border-radius: 20px; padding: 2px;\n background: linear-gradient(135deg, var(--cpx-green-main), transparent);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.4s ease;\n }\n\n .cpx-ing-card:hover {\n transform: translateY(-10px); background: rgba(6, 45, 22, 0.85); box-shadow: 0 15px 40px rgba(0, 255, 136, 0.15);\n }\n\n .cpx-ing-card:hover::after { opacity: 1; }\n\n .cpx-ing-header { display: flex; align-items: center; gap: 15px; position: relative; z-index: 2; }\n\n .cpx-ing-icon {\n width: 55px; height: 55px; min-width: 55px; background: rgba(0, 255, 136, 0.1);\n border: 1px solid rgba(0, 255, 136, 0.4); border-radius: 14px; display: flex; align-items: center; justify-content: center;\n color: var(--cpx-green-main); transition: all 0.4s ease;\n }\n\n .cpx-ing-card:hover .cpx-ing-icon {\n background: var(--cpx-green-main); color: #000; transform: rotate(10deg) scale(1.1);\n box-shadow: 0 0 20px var(--cpx-green-main); border-color: transparent;\n }\n\n .cpx-ing-name { font-size: 1.4rem; font-weight: 900; color: #ffffff; font-family: monospace; letter-spacing: 0.5px; }\n .cpx-ing-desc { font-size: 1.15rem; color: #ffffff; font-weight: 700; line-height: 1.7; position: relative; z-index: 2; }\n\n \/* --- STREAMING_CHUNK:Steps \u0026 CTA Setup... --- *\/\n .cpx-steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 40px 0; text-align: center; }\n .cpx-step-card { background: rgba(0,0,0,0.4); border: 1px dashed var(--cpx-green-main); border-radius: 16px; padding: 30px 20px; }\n .cpx-cta-box {\n background: linear-gradient(180deg, rgba(0, 255, 136, 0.1) 0%, rgba(4, 30, 15, 0.9) 100%);\n border: 2px solid var(--cpx-green-main); border-radius: 24px; padding: 60px 30px; text-align: center;\n margin-top: 60px; box-shadow: 0 0 50px rgba(0, 255, 136, 0.15); position: relative; overflow: hidden;\n }\n\n .cpx-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .cpx-reveal.cpx-active { opacity: 1; transform: translateY(0); }\n .cpx-delay-1 { transition-delay: 0.15s; }\n .cpx-delay-2 { transition-delay: 0.3s; }\n\n @media (max-width: 768px) {\n .cpx-conditioner-wrapper { padding: 30px 0; }\n .cpx-title-glow { font-size: 28px; }\n .cpx-section-title { font-size: 22px; flex-direction: column; gap: 10px; }\n .cpx-glass-panel { padding: 25px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"cpx-ambient-bg\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"cpx-container\"\u003e\n \n \u003c!-- 1. Hero Section --\u003e\n \u003cdiv style=\"text-align: center; padding-top: 20px;\" class=\"cpx-reveal cpx-active\"\u003e\n \u003cdiv style=\"display: inline-block; background: rgba(0, 255, 136, 0.15); border: 1px solid var(--cpx-green-main); color: #ffffff; padding: 10px 30px; border-radius: 40px; font-weight: 900; font-size: 1.1rem; margin-bottom: 30px; box-shadow: 0 0 20px rgba(0, 255, 136, 0.2);\"\u003e\n ترطيب عميق بدون إرهاق للفروة 💧\n \u003c\/div\u003e\n \n \u003ch1 class=\"cpx-title-glow\"\u003e\n بلسم كابيكسي لعلاج القشرة\u003cbr\u003e\n \u003cspan class=\"neon-green\"\u003eيهدئ الفروة، ويفك تشابك الشعر!\u003c\/span\u003e\n \u003c\/h1\u003e\n \n \u003cp style=\"font-size: 1.3rem; color: #ffffff; font-weight: 700; max-width: 850px; margin: 0 auto 50px; line-height: 1.8;\"\u003e\n المكمل المثالي لروتين علاج القشرة. يعيد الرطوبة الحيوية و\u003cspan class=\"neon-gold\"\u003eيقوي حاجز الفروة\u003c\/span\u003e دون أن يثقل شعرك أو يهيج القشرة مرة أخرى.\n \u003c\/p\u003e\n\n \u003c!-- CSS Art Centerpiece (Hydration Drop) --\u003e\n \u003cdiv class=\"cpx-css-art-container\"\u003e\n \u003cdiv class=\"cpx-ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cpx-hydration-drop\"\u003e\n \u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2. The Problem \u0026 Smart Solution --\u003e\n \u003cdiv class=\"cpx-glass-panel cpx-reveal\"\u003e\n \u003ch2 style=\"font-size: 1.8rem; font-weight: 900; color: #ffffff; margin-bottom: 20px;\"\u003e\n معضلة البلسم: \u003cspan class=\"neon-gold\"\u003eالترطيب مقابل القشرة\u003c\/span\u003e\n \u003c\/h2\u003e\n \u003cp style=\"font-size: 1.25rem; color: #ffffff; font-weight: 700; margin-bottom: 30px;\"\u003e\n معظم أنواع البلسم العادية مليئة بالسيليكون الثقيل الذي يسد مسام الفروة ويزيد من القشرة. وعلى الجانب الآخر، تجاهل استخدام البلسم بعد غسيل الشعر القاسي يتركه \u003cspan style=\"color: #ff2a7a; text-shadow: 0 0 10px rgba(255,42,122,0.8); font-weight: 900;\"\u003eجافاً، باهتاً، ومتشابكاً\u003c\/span\u003e.\n \u003c\/p\u003e\n \n \u003cdiv style=\"background: rgba(0, 255, 136, 0.08); border: 2px dashed var(--cpx-green-main); border-radius: 16px; padding: 30px;\"\u003e\n \u003ch3 style=\"color: #ffffff; font-size: 1.6rem; font-weight: 900; margin-bottom: 15px;\"\u003eالحل مع كابيكسي: \u003cspan class=\"neon-green\"\u003eترطيب آمن تماماً على الفروة\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp style=\"color: #ffffff; font-weight: 700; font-size: 1.2rem;\"\u003e\n تركيبة مصممة علمياً لتوفير \u003cspan class=\"neon-gold\"\u003eتغذية مكثفة وفك فوري للتشابك\u003c\/span\u003e لخصلات شعرك، بينما تدعم بنشاط بيئة فروة رأس متوازنة وخالية تماماً من القشور المزعجة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 3. Ingredients Grid --\u003e\n \u003ch2 class=\"cpx-section-title cpx-reveal\"\u003eمركب الترميم المتآزر\u003c\/h2\u003e\n \u003cp class=\"cpx-reveal\" style=\"text-align: center; color: #ffffff; font-weight: 900; font-size: 1.3rem; margin-bottom: 40px;\"\u003e\n مصمم لترطيب وتنعيم خصلات الشعر مع الحفاظ على دفاعات الفروة.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cpx-ingredients-grid\"\u003e\n \n \u003c!-- Ceramides Grouped --\u003e\n \u003cdiv class=\"cpx-ing-card cpx-reveal\" style=\"border-color: var(--cpx-gold-main);\"\u003e\n \u003cdiv class=\"cpx-ing-header\"\u003e\n \u003cdiv class=\"cpx-ing-icon\" style=\"color: var(--cpx-gold-main); border-color: var(--cpx-gold-main);\"\u003e\n \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003crect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M7 11V7a5 5 0 0 1 10 0v4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpx-ing-name neon-gold\"\u003eTriple Ceramide \u003cbr\u003e\u003cspan style=\"font-size: 1rem;\"\u003e(NP, AP, EOP)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpx-ing-desc\" style=\"font-size: 1.05rem;\"\u003e\n \u003cstrong\u003eCeramide NP:\u003c\/strong\u003e يرطب خصلات الشعر والفروة بعمق.\u003cbr\u003e\n \u003cstrong\u003eCeramide AP:\u003c\/strong\u003e يعزز الحماية ضد العوامل المسببة للتهيج.\u003cbr\u003e\n \u003cstrong\u003eCeramide EOP:\u003c\/strong\u003e يحبس الترطيب بالداخل ليمنع جفاف وتكسر الأطراف.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cpx-ing-card cpx-reveal cpx-delay-1\"\u003e\n \u003cdiv class=\"cpx-ing-header\"\u003e\n \u003cdiv class=\"cpx-ing-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"cpx-ing-name neon-gold\"\u003eApiscalp™\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpx-ing-desc\"\u003eيساعد في \u003cspan class=\"neon-green\"\u003eإعادة التوازن وتهدئة\u003c\/span\u003e الفروة، ليضمن أن مرحلة الترطيب لن تؤدي لعودة ظهور القشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cpx-ing-card cpx-reveal cpx-delay-2\"\u003e\n \u003cdiv class=\"cpx-ing-header\"\u003e\n \u003cdiv class=\"cpx-ing-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpolyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"cpx-ing-name neon-gold\"\u003eSaw Palmetto\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpx-ing-desc\"\u003eخلاصة البلميط المنشاري تدعم \u003cspan class=\"neon-green\"\u003eحيوية الفروة\u003c\/span\u003e وتقوي خصلات الشعر لتبدو أكثر كثافة وصحة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cpx-ing-card cpx-reveal\"\u003e\n \u003cdiv class=\"cpx-ing-header\"\u003e\n \u003cdiv class=\"cpx-ing-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"cpx-ing-name neon-gold\"\u003eMillet Seed Extract\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpx-ing-desc\"\u003eغنية بالعناصر الغذائية، تساعد في \u003cspan class=\"neon-green\"\u003eتغذية الشعر من الداخل\u003c\/span\u003e، وتحسن ملمس الشعر وسهولة تمشيطه.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cpx-ing-card cpx-reveal cpx-delay-1\"\u003e\n \u003cdiv class=\"cpx-ing-header\"\u003e\n \u003cdiv class=\"cpx-ing-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\u003e\u003c\/path\u003e\u003cline x1=\"16\" y1=\"8\" x2=\"2\" y2=\"22\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"cpx-ing-name neon-gold\"\u003eTea Tree Oil\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpx-ing-desc\"\u003eيوفر تأثير \u003cspan class=\"neon-green\"\u003eتنقية لطيف\u003c\/span\u003e، ليحافظ على إحساس الفروة بالانتعاش والنظافة حتى بعد الاستحمام.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cpx-ing-card cpx-reveal cpx-delay-2\"\u003e\n \u003cdiv class=\"cpx-ing-header\"\u003e\n \u003cdiv class=\"cpx-ing-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"cpx-ing-name neon-gold\"\u003eSalicylic Acid (Trace)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpx-ing-desc\"\u003eمضاف بنسبة دقيقة ومدروسة لضمان \u003cspan class=\"neon-green\"\u003eعدم ترك أي تراكمات\u003c\/span\u003e على الفروة بعد خطوة الترطيب.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- 4. Usage Protocol --\u003e\n \u003ch2 class=\"cpx-section-title cpx-reveal\"\u003eالروتين المثالي للترطيب\u003c\/h2\u003e\n \u003cdiv class=\"cpx-steps-grid cpx-reveal\"\u003e\n \u003cdiv class=\"cpx-step-card\"\u003e\n \u003ch3 class=\"neon-green\" style=\"font-size: 1.6rem; margin-bottom: 10px;\"\u003e01 الغسيل\u003c\/h3\u003e\n \u003cp style=\"color: #fff; font-weight: 700; font-size: 1.15rem;\"\u003eاغسلي شعرك ونظفيه أولاً باستخدام شامبو كابيكسي لعلاج القشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpx-step-card\"\u003e\n \u003ch3 class=\"neon-green\" style=\"font-size: 1.6rem; margin-bottom: 10px;\"\u003e02 التطبيق\u003c\/h3\u003e\n \u003cp style=\"color: #fff; font-weight: 700; font-size: 1.15rem;\"\u003eضعي كمية وفيرة من البلسم، مع التركيز بشكل أساسي على منتصف الشعر والأطراف.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpx-step-card\"\u003e\n \u003ch3 class=\"neon-green\" style=\"font-size: 1.6rem; margin-bottom: 10px;\"\u003e03 الانتظار\u003c\/h3\u003e\n \u003cp style=\"color: #fff; font-weight: 700; font-size: 1.15rem;\"\u003eاتركيه لمدة \u003cspan class=\"neon-gold\"\u003eدقيقة إلى 3 دقائق\u003c\/span\u003e ليفك التشابك ويتغلغل بعمق.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpx-step-card\"\u003e\n \u003ch3 class=\"neon-green\" style=\"font-size: 1.6rem; margin-bottom: 10px;\"\u003e04 الشطف\u003c\/h3\u003e\n \u003cp style=\"color: #fff; font-weight: 700; font-size: 1.15rem;\"\u003eاشطفيه جيداً. ولاحظي كيف تنزلق أصابعك بسهولة بين خصلات شعرك الحريرية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 5. Final Powerful CTA --\u003e\n \u003cdiv class=\"cpx-cta-box cpx-reveal\"\u003e\n \u003cdiv style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; height: 300px; background: radial-gradient(circle, rgba(0,255,136,0.15) 0%, transparent 70%); animation: pulseDrop 4s infinite alternate; z-index: 0; pointer-events: none;\"\u003e\u003c\/div\u003e\n \n \u003cdiv style=\"position: relative; z-index: 1;\"\u003e\n \u003ch2 style=\"font-size: clamp(28px, 5vw, 42px); font-weight: 900; color: #ffffff; margin-bottom: 25px;\"\u003e\n \u003cspan class=\"neon-gold\"\u003eكملي روتينك الصح وودعي القشرة\u003c\/span\u003e\n \u003c\/h2\u003e\n \n \u003cp style=\"font-size: 1.3rem; color: #ffffff; font-weight: 700; max-width: 800px; margin: 0 auto 35px; line-height: 1.8;\"\u003e\n متخليش بلسم عادي يبوظ كل اللي عمله شامبو القشرة. \u003cbr\u003e\n بلسم كابيكسي بيضمنلك \u003cspan class=\"neon-green\"\u003eنعومة وترطيب فائق\u003c\/span\u003e من غير ما يضر صحة فروة راسك أو يرجعلك القشرة تاني.\n \u003c\/p\u003e\n \n \u003ch3 style=\"color: #ffffff; font-size: 1.8rem; font-weight: 900; margin-bottom: 0;\"\u003e\n احبسي الرطوبة جوه شعرك، و\u003cspan class=\"neon-green\"\u003eاطردي القشرة براه!\u003c\/span\u003e\n \u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n const reveals = document.querySelectorAll('.cpx-reveal');\n const revealOptions = { root: null, threshold: 0.1, rootMargin: \"0px 0px -40px 0px\" };\n\n const revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('cpx-active');\n observer.unobserve(entry.target); \n }\n });\n }, revealOptions);\n\n reveals.forEach(function(reveal) {\n revealObserver.observe(reveal);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Capixy","offers":[{"title":"Default Title","offer_id":49341265379502,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1_1_7bc95a72-1b34-4162-8bdb-d6a04282893b.jpg?v=1789089540"},{"product_id":"capixy-advance-repair-conditioner-250ml","title":"Capixy Advance Repair Conditioner 250ml - بلسم لإصلاح الشعر التالف","description":"\u003cstyle\u003e#cpco{--bg:#090504;--bg2:#1a0d08;--m:#ff7a59;--m2:#ffb49f;--acc:#e6dccf;--glass:rgba(255,255,255,.045);--bd:rgba(255,122,89,.3);--txt:#fff;--mut:#d6dbd8;counter-reset:s;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px;box-shadow:inset 0 0 100px rgba(255,122,89,.12)}#cpco *{box-sizing:border-box}#cpco .sec{position:relative;padding:56px 0}#cpco .sec.a{background:var(--bg)}#cpco .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#cpco .wrap{max-width:920px;margin:auto;padding:0 22px;position:relative}#cpco .c{text-align:center}#cpco .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:22px;background:rgba(255,122,89,.1)}#cpco h1{font-size:clamp(28px,5vw,42px);line-height:1.4;font-weight:900;margin:0 0 20px;text-shadow:0 0 25px rgba(255,122,89,.5)}#cpco .hl{color:var(--m);text-shadow:0 0 14px rgba(255,122,89,.5);font-weight:900}#cpco .hl2{color:var(--acc);font-weight:800}#cpco h2{font-size:clamp(23px,4vw,31px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#cpco h2:before{content:\"\";flex:0 0 6px;height:32px;background:var(--m);border-radius:4px;box-shadow:0 0 14px var(--m)}#cpco h2.cc{justify-content:center;text-align:center}#cpco h2.cc:before{display:none}#cpco h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#cpco p{margin:0 0 12px;color:var(--mut)}#cpco .sub{max-width:760px;margin:0 auto 26px;font-size:18px}#cpco .lead{max-width:760px;margin:0 auto 32px;font-size:18px}#cpco .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 30px}#cpco .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#cpco img.ph{display:block;width:100%;max-width:640px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;box-shadow:0 20px 50px rgba(0,0,0,.8);border:1px solid var(--bd)}#cpco img.fl{animation:flt 6s ease-in-out infinite}@keyframes flt{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pls{0%,100%{box-shadow:0 0 10px rgba(255,122,89,.12),inset 0 0 10px rgba(255,122,89,.12)}50%{box-shadow:0 0 30px rgba(255,122,89,.5),inset 0 0 18px rgba(255,122,89,.12)}}#cpco .hero{background:radial-gradient(circle at 50% 0,rgba(255,122,89,.12),transparent 60%),var(--bg);padding-top:60px;text-align:center}#cpco .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:30px 0}#cpco .card{background:linear-gradient(145deg,#1a0d08,var(--bg));border:1px solid var(--bd);border-radius:18px;padding:24px 20px}#cpco .card .ib{width:54px;height:54px;border-radius:14px;margin-bottom:14px;background:rgba(255,122,89,.12);border:1.5px solid var(--bd);display:flex;align-items:center;justify-content:center;color:var(--acc)}#cpco .card p{margin:0;font-size:16px;color:#fff}#cpco .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:32px 24px;animation:pls 4s infinite}#cpco .glass.st{animation:none}#cpco .glass p{font-size:17px}#cpco .tag2{background:rgba(255,122,89,.12);border:1px solid var(--bd);border-radius:16px;padding:22px;margin-top:20px;text-align:center}#cpco .tag2 h3{font-size:22px;color:var(--m)}#cpco .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:22px 0}#cpco .fm div{padding:20px;border-radius:16px;background:linear-gradient(90deg,rgba(255,122,89,.12),transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--m)}#cpco .fm p{margin:0;font-size:15.5px;color:#fff}#cpco .iv{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}#cpco .iv div{padding:18px;border-radius:14px;background:var(--glass);border:1px solid var(--bd)}#cpco .iv h4{margin:0 0 4px;color:var(--acc);font-size:17px;font-weight:800}#cpco .iv p{margin:0;font-size:15px;color:#fff}#cpco .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:26px}#cpco .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:22px 16px;text-align:center}#cpco .steps b{display:flex;margin:0 auto 10px;width:46px;height:46px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px;color:var(--acc);box-shadow:0 0 14px rgba(255,122,89,.12)}#cpco .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#cpco .steps p{margin:0;font-size:15px;color:#fff}#cpco .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#cpco .tl div{margin-bottom:14px;color:var(--mut)}#cpco .tl b{display:block;color:#fff;font-size:18px}#cpco ul.ck{list-style:none;padding:0;margin:10px 0}#cpco ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#cpco ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m);box-shadow:0 0 8px var(--m)}#cpco .warn{border:1px solid var(--m);background:linear-gradient(135deg,rgba(255,122,89,.12),transparent);border-radius:20px;padding:28px}#cpco .fb{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:18px}#cpco .fb div{background:var(--glass);border:1px solid var(--bd);border-radius:14px;padding:18px}#cpco .fb p{margin:0;font-size:15px;color:#fff}#cpco .cap{font-size:13px;color:#9aa;margin-top:14px}#cpco details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:16px 20px;margin-bottom:10px}#cpco summary{cursor:pointer;font-weight:800}#cpco details[open] summary{color:var(--m)}#cpco details p{margin:10px 0 0}#cpco .cta{border:1.5px solid var(--bd);border-radius:24px;padding:40px 20px;text-align:center;background:linear-gradient(180deg,rgba(255,122,89,.12),transparent);box-shadow:0 0 50px rgba(255,122,89,.12)}#cpco .cta h2{justify-content:center;text-align:center}#cpco .cta h2:before{display:none}#cpco .trust{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}#cpco .trust span{border:1px solid var(--bd);background:var(--glass);color:var(--acc);padding:7px 16px;border-radius:30px;font-size:14px}#cpco .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#cfd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:28px}#cpco .inci b{color:var(--m)}@media(max-width:768px){#cpco .sec{padding:38px 0}#cpco .wrap{padding:0 14px}#cpco .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#cpco .card{padding:14px 10px}#cpco .card .ib{width:40px;height:40px;margin-bottom:8px}#cpco .card .ib svg{width:20px;height:20px}#cpco .card h3{font-size:15px}#cpco .card p{font-size:13px;line-height:1.5}#cpco .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#cpco .steps div{padding:14px 10px}#cpco .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"cpco\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eبلسم ببتيدات الكينوا | كيراتين + بيوتين\u003c\/div\u003e\n\u003ch1\u003eشعرك ناشف ومتشابك ومبيطاوعش؟ \u003cspan class=\"hl\"\u003eالبلسم هو اللي بيحسم\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eالشامبو بينضّف، والبلسم هو اللي بيرجّع للشعر نعومته. \u003cbdi\u003eCapixy Advance Repair Conditioner\u003c\/bdi\u003e فيه ببتيدات كينوا وكيراتين وبيوتين وسيراميد، عشان الشعر التالف يبقى أنعم وأسهل في التسريح.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eببتيدات الكينوا\u003c\/span\u003e\u003cspan\u003eكيراتين\u003c\/span\u003e\u003cspan\u003eبيوتين\u003c\/span\u003e\u003cspan\u003eسيراميد\u003c\/span\u003e\u003cspan\u003e250 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph fl\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/59fc88b5-2189-44b7-8717-6780f5f47f2b.jpg\" alt=\"زجاجة بلسم كابيكسي ادفانس ريبير على خلفية بورجوندي\" width=\"1024\" height=\"1024\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e6 فروق بتحسّها في أول تسريحة\u003c\/h2\u003e\n\u003cp class=\"sub\"\u003eبلسم فيه ببتيدات كينوا وكيراتين وبيوتين وسيراميد. ده اللي هتلاحظه:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"ib\"\u003e\u003csvg width=\"30\" height=\"30\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2l2.2 6.3L21 10l-6.8 1.7L12 18l-2.2-6.3L3 10l6.8-1.7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eنعومة بتتحس\u003c\/h3\u003e\n\u003cp\u003eالببتيدات والبروتينات بيساعدوا على ملمس أنعم وأكتر مرونة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"ib\"\u003e\u003csvg width=\"30\" height=\"30\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2l10 5-10 5L2 7z\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 12l10 5 10-5M2 17l10 5 10-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eتسريح من غير شد\u003c\/h3\u003e\n\u003cp\u003eبيساعد الشعر يبقى أسهل في الفرد والتسريح.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"ib\"\u003e\u003csvg width=\"30\" height=\"30\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eتكسير أقل\u003c\/h3\u003e\n\u003cp\u003eبيساعد على تقليل مظهر التكسير من الاستخدام اليومي.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"ib\"\u003e\u003csvg width=\"30\" height=\"30\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 1v2M12 21v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M1 12h2M21 12h2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eلمعة\u003c\/h3\u003e\n\u003cp\u003eالسيراميد وزيت الأما بيدّوا الشعر إحساس باللمعة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"ib\"\u003e\u003csvg width=\"30\" height=\"30\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2.7s7 7.2 7 12a7 7 0 0 1-14 0c0-4.8 7-12 7-12z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eطراوة من الجذور للأطراف\u003c\/h3\u003e\n\u003cp\u003eبيساعد الشعر يبقى مرن وأسهل في التحكم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"ib\"\u003e\u003csvg width=\"30\" height=\"30\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 12l3 3 5-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eللتالف والمعالج\u003c\/h3\u003e\n\u003cp\u003eمناسب للشعر التالف والمصبوغ والمعالج كيميائيًا.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/d77a6116-f14e-4035-9c75-bfd277c3c0b3.jpg\" alt=\"بلسم كابيكسي بببتيدات الكينوا والكيراتين\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eالشامبو بيفتح الجلدة.. والبلسم بيقفلها\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eبعد الغسيل شعرك بيبقى نضيف بس مكشوف. الأطراف بالذات بتحتاج حاجة تلمّها وتنعّمها قبل ما تنشّف وتتشابك.\u003c\/p\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/e0399fa2-ad5e-4e37-b163-92b3118d687a.jpg\" alt=\"بلسم كابيكسي على رف الحمام\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003cdiv class=\"tag2\"\u003e\n\u003ch3\u003eالأطراف هي أقدم حتة في شعرك\u003c\/h3\u003e\n\u003cp\u003eاللي في الأطراف عمره سنين من سشوار وصبغة وتسريح. عشان كده مش كفاية بلسم أي كلام، محتاج واحد فيه بروتينات وسيراميد يرجّعوا الإحساس بالنعومة والمرونة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي بيحصل في الشعرة؟\u003c\/h2\u003e\n\u003cp\u003eأربع مكونات أساسية، وكل واحد ليه دور:\u003c\/p\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eببتيدات الكينوا\u003c\/h3\u003e\n\u003cp\u003eبتساعد على تدعيم ألياف الشعر وتحسين المرونة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eكيراتين متحلل + بيوتين\u003c\/h3\u003e\n\u003cp\u003eبروتين وفيتامين بيدّوا الشعر الضعيف دعم ومظهر أقوى.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eسيراميد NP + زيت الأما + Seveov LG\u003c\/h3\u003e\n\u003cp\u003eبيساعدوا على النعومة واللمعة وحماية بنية الشعر.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/d274864e-628b-4324-a794-c30038888d84.jpg\" alt=\"قوام بلسم كابيكسي الكريمي\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003cdiv class=\"glass st\" style=\"margin-top:26px\"\u003e\n\u003ch3 style=\"text-align:center;font-size:22px\"\u003eتفاصيل تفرق\u003c\/h3\u003e\n\u003cdiv class=\"iv\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eمن الجذور للأطراف\u003c\/h4\u003e\n\u003cp\u003eبتتحط على طول الشعر، وتركّز على الأطراف.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eللتالف والمعالج\u003c\/h4\u003e\n\u003cp\u003eمناسب للشعر التالف والمصبوغ والمعالج كيميائيًا.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eلأي نوع شعر\u003c\/h4\u003e\n\u003cp\u003eمناسب لكل الأنواع.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eبعد الشامبو.. 3 خطوات\u003c\/h2\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/3f7b452e-c4ba-40bc-889a-3ef9cbda978d.jpg\" alt=\"وضع بلسم كابيكسي على أطراف الشعر\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eاعصر شعرك\u003c\/h4\u003e\n\u003cp\u003eمن الميّة الزيادة بعد الشامبو.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003eوزّع البلسم\u003c\/h4\u003e\n\u003cp\u003eمن منتصف الشعر للأطراف بلطف.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eسيبه شوية\u003c\/h4\u003e\n\u003cp\u003eبالوقت اللي مكتوب على العبوة، وبعدين اشطف.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتفرق معاك إمتى؟\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eأول استخدام\u003c\/b\u003eنعومة وسهولة في التسريح من أول مرة.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eبعد كام غسلة\u003c\/b\u003eالشعر بيبقى أمرن وأقل تشابك.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eمع الاستمرار\u003c\/b\u003eالتكسير القديم محتاج وقت، ومعاه شامبو وماسك الروتين بيدّي أفضل نتيجة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/a3a9915f-446a-4cfb-9722-e1976008df2c.jpg\" alt=\"شعر ناعم ولامع بعد البلسم\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003ch3 style=\"margin-top:22px\"\u003eهيناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eشعرك ناشف ومتشابك بعد الغسيل.\u003c\/li\u003e\n\u003cli\u003eبتعمل صبغة أو سشوار باستمرار.\u003c\/li\u003e\n\u003cli\u003eأطرافك مقصوفة وعايز تنعّمها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eخد بالك\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eللاستخدام الخارجي بس.\u003c\/li\u003e\n\u003cli\u003eابعده عن العين.\u003c\/li\u003e\n\u003cli\u003eماتحطوش على فروة الراس بكميات كبيرة.\u003c\/li\u003e\n\u003cli\u003eلو حصل تهيج أوقف الاستخدام.\u003c\/li\u003e\n\u003cli\u003eده منتج عناية، مش علاج للتساقط.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأرقام الناس عن البلسم\u003c\/h2\u003e\n\u003cdiv class=\"fb\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eنقاط الإيجابيات\u003c\/h3\u003e\n\u003cp\u003eالتقييم العام 4.5 من 5 على 17 تقييم. 76% منهم قيّموه 5 نجوم، و12% 4 نجوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eبعض الملاحظات\u003c\/h3\u003e\n\u003cp\u003e12% قيّموه بنجمتين. النتيجة بتفرق حسب نوع الشعر وحالته.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eالتقييم العام\u003c\/h3\u003e\n\u003cp\u003eأغلب الناس راضيين عنه، وده بيدّيك صورة مبدئية قبل ما تجرّبه.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cap\"\u003eالأرقام دي مجمعة من مصادر مختلفة على الإنترنت ومن متابعات العملاء.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eأحطه على الفروة؟\u003c\/summary\u003e\u003cp\u003eالأفضل من منتصف الشعر للأطراف.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eأسيبه قد إيه؟\u003c\/summary\u003e\u003cp\u003eحسب التعليمات على العبوة.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eينفع من غير الشامبو بتاعه؟\u003c\/summary\u003e\u003cp\u003eينفع، بس الاتنين مع بعض بيكمّلوا بعض.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eبيناسب الشعر المصبوغ؟\u003c\/summary\u003e\u003cp\u003eهو معمول للشعر التالف والمعالج كيميائيًا.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eبيتباع أصلي؟\u003c\/summary\u003e\u003cp\u003eأيوه، أصلي وبيوصلك بالدفع عند الاستلام.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eشعرك يستاهل ينتهي بنعومة\u003c\/h2\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/6d838c47-1dec-4751-ad92-913f1f160ff3.jpg\" alt=\"بلسم كابيكسي ادفانس ريبير سعة 250 مل\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003cp style=\"max-width:700px;margin:22px auto 0;font-size:18px\"\u003eكمّل غسلتك صح. اطلب \u003cbdi\u003eCapixy Advance Repair Conditioner\u003c\/bdi\u003e وخلّي التسريحة أسهل.\u003c\/p\u003e\n\u003cdiv class=\"trust\"\u003e\n\u003cspan\u003eمنتج أصلي\u003c\/span\u003e\u003cspan\u003eشحن لكل العالم\u003c\/span\u003e\u003cspan\u003eالدفع عند الاستلام\u003c\/span\u003e\u003cspan\u003eاستبدال واسترجاع سهل\u003c\/span\u003e\u003cspan\u003eدعم واتساب\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"height:30px\"\u003e\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/be8e8b14-9fcc-4a97-9979-c56b63fb9cf4.jpg\" alt=\"كمية من بلسم كابيكسي على اليد\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Quinoa Peptides, Hydrolyzed Keratin, Biotin, Seveov LG, Ama Oil, Ceramide NP. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Capixy","offers":[{"title":"Default Title","offer_id":67699792937134,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/59fc88b5-2189-44b7-8717-6780f5f47f2b.jpg?v=1792063141"}],"url":"https:\/\/skingeer.com\/ar\/collections\/%d8%a8%d9%84%d8%b3%d9%85-%d8%a7%d9%84%d8%b4%d8%b9%d8%b1.oembed","provider":"SkinGeer","version":"1.0","type":"link"}