{"title":"The ordinary products","description":"","products":[{"product_id":"the-ordinary-niacinamide-zinc","title":"The ordinary نياسيناميد 10% زنك1% | مضاد الحبوب | تصغير المسام | مرطب | مضاد للتجاعيد","description":"\u003c!-- وصف منتج The Ordinary Niacinamide 10% + Zinc 1% - تصميم متحرك أنيق --\u003e\n\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.niacinamide-container {\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n overflow-x: hidden;\n}\n\n.niacinamide-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 0.8s ease forwards;\n}\n\n.niacinamide-title-main {\n font-size: 28px;\n color: #333;\n margin-bottom: 10px;\n}\n\n.niacinamide-title-sub {\n font-size: 22px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 12px;\n display: inline-block;\n}\n\n.niacinamide-title-sub:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n animation: expandWidth 1.5s ease-in-out;\n}\n\n.niacinamide-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.niacinamide-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\n border-radius: 8px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n animation: imagePulse 2s infinite alternate ease-in-out;\n opacity: 0;\n transform: scale(0.95);\n animation: fadeInAndScale 0.8s ease forwards;\n}\n\n.niacinamide-image:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.niacinamide-divider {\n height: 1px;\n background-color: #eee;\n margin: 40px 0;\n position: relative;\n width: 0;\n animation: growWidth 1.2s ease forwards;\n}\n\n.niacinamide-divider:before {\n content: \"\";\n position: absolute;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n top: -1px;\n right: 50%;\n transform: translateX(50%);\n opacity: 0;\n animation: fadeIn 0.8s 0.6s ease forwards;\n}\n\n.niacinamide-benefit-section {\n margin: 30px 0;\n padding: 25px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: translateY(30px);\n}\n\n.niacinamide-benefit-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.niacinamide-benefit-section:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n}\n\n.niacinamide-benefit-title {\n text-align: center;\n font-size: 20px;\n color: #333;\n margin-bottom: 5px;\n font-weight: bold;\n}\n\n.niacinamide-benefit-subtitle {\n text-align: center;\n font-size: 24px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 12px;\n}\n\n.niacinamide-benefit-subtitle:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 0;\n height: 2px;\n background-color: #9C8102;\n transition: width 0.8s ease;\n}\n\n.niacinamide-benefit-section.visible .niacinamide-benefit-subtitle:after {\n width: 40px;\n}\n\n.niacinamide-benefit-content {\n text-align: center;\n line-height: 1.7;\n color: #555;\n}\n\n.niacinamide-highlight {\n color: #9C8102;\n font-weight: bold;\n background: linear-gradient(120deg, rgba(156, 129, 2, 0.2), transparent);\n background-repeat: no-repeat;\n background-size: 100% 0.4em;\n background-position: 0 88%;\n transition: background-size 0.4s ease;\n}\n\n.niacinamide-benefit-section:hover .niacinamide-highlight {\n background-size: 100% 0.6em;\n}\n\n.niacinamide-usage-section {\n margin: 40px 0;\n padding: 25px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n opacity: 0;\n transform: translateY(30px);\n}\n\n.niacinamide-usage-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.niacinamide-usage-title {\n font-size: 18px;\n color: #333;\n margin-bottom: 15px;\n font-weight: bold;\n position: relative;\n padding-right: 15px;\n}\n\n.niacinamide-usage-title:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 0;\n background-color: #9C8102;\n border-radius: 3px;\n transition: height 0.6s ease;\n}\n\n.niacinamide-usage-section.visible .niacinamide-usage-title:before {\n height: 100%;\n}\n\n.niacinamide-usage-content {\n line-height: 1.7;\n}\n\n.niacinamide-ingredients-section {\n margin: 40px 0;\n padding: 25px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n opacity: 0;\n transform: translateY(30px);\n}\n\n.niacinamide-ingredients-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.niacinamide-ingredient-item {\n margin-bottom: 20px;\n opacity: 0;\n transform: translateX(20px);\n transition: all 0.6s ease;\n}\n\n.niacinamide-ingredients-section.visible .niacinamide-ingredient-item {\n opacity: 1;\n transform: translateX(0);\n}\n\n.niacinamide-ingredients-section.visible .niacinamide-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.niacinamide-ingredient-name {\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 5px;\n}\n\n.niacinamide-ingredient-desc {\n line-height: 1.6;\n}\n\n.niacinamide-product-info {\n text-align: center;\n margin: 30px 0;\n padding: 15px;\n background-color: #f8f6f0;\n border-radius: 8px;\n font-weight: bold;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transform: scale(0.95);\n opacity: 0;\n}\n\n.niacinamide-product-info.visible {\n opacity: 1;\n transform: scale(1);\n}\n\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 growWidth {\n from {\n width: 0;\n margin-right: 50%;\n }\n to {\n width: 100%;\n margin-right: 0;\n }\n}\n\n@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes fadeInAndScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes imagePulse {\n from {\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\n }\n to {\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.3);\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"niacinamide-container\"\u003e\n \u003cdiv class=\"niacinamide-header\"\u003e\n \u003ch2 class=\"niacinamide-title-main\"\u003eThe ordinary niacinamide 10% Zinc 1%\u003c\/h2\u003e\n \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Modern_Search_Bar_Facebook_Feed_Ad_20_1024x1024.jpg?v=1638010843\" alt=\"The Ordinary Niacinamide\"\u003e\n \u003ch3 class=\"niacinamide-title-sub\"\u003eبشرتك في أصفى حالاتها\u003c\/h3\u003e\n \u003ch2 class=\"niacinamide-title-sub\"\u003eمسامات بشرتك غير مرئية\u003c\/h2\u003e\n \u003cp class=\"niacinamide-intro\"\u003e\n النياسيناميد هو المركب المثالي والأفضل في تقليص المسام لأقصى الحدود مما يجعل بشرتك نضرة ومشدودة وخالية من الرؤوس السوداء والرؤوس البيضاء\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n \n \u003c!-- قسم الفوائد الأول --\u003e\n \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n \u003ch3 class=\"niacinamide-benefit-title\"\u003eفعال ضد أشد الحبوب\u003c\/h3\u003e\n \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/before-after-portrait-woman-retouched_adobespark_2048x2048.png?v=1638013792\" alt=\"قبل وبعد استخدام النياسيناميد\"\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n يخفف الاحمرار وآثار حب الشباب وسترين نتائج إيجابية خصوصا في الحبوب الملتهبة\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n \n \u003c!-- قسم الفوائد الثاني --\u003e\n \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n \u003ch3 class=\"niacinamide-benefit-title\"\u003eشبابك دائم\u003c\/h3\u003e\n \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eمن أقوى مضادات الشيخوخة\u003c\/h2\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n \u003cstrong class=\"niacinamide-highlight\"\u003eيختزل الجذور الحرة المسببة للشيخوخة ويحفز إنتاج الكولاجين\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024.png?v=1637970613\" alt=\"مضاد للشيخوخة\"\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n يحفز إنتاج الكيراتين الذي يشد الجلد ويزيد سماكته مما يخفف من آثار الخطوط الدقيقة والتجاعيد\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الفوائد الثالث --\u003e\n \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n \u003ch3 class=\"niacinamide-benefit-title\"\u003eبشرتك صافية وموحدة اللون\u003c\/h3\u003e\n \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eسيفتح المناطق الداكنة في بشرتك\u003c\/h2\u003e\n \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\" alt=\"تفتيح البشرة\"\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n في تركيزاته العالية يقوم النياسيناميد بمعادلة صبغة الميلانين مما يفتح المناطق الداكنة ويجعل بشرتك موحدة اللون\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الفوائد الرابع --\u003e\n \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n \u003ch3 class=\"niacinamide-benefit-title\"\u003eترطيب عميق\u003c\/h3\u003e\n \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eبدون أثر دهني\u003c\/h2\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n يعمل النياسيناميد على احتجاز الرطوبة في بشرتك عن طريق تكوين \u003cspan class=\"niacinamide-highlight\"\u003e\"حاجز الرطوبة\"\u003c\/span\u003e الذي يمنع فقدان الماء من بشرتك\n \u003c\/p\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n كما أنه يعادل إنتاج الزيوت في البشرة الدهنية فلا يترك أثرا دهنيا\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الفوائد الخامس --\u003e\n \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n \u003ch3 class=\"niacinamide-benefit-title\"\u003e\u003cstrong\u003eيزيل الرؤوس السوداء والبيضاء\u003c\/strong\u003e\u003c\/h3\u003e\n \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\u003cstrong\u003eيعالج جلد قشرة البرتقالة\u003c\/strong\u003e\u003c\/h2\u003e\n \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\" alt=\"علاج قشرة البرتقالة\"\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n \u003cstrong class=\"niacinamide-highlight\"\u003eعن طريق تحفيز تكوين خلايا جلد جديدة وعن طريق الترطيب العميق للبشرة\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم أنواع البشرة --\u003e\n \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\n \u003cstrong\u003eيناسب كل أنواع البشرة جافة، عادية، مختلطة، دهنية\u003c\/strong\u003e\n \u003c\/h2\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n \u003cstrong class=\"niacinamide-highlight\"\u003eخفيف على البشرة.. سريع الإمتصاص\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم طريقة الاستخدام --\u003e\n \u003cdiv class=\"niacinamide-usage-section\"\u003e\n \u003ch3 class=\"niacinamide-usage-title\"\u003eطريقة الاستخدام\u003c\/h3\u003e\n \u003cdiv class=\"niacinamide-usage-content\"\u003e\n \u003cp\u003e\n يوضع كمية بسيطة جدا على الوجه صباحا ومساءا على بشرة نظيفة قبل وضع اى كريمات اخرى او زيوت او مرطبات للبشرة\n \u003c\/p\u003e\n \u003cp\u003e\n ولايجب استخدامه فى نفس الوقت مع العلاجات التى تحتوى على ڤيتامين سي النقي.\n \u003cbr\u003e( حمض الأسكروبيك )\n \u003c\/p\u003e\n \u003cp\u003e\n امن بالاستخدام للحوامل والمرضعات.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم المكونات --\u003e\n \u003cdiv class=\"niacinamide-ingredients-section\"\u003e\n \u003ch3 class=\"niacinamide-usage-title\"\u003eالمكونات الأساسية\u003c\/h3\u003e\n \n \u003cdiv class=\"niacinamide-ingredient-item\"\u003e\n \u003cdiv class=\"niacinamide-ingredient-name\"\u003e- Niacinamide -\u003c\/div\u003e\n \u003cdiv class=\"niacinamide-ingredient-desc\"\u003e\n وهو ممتاز لتحسين الصحة العامة للبشرة و يعزز مناعة الجلد ويحسن الاحتفاظ بالرطوبة عن طريق تقوية حاجز البشرة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"niacinamide-ingredient-item\"\u003e\n \u003cdiv class=\"niacinamide-ingredient-name\"\u003e- Zinc -\u003c\/div\u003e\n \u003cdiv class=\"niacinamide-ingredient-desc\"\u003e\n يدعم بنية الجلد عن طريق شفاء الجلد التالف وتشجيع إنتاج الكولاجين والإيلاستين.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- معلومات المنتج --\u003e\n \u003cdiv class=\"niacinamide-product-info\"\u003e\n \u003cp\u003eحجم العبوة 30مل\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const benefitSections = document.querySelectorAll('.niacinamide-benefit-section');\n const usageSection = document.querySelector('.niacinamide-usage-section');\n const ingredientsSection = document.querySelector('.niacinamide-ingredients-section');\n const productInfo = document.querySelector('.niacinamide-product-info');\n \n \/\/ إضافة معرف للصورة الثانية\n const images = document.querySelectorAll('.niacinamide-image');\n if (images.length \u003e 1) {\n images[1].setAttribute('data-delay', '0.3');\n }\n \n \/\/ مراقبة ظهور العناصر عند التمرير\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const delay = entry.target.getAttribute('data-delay') || 0;\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, delay * 1000);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \/\/ مراقبة جميع الأقسام\n benefitSections.forEach((section, index) =\u003e {\n section.setAttribute('data-delay', index * 0.15);\n observer.observe(section);\n });\n \n if (usageSection) observer.observe(usageSection);\n if (ingredientsSection) observer.observe(ingredientsSection);\n if (productInfo) observer.observe(productInfo);\n \n \/\/ تحريك الصور عند التمرير\n const imageObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animationDelay = '0.3s';\n entry.target.style.animationPlayState = 'running';\n imageObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \/\/ مراقبة جميع الصور\n document.querySelectorAll('.niacinamide-image').forEach(img =\u003e {\n imageObserver.observe(img);\n });\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"30 ml","offer_id":42298278117573,"sku":"INSTA0382CHIQ","price":750.0,"currency_code":"EGP","in_stock":true},{"title":"60 ml","offer_id":44645698240709,"sku":"INSTA0382CHIQ","price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/ezgif.com-gif-maker_5.jpg?v=1636380967"},{"product_id":"the-ordinary-caffeine-solution","title":"the ordinary محلول الكافيين 5% لعلاج الهالات السوداء وتجاعيد العين","description":"\u003cdiv class=\"caf-premium-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* === المتغيرات والألوان الأساسية (هوية الكافيين والذهب) === *\/\n .caf-premium-wrapper {\n --caf-bg-dark: #120b08; \/* بني\/أسود داكن جداً (اسبريسو) *\/\n --caf-bg-card: rgba(30, 20, 15, 0.6); \/* زجاج بني دافئ *\/\n --caf-gold-main: #d4af37; \/* ذهبي فاخر *\/\n --caf-gold-light: #f3e5ab; \/* ذهبي مضيء *\/\n --caf-gold-glow: rgba(212, 175, 55, 0.25);\n --caf-tea-green: #81b29a; \/* أخضر مهدئ لتمثيل الشاي الأخضر *\/\n --caf-text-main: #fdfbf7;\n --caf-text-muted: #cbbca0;\n --caf-border: rgba(212, 175, 55, 0.2);\n --caf-border-hover: rgba(243, 229, 171, 0.6);\n \n background-color: var(--caf-bg-dark);\n color: var(--caf-text-main);\n font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 40px 0;\n border-radius: 20px;\n box-shadow: 0 0 80px rgba(212, 175, 55, 0.05) inset;\n }\n\n .caf-premium-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .caf-premium-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n border: 1px solid rgba(212, 175, 55, 0.1);\n }\n\n .caf-container {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* === الجسيمات المتوهجة في الخلفية (قطرات الكافيين) === *\/\n .caf-ambient-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n }\n\n .caf-particle {\n position: absolute;\n border-radius: 50%;\n bottom: -100px;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n box-shadow: 0 0 15px var(--caf-gold-glow);\n animation: floatUpCaf 16s infinite ease-in-out;\n filter: blur(5px);\n }\n\n @keyframes floatUpCaf {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.6; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n }\n\n \/* === العناوين والنصوص === *\/\n .caf-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(26px, 4.5vw, 42px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #fff;\n text-shadow: 0 5px 20px rgba(0,0,0,0.8);\n }\n\n .caf-title-glow span {\n background: linear-gradient(135deg, var(--caf-gold-light) 0%, var(--caf-gold-main) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 20px var(--caf-gold-glow);\n }\n\n .caf-section-title {\n display: block;\n width: 100%;\n font-size: clamp(22px, 4vw, 30px);\n font-weight: 800;\n color: #fff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .caf-section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--caf-gold-main), transparent);\n border-radius: 10px;\n box-shadow: 0 0 10px var(--caf-gold-main);\n }\n\n \/* === الهيرو (الواجهة) === *\/\n .caf-hero {\n text-align: center;\n padding: 20px 0 40px;\n }\n\n .caf-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid var(--caf-gold-main);\n color: var(--caf-gold-light);\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 0.95rem;\n font-weight: bold;\n margin-bottom: 25px;\n box-shadow: 0 0 20px var(--caf-gold-glow);\n }\n \n .caf-hero-subtitle {\n font-size: 1.15rem;\n color: var(--caf-text-muted);\n max-width: 800px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n \/* === الكروت الزجاجية (Glassmorphism) === *\/\n .caf-glass-box {\n background: var(--caf-bg-card);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border: 1px solid var(--caf-border);\n border-radius: 20px;\n padding: 40px;\n margin: 40px 0;\n box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .caf-glass-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--caf-gold-light), var(--caf-gold-main), transparent);\n }\n\n \/* === The Synergy Box (UVP Highlight) === *\/\n .caf-synergy-box {\n background: linear-gradient(145deg, rgba(30, 20, 15, 0.8), rgba(10, 5, 5, 0.95));\n border: 2px solid var(--caf-gold-main);\n border-radius: 20px;\n padding: 40px 30px;\n margin: 50px 0;\n text-align: center;\n position: relative;\n box-shadow: 0 0 40px rgba(212, 175, 55, 0.15);\n }\n\n .caf-synergy-equation {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 30px;\n }\n\n .caf-synergy-item {\n background: rgba(255,255,255,0.03);\n border: 1px dashed var(--caf-gold-light);\n padding: 20px;\n border-radius: 15px;\n flex: 1;\n min-width: 250px;\n }\n\n .caf-synergy-plus {\n font-size: 3rem;\n color: var(--caf-gold-main);\n font-weight: 900;\n }\n\n .caf-synergy-result {\n background: var(--caf-gold-main);\n color: #000;\n padding: 20px;\n border-radius: 15px;\n font-size: 1.3rem;\n font-weight: 900;\n width: 100%;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);\n }\n\n \/* === شبكة الفوائد === *\/\n .caf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n\n .caf-card {\n background: linear-gradient(145deg, rgba(25, 15, 10, 0.7), rgba(10, 5, 5, 0.9));\n border: 1px solid rgba(212, 175, 55, 0.15);\n border-radius: 16px;\n padding: 30px 25px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n text-align: right;\n }\n\n .caf-card:hover {\n transform: translateY(-8px);\n border-color: var(--caf-gold-main);\n box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n background: rgba(35, 20, 10, 0.8);\n }\n\n .caf-icon {\n width: 55px;\n height: 55px;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.3);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--caf-gold-light);\n font-size: 26px;\n transition: all 0.3s ease;\n }\n \n .caf-card:hover .caf-icon {\n background: linear-gradient(135deg, var(--caf-gold-main), var(--caf-gold-light));\n color: #000;\n transform: scale(1.1) rotate(-5deg);\n border-color: transparent;\n box-shadow: 0 0 20px var(--caf-gold-glow);\n }\n\n .caf-card h3 {\n font-size: 1.2rem;\n color: #fff;\n margin-bottom: 12px;\n }\n\n .caf-card p {\n color: var(--caf-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* === الإحصائيات (Stats) === *\/\n .caf-stats-wrap {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin: 40px 0;\n background: var(--caf-bg-card);\n padding: 35px;\n border-radius: 20px;\n border: 1px solid var(--caf-border);\n }\n\n .caf-stat-item {\n text-align: center;\n position: relative;\n padding: 15px;\n }\n\n .caf-stat-num {\n font-size: 3.5rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--caf-gold-light), var(--caf-gold-main));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n line-height: 1;\n margin-bottom: 10px;\n text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);\n font-family: system-ui, -apple-system, sans-serif;\n }\n \n .caf-stat-desc {\n color: #fff;\n font-size: 1.05rem;\n line-height: 1.5;\n }\n\n \/* === التايم لاين والنتائج === *\/\n .caf-timeline {\n position: relative;\n padding-right: 35px;\n margin: 50px 0;\n }\n\n .caf-timeline::before {\n content: '';\n position: absolute;\n top: 0;\n right: 15px;\n width: 3px;\n height: 100%;\n background: linear-gradient(180deg, var(--caf-gold-main), transparent);\n border-radius: 3px;\n }\n\n .caf-timeline-item {\n position: relative;\n margin-bottom: 30px;\n background: rgba(255,255,255,0.02);\n border: 1px solid var(--caf-border);\n padding: 25px;\n border-radius: 16px;\n text-align: right;\n transition: all 0.3s;\n }\n\n .caf-timeline-item:hover {\n background: rgba(212, 175, 55, 0.05);\n transform: translateX(-10px);\n border-color: rgba(212, 175, 55, 0.4);\n }\n\n .caf-timeline-item::before {\n content: '';\n position: absolute;\n top: 35px;\n right: -23px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: var(--caf-gold-main);\n box-shadow: 0 0 15px var(--caf-gold-main);\n border: 3px solid var(--caf-bg-dark);\n }\n\n \/* === خطوات الاستخدام === *\/\n .caf-steps-wrap {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 50px;\n }\n\n .caf-step-box {\n background: rgba(0,0,0,0.5);\n border: 1px solid var(--caf-border);\n padding: 35px 20px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s;\n }\n\n .caf-step-box:hover {\n border-color: var(--caf-gold-main);\n transform: translateY(-5px);\n background: rgba(212, 175, 55, 0.05);\n }\n\n .caf-step-num {\n width: 50px;\n height: 50px;\n background: var(--caf-bg-dark);\n border: 2px solid var(--caf-gold-main);\n color: var(--caf-gold-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n font-weight: bold;\n margin: 0 auto 20px;\n box-shadow: 0 0 15px var(--caf-gold-glow);\n }\n\n \/* === Animations === *\/\n .caf-reveal {\n opacity: 0;\n transform: translateY(40px) scale(0.98);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .caf-reveal.caf-active {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n\n .caf-delay-1 { transition-delay: 0.1s; }\n .caf-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .caf-hero { padding: 10px 0 20px; }\n .caf-synergy-plus { transform: rotate(90deg); }\n .caf-timeline { padding-right: 25px; }\n .caf-timeline::before { right: 10px; }\n .caf-timeline-item::before { right: -17px; width: 12px; height: 12px; top: 30px;}\n }\n \u003c\/style\u003e\n\n \u003c!-- الجسيمات المتوهجة في الخلفية --\u003e\n \u003cdiv class=\"caf-ambient-particles\" id=\"caf-particles\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"caf-container\"\u003e\n \n \u003c!-- 1. Hero Section --\u003e\n \u003cdiv class=\"caf-hero caf-reveal caf-active\"\u003e\n \u003cdiv class=\"caf-badge\"\u003eإكسير إيقاظ محيط العين\u003c\/div\u003e\n \u003ch1 class=\"caf-title-glow\"\u003eكابوس الهالات السوداء والانتفاخات انتهى: \u003cbr\u003e\u003cspan\u003e\"فنجان قهوة مركز\" يوقظ عيناكِ في ثوانٍ!\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \u003cp class=\"caf-hero-subtitle\"\u003e\n مهما نمتِ لـ 8 ساعات، تظلين تبدين متعبة؟ الكونسيلر يتكتل ولا يغطي السواد؟ \n \u003cstrong style=\"color: #fff;\"\u003eالمشكلة ليست في عدد ساعات نومك، المشكلة في الدورة الدموية تحت عينيكِ.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2. The Problem --\u003e\n \u003cdiv class=\"caf-glass-box caf-reveal\"\u003e\n \u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003eلماذا تفشل كريمات العين العادية؟\u003c\/h2\u003e\n \u003cp style=\"color: var(--caf-text-muted); font-size: 1.1rem; line-height: 1.8;\"\u003e\n معظم كريمات العين ترطب السطح فقط. لكن السواد الذي ترينه هو في الحقيقة \"دم محتقن\" بسبب ضعف الدورة الدموية، والانتفاخ هو مجرد \"سوائل محتبسة\" تحت الجلد الرقيق جداً أسفل العين. الترطيب وحده لن يعالج هذه المشكلة الهيكلية.\n \u003c\/p\u003e\n \u003cdiv style=\"border-top: 1px dashed var(--caf-border); padding-top: 25px; margin-top: 25px;\"\u003e\n \u003cp style=\"color: var(--caf-gold-light); font-size: 1.25rem; font-weight: bold;\"\u003eالحل الطبي المباشر: Caffeine Solution 5% + EGCG\u003c\/p\u003e\n \u003cp style=\"color: #fff; font-size: 1.05rem; margin-top: 10px;\"\u003e\n أنتِ لست بحاجة إلى مرطب.. أنتِ بحاجة إلى محفز بيولوجي يسحب السوائل ويفكك التصبغات بقوة التركيزات العالية من The Ordinary.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 3. The Synergy UVP (The Golden Equation) --\u003e\n \u003ch2 class=\"caf-section-title caf-reveal\"\u003eالمعادلة التي صدمت أطباء الجلدية\u003c\/h2\u003e\n \u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted); margin-bottom: 20px;\"\u003eسر الفعالية الجبارة يكمن في دمج أقوى مكونين في عالم العناية بالعين:\u003c\/p\u003e\n \n \u003cdiv class=\"caf-synergy-box caf-reveal\"\u003e\n \u003cdiv class=\"caf-synergy-equation\"\u003e\n \u003cdiv class=\"caf-synergy-item\"\u003e\n \u003ch3 style=\"color: var(--caf-gold-light); font-size: 1.5rem; margin-bottom: 10px;\"\u003e☕ الكافيين 5%\u003c\/h3\u003e\n \u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003eلوحده بيسحب السوائل المحتبسة، يضيق الأوعية الدموية، ويفش الانتفاخات الصباحية (البافينس) فوراً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caf-synergy-plus\"\u003e+\u003c\/div\u003e\n \u003cdiv class=\"caf-synergy-item\" style=\"border-color: var(--caf-tea-green);\"\u003e\n \u003ch3 style=\"color: var(--caf-tea-green); font-size: 1.5rem; margin-bottom: 10px;\"\u003e🌿 EGCG الشاي الأخضر\u003c\/h3\u003e\n \u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003eلوحده بيفتت التصبغات الغامقة تحت الجلد، ويحمي من الأكسدة اللي بتسبب اللون البني والأزرق.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caf-synergy-result\"\u003e\n = الثنائي الأقوى عالمياً لمسح الهالات والانتفاخات كأنها لم تكن!\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 4. Clinical Results --\u003e\n \u003ch2 class=\"caf-section-title caf-reveal\"\u003eأرقام تتحدث عن نفسها\u003c\/h2\u003e\n \u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted);\"\u003eبناءً على تقييمات سريرية للمستخدمين بعد 6 أسابيع من الاستخدام المنتظم:\u003c\/p\u003e\n \n \u003cdiv class=\"caf-stats-wrap caf-reveal\"\u003e\n \u003cdiv class=\"caf-stat-item\"\u003e\n \u003cdiv class=\"caf-stat-num\"\u003e87%\u003c\/div\u003e\n \u003cdiv class=\"caf-stat-desc\"\u003eتراجع ملحوظ في الهالات والتصبغات الداكنة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caf-stat-item\"\u003e\n \u003cdiv class=\"caf-stat-num\"\u003e92%\u003c\/div\u003e\n \u003cdiv class=\"caf-stat-desc\"\u003eتقليل جذري لانتفاخات وأكياس تحت العين\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caf-stat-item\"\u003e\n \u003cdiv class=\"caf-stat-num\"\u003e95%\u003c\/div\u003e\n \u003cdiv class=\"caf-stat-desc\"\u003eزيادة في إشراق وتوهج محيط العين بالكامل\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 5. Benefits Grid --\u003e\n \u003ch2 class=\"caf-section-title caf-reveal\"\u003eماذا سيقدم \"سيروم الكافيين\" لعينيكِ؟\u003c\/h2\u003e\n \u003cdiv class=\"caf-grid\"\u003e\n \u003cdiv class=\"caf-card caf-reveal\"\u003e\n \u003cdiv class=\"caf-icon\"\u003e👁️\u003c\/div\u003e\n \u003ch3\u003eتفريغ \"الأكياس\" الصباحية\u003c\/h3\u003e\n \u003cp\u003eوداعاً للعيون المنتفخة عند الاستيقاظ. الكافيين عالي التركيز يحفز التصريف الليمفاوي لتفريغ السوائل المحتبسة في دقائق.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caf-card caf-reveal caf-delay-1\"\u003e\n \u003cdiv class=\"caf-icon\"\u003e🔆\u003c\/div\u003e\n \u003ch3\u003eأستيكة التصبغات الوراثية\u003c\/h3\u003e\n \u003cp\u003eمستخلص الـ EGCG النقي من أوراق الشاي الأخضر يستهدف الميلانين والأكسدة لتوحيد لون محيط العين وتفتيحه درجات ملحوظة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caf-card caf-reveal caf-delay-2\"\u003e\n \u003cdiv class=\"caf-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eدرع حماية ضد الترهل\u003c\/h3\u003e\n \u003cp\u003eالتركيبة المعززة بمضادات الأكسدة تحمي الكولاجين الرقيق جداً حول العين من التكسر بسبب الشاشات والتلوث.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caf-card caf-reveal\"\u003e\n \u003cdiv class=\"caf-icon\"\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\n \u003c!-- 6. Timeline of Results --\u003e\n \u003ch2 class=\"caf-section-title caf-reveal\"\u003eرحلة التحول: من الإرهاق إلى النضارة\u003c\/h2\u003e\n \n \u003cdiv class=\"caf-timeline caf-reveal\"\u003e\n \u003cdiv class=\"caf-timeline-item\"\u003e\n \u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eبعد الاستخدام الأول\u003c\/h4\u003e\n \u003cp style=\"color: var(--caf-text-muted);\"\u003eإحساس فوري بالبرودة والشد الطفيف. تراجع سريع في الانتفاخات الصباحية لتنظري في المرآة وتجدي عينيك \"مستيقظة\" تماماً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caf-timeline-item\"\u003e\n \u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eبعد أسبوعين\u003c\/h4\u003e\n \u003cp style=\"color: var(--caf-text-muted);\"\u003eاللون الداكن المزرق\/البني يبدأ في البهتان. محيط العين يبدو أكثر إشراقاً، وكمية الكونسيلر التي تحتاجينها تقل تدريجياً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caf-timeline-item\"\u003e\n \u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eبعد شهر كامل\u003c\/h4\u003e\n \u003cp style=\"color: var(--caf-text-muted);\"\u003eتحول حقيقي في مظهر الإرهاق. الهالات العنيدة تتلاشى بشكل ملحوظ، ومحيط العين مشدود، صافٍ، ويعكس الصحة والنضارة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 7. Usage Guide --\u003e\n \u003ch2 class=\"caf-section-title caf-reveal\"\u003eخطوات بسيطة لنتائج جبارة\u003c\/h2\u003e\n \n \u003cdiv class=\"caf-steps-wrap caf-reveal\"\u003e\n \u003cdiv class=\"caf-step-box\"\u003e\n \u003cdiv class=\"caf-step-num\"\u003e1\u003c\/div\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eالتنظيف\u003c\/h4\u003e\n \u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eاغسلي وجهك جيداً وتأكدي من جفاف منطقة محيط العين تماماً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caf-step-box caf-delay-1\"\u003e\n \u003cdiv class=\"caf-step-num\"\u003e2\u003c\/div\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eقطرة واحدة\u003c\/h4\u003e\n \u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eضعي قطرة إلى قطرتين كحد أقصى على أطراف أصابعك (كمية قليلة تكفي جداً).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caf-step-box caf-delay-2\"\u003e\n \u003cdiv class=\"caf-step-num\"\u003e3\u003c\/div\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eالطبطبة\u003c\/h4\u003e\n \u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eوزعي السيروم بطبطبة خفيفة (من الداخل للخارج) حول عظمة العين حتى يُمتص.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caf-step-box caf-delay-3\"\u003e\n \u003cdiv class=\"caf-step-num\"\u003e4\u003c\/div\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eالاستمرارية\u003c\/h4\u003e\n \u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eاستخدميه مرتين يومياً (صباحاً ومساءً). أتبعيه بمرطب خفيف للعين إذا استلزم الأمر.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 8. Final CTA --\u003e\n \u003cdiv class=\"caf-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.1)); border-radius: 20px; border: 1px solid var(--caf-border);\"\u003e\n \u003ch2 class=\"caf-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eلا تدعي الإرهاق يسرق جمال عينيكِ!\u003c\/h2\u003e\n \n \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n بدلاً من إنفاق أموالك على كونسيلر جديد يخفي المشكلة، استثمري في تركيبة علمية تعالج المشكلة من الجذور.\n \u003c\/p\u003e\n \u003cp style=\"color: var(--caf-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--caf-gold-glow);\"\u003e\n اطلبي سيروم الكافيين 5% + EGCG الأصلي الآن، وأعيدي لعينيكِ إشراقتها الحقيقية!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ Scroll Reveal Animation Logic\n var reveals = document.querySelectorAll('.caf-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('caf-active');\n observer.unobserve(entry.target); \n }\n });\n }, {\n root: null,\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n });\n\n reveals.forEach(function(reveal) {\n reveal.classList.remove('caf-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Generate Ambient Caffeine Drops\n var ambientContainer = document.getElementById('caf-particles');\n var particleCount = 20; \n \n for (var i = 0; i \u003c particleCount; i++) {\n var particle = document.createElement('div');\n particle.classList.add('caf-particle');\n \n var size = Math.random() * 30 + 10; \n var left = Math.random() * 100; \n var duration = Math.random() * 15 + 10; \n var delay = Math.random() * 10; \n \n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = left + '%';\n particle.style.animationDuration = duration + 's';\n particle.style.animationDelay = delay + 's';\n \n ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40639739134149,"sku":"INSTA0542CHIQ","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/theordinarycaffeinesolution.jpg?v=1702042424"},{"product_id":"the-ordinary-peeling-solution","title":"the ordinary مقشر الأحماض AHA 30% BHA 2% | تقشير | نضارة | تفتيح | مضاد للتصبغات","description":"\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Add hover effects to timeline cards\n const timelineCards = document.querySelectorAll('.timeline-card');\n \n timelineCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px)';\n this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)';\n this.style.transition = 'all 0.3s ease';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n this.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.08)';\n });\n });\n \n \/\/ Animate timeline cards on scroll\n function isInViewport(element) {\n const rect = element.getBoundingClientRect();\n return (\n rect.top \u003c= (window.innerHeight || document.documentElement.clientHeight) * 0.8 \u0026\u0026\n rect.bottom \u003e= 0\n );\n }\n \n function handleTimelineAnimation() {\n timelineCards.forEach((card, index) =\u003e {\n if (isInViewport(card) \u0026\u0026 !card.classList.contains('animated')) {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n card.classList.add('animated');\n }, index * 200);\n }\n });\n }\n \n \/\/ Initial setup - hide all cards\n timelineCards.forEach(card =\u003e {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n });\n \n \/\/ Check on load and scroll\n handleTimelineAnimation();\n window.addEventListener('scroll', handleTimelineAnimation);\n \n \/\/ Reviews Slider\n const reviewItems = document.querySelectorAll('.review-item');\n const dots = document.querySelectorAll('.dot');\n let currentIndex = 0;\n \n function showReview(index) {\n \/\/ Hide all reviews\n reviewItems.forEach(item =\u003e {\n item.style.display = 'none';\n });\n \n \/\/ Remove active class from all dots\n dots.forEach(dot =\u003e {\n dot.classList.remove('active');\n });\n \n \/\/ Show current review and activate dot\n reviewItems[index].style.display = 'block';\n dots[index].classList.add('active');\n }\n \n \/\/ Initialize with first review visible\n showReview(0);\n \n \/\/ Add click event to dots\n dots.forEach((dot, index) =\u003e {\n dot.addEventListener('click', function() {\n currentIndex = index;\n showReview(currentIndex);\n });\n });\n \n \/\/ Auto slide every 5 seconds\n setInterval(() =\u003e {\n currentIndex = (currentIndex + 1) % reviewItems.length;\n showReview(currentIndex);\n }, 5000);\n \n \/\/ Add hover effects to instant result items\n const instantItems = document.querySelectorAll('.instant-result-item');\n \n instantItems.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px)';\n this.style.boxShadow = '0 8px 15px rgba(0, 0, 0, 0.1)';\n this.style.transition = 'all 0.3s ease';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n this.style.boxShadow = '0 3px 10px rgba(0, 0, 0, 0.05)';\n });\n });\n});\n\u003c\/script\u003e\u003cdiv class=\"peeling-container\"\u003e\n \u003c!-- Header Section --\u003e\n \u003cdiv class=\"product-header\"\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The-Orinary-AHA-BHA_egypt.webp?v=1745951507\" alt=\"ذا أورديناري مقشر الأحماض\"\u003e\n \u003c\/div\u003e\n \u003ch1 class=\"main-title\"\u003eالمقشر الكيميائي الذي سيخلصك من كل مشكلة تواجهها في بشرتك\u003c\/h1\u003e\n \u003c\/div\u003e\n\n \u003c!-- Instant Results Section --\u003e\n \u003cdiv class=\"instant-results\"\u003e\n \u003ch2 class=\"section-title\"\u003eنتائج لحظية!\u003c\/h2\u003e\n \u003cdiv class=\"instant-results-grid\"\u003e\n \u003cdiv class=\"instant-result-item\"\u003e\n \u003cdiv class=\"instant-icon\"\u003e\n \u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M12 17V21\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3V7\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M17 12H21\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M3 12H7\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 16L18.5 18.5\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M5.5 5.5L8 8\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 8L18.5 5.5\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M5.5 18.5L8 16\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3\u003eإشراقة فورية\u003c\/h3\u003e\n \u003cp\u003eبشرة متألقة ومشرقة مباشرة بعد غسل المقشر\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"instant-result-item\"\u003e\n \u003cdiv class=\"instant-icon\"\u003e\n \u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 6V12L16 14\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3\u003eتفتيح لحظي\u003c\/h3\u003e\n \u003cp\u003eتفتيح فوري للبشرة وتوحيد لونها بشكل ملحوظ\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"instant-result-item\"\u003e\n \u003cdiv class=\"instant-icon\"\u003e\n \u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M8 14C8 14 9.5 16 12 16C14.5 16 16 14 16 14\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 10H9.01\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M15 10H15.01\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3\u003eنضارة لحظية\u003c\/h3\u003e\n \u003cp\u003eكشف فوري عن البشرة النضرة الشابة المخفية تحت خلايا الجلد الميتة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"instant-result-item\"\u003e\n \u003cdiv class=\"instant-icon\"\u003e\n \u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M3.27 6.96L12 12.01L20.73 6.96\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 22.08V12\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M21 16.5V7.5C20.9992 7.18001 20.9071 6.86831 20.7345 6.60232C20.5618 6.33634 20.3161 6.12868 20.03 6.005L12.53 2.265C12.3719 2.19245 12.1971 2.15472 12.02 2.15472C11.8429 2.15472 11.6681 2.19245 11.51 2.265L4.01 6.005C3.72386 6.12868 3.47825 6.33634 3.30552 6.60232C3.13279 6.86831 3.04075 7.18001 3 7.5V16.5C3.04075 16.82 3.13279 17.1317 3.30552 17.3977C3.47825 17.6637 3.72386 17.8713 4.01 17.995L11.51 21.735C11.6681 21.8075 11.8429 21.8453 12.02 21.8453C12.1971 21.8453 12.3719 21.8075 12.53 21.735L20.03 17.995C20.3161 17.8713 20.5618 17.6637 20.7345 17.3977C20.9071 17.1317 20.9992 16.82 21 16.5Z\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3\u003eمسام نظيفة\u003c\/h3\u003e\n \u003cp\u003eتنظيف عميق للمسام وإزالة الرؤوس السوداء فوراً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"instant-message\"\u003e\n \u003cp\u003eبعد غسلك للمحلول من على بشرتك ستتفاجأ بمظهرها! ستكتشف أن الجلد الميت كان يغطي على طبقة نضرة وشابة وأنت كنت تمنعها عن الظهور. لا تجعل جلدك الميت يعبر عن بشرتك!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits List --\u003e\n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالفوائد الرئيسية\u003c\/h2\u003e\n \u003cul class=\"benefits-list\"\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 \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 \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\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"how-it-works\"\u003e\n \u003ch2 class=\"section-title\"\u003eكيف يعمل؟\u003c\/h2\u003e\n \u003cdiv class=\"ingredients\"\u003e\n \u003cdiv class=\"ingredient-item\"\u003e\n \u003ch3\u003eحمض الجلايكوليك (Glycolic Acid)\u003c\/h3\u003e\n \u003cp\u003eيعد حمض الجلايكوليك من أنواع الأحماض ألفا هيدروكسي (AHAs). يعمل على تقشير البشرة من خلال تفتيت وإزالة الروابط بين خلايا الجلد القديمة والميتة. هذا يعزز تجديد البشرة وتحسين نسيجها.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-item\"\u003e\n \u003ch3\u003eحمض اللاكتيك (Lactic Acid)\u003c\/h3\u003e\n \u003cp\u003eهذا الحمض الآخر من أنواع AHAs يساهم في تحسين نسيج البشرة وتفتيحها. يعمل بطريقة مشابهة لحمض الجلايكوليك في التقشير وتنعيم البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-item\"\u003e\n \u003ch3\u003eحمض الساليسيليك (Salicylic Acid)\u003c\/h3\u003e\n \u003cp\u003eهذا هو حمض البيتا هيدروكسي (BHA) ويعتبر مذيبًا للزيوت. يمكن لحمض الساليسيليك التسلل إلى المسام وتنظيفها من الدهون والشوائب. يعمل أيضًا على تقليل الرؤوس السوداء والبيضاء وتحسين مظهر المسام.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-item\"\u003e\n \u003ch3\u003eهيالورونات الصوديوم (Sodium Hyaluronate)\u003c\/h3\u003e\n \u003cp\u003eتعد هذه المادة الهيالورونية جزءًا من مركب الهيالورونيك. تمتلك قدرة على جذب واحتجاز الماء، مما يساعد في ترطيب البشرة وجعلها تبدو أكثر امتلاءً ونعومة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-item\"\u003e\n \u003ch3\u003eفربوليزين (Tasmanian Pepperberry)\u003c\/h3\u003e\n \u003cp\u003eهذا المستخلص النباتي يستخدم لتقليل الاحتقان والتهيج الجلدي. يمكن أن يكون له تأثير تهدئة على البشرة ومساعدة في تخفيف الحساسية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"product-visual\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_aha_bha_peeling_solution_egypt.png?v=1745951545\" alt=\"ذا أورديناري مقشر الأحماض\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Results Timeline - Simplified --\u003e\n \u003cdiv class=\"results-journey-simple\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة تحول البشرة\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-simple\"\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"time-badge\"\u003eفوراً\u003c\/div\u003e\n \u003ch3\u003eنتائج لحظية\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-body\"\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 \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"time-badge\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003ch3\u003eالبداية المذهلة\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-body\"\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 \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"time-badge\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003ch3\u003eتحسن ملحوظ\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-body\"\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 \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"time-badge\"\u003eبعد شهر\u003c\/div\u003e\n \u003ch3\u003eتغيير جذري\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-body\"\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 \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"time-badge\"\u003eبعد شهرين\u003c\/div\u003e\n \u003ch3\u003eبشرة مثالية\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-body\"\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 \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Comparison Table --\u003e\n \u003cdiv class=\"comparison-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eأفضل من المقشرات الفيزيائية و جلسات التقشير!\u003c\/h2\u003e\n \u003cp class=\"comparison-intro\"\u003eتقشير أحماض الفواكه سيعطيك نتائج أفضل من جلسات التقشير في أغلى صالونات التجميل من منزلك و بربع التكلفة\u003c\/p\u003e\n \n \u003cdiv class=\"comparison-table\"\u003e\n \u003ctable dir=\"rtl\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003cth\u003eالتقشير الفيزيائي\u003c\/th\u003e\n \u003cth\u003eالتقشير الكيميائي\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eيعتمد على مواد خشنة أو أدوات ميكانيكية لإزالة الجلد العلوي.\u003c\/td\u003e\n \u003ctd\u003eيستخدم مواد كيميائية خاصة لإزالة الطبقة العلوية من الجلد.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eقد يكون مؤلمًا ويسبب حساسية للبشرة.\u003c\/td\u003e\n \u003ctd\u003eمناسب لجميع أنواع البشرة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eقد يترك علامات وتصبغات دائمة على البشرة.\u003c\/td\u003e\n \u003ctd\u003eيعالج مشاكل الجلد مثل البقع والتصبغات ويحسن نسيج و ملمس البشرة.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eيتطلب وقتًا للشفاء واستعادة البشرة.\u003c\/td\u003e\n \u003ctd\u003eيتمتع بوقت شفاء سريع ولا يترك أي أثر  \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eتتطلب الجلسات تخصيص قدر كبير من الوقت و تكلف قدر كبير من المال في الجلسة الواحدة\u003c\/td\u003e\n \u003ctd\u003e موفر للوقت و المال ستكفيك العبوة أكثر من 8 شهور\u003cbr\u003e\n\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Reviews Section --\u003e\n \u003cdiv class=\"reviews-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eأراء المستخدمين حول The Ordinary مقشر الاحماض\u003c\/h2\u003e\n \n \u003cdiv class=\"reviews-slider\"\u003e\n \u003cdiv class=\"review-item\"\u003e\n \u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n \u003cp\u003eأجمعت المستخدمات على أن هذا المقشر من ذا اورديناري رائع لتخلص من حب الشباب ويعمل كالسحر. يضيء البشرة ويتركها ناعمة وحريرية. العيب الوحيد في هذا المنتج هو أنه يحرق قليلاً في بعض الأحيان.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"review-item\"\u003e\n \u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n \u003cp\u003eأكدت المستخدمات أنه تقشير مثالي للوجه للاستخدام الأسبوعي، يحرق قليلًا في البداية ولكنه له خصائص تفتيح البشرة بشكل كبير ويمكن رؤية فرق كبير في التصبغات بعد استخدامه.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"review-item\"\u003e\n \u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n \u003cp\u003eقالت مستخدمة أن هذا المنتج مدهش وقلل حب الشباب لديها بشكل كبير وكذلك الرؤوس السوداء والندبات الناتجة عن الحبوب.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"review-item\"\u003e\n \u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n \u003cp\u003eذكرت مستخدمة أنها تطبق هذا مرة واحدة في الأسبوع وشهدت تحسنًا ملحوظًا في التصبغ، بالإضافة إلى انخفاض في حجم المسام. إنه ذو رائحة خفيفة للغاية وسائل للغاية ولا تحتاج إلا إلى القليل منه، لذا فإن 30 مل قد تدوم طويلاً.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"review-item\"\u003e\n \u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n \u003cp\u003eقالت مستخدمة أنه منتج رائع لإزالة خلايا الجلد الميتة. ترك الجلد أنعم. شهدت تحسنًا كبيرًا في لون بشرتي وتوحيدها.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"reviews-dots\"\u003e\n \u003cspan class=\"dot active\"\u003e\u003c\/span\u003e\n \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* Base Styles *\/\n.peeling-container {\n direction: rtl;\n\n max-width: 100%;\n margin: 0 auto;\n padding: 0;\n overflow-x: hidden;\n color: #333;\n}\n\n\/* Typography *\/\nh1, h2, h3, p, ul, li {\n margin: 0;\n padding: 0;\n}\n\n.main-title {\n font-size: 1.5rem;\n line-height: 1.4;\n font-weight: bold;\n color: #9C8102;\n margin: 15px 0;\n text-align: center;\n padding: 0 10px;\n}\n\n.section-title {\n font-size: 1.4rem;\n color: #9C8102;\n text-align: center;\n margin-bottom: 20px;\n padding-bottom: 10px;\n position: relative;\n}\n\n.section-title:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n}\n\n\/* Header Section *\/\n.product-header {\n margin-bottom: 20px;\n text-align: center;\n}\n\n.product-image img {\n width: 100%;\n max-width: 400px;\n height: auto;\n margin: 0 auto;\n display: block;\n}\n\n\/* Instant Results Section *\/\n.instant-results {\n background-color: #f9f9f9;\n padding: 20px 15px;\n border-radius: 10px;\n margin-bottom: 30px;\n}\n\n.instant-results-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n margin-bottom: 20px;\n}\n\n.instant-result-item {\n background-color: white;\n border-radius: 8px;\n padding: 15px;\n text-align: center;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.instant-icon {\n margin-bottom: 10px;\n}\n\n.instant-result-item h3 {\n font-size: 1rem;\n margin-bottom: 8px;\n color: #9C8102;\n}\n\n.instant-result-item p {\n font-size: 0.85rem;\n color: #666;\n line-height: 1.4;\n}\n\n.instant-message {\n background-color: #fffbeb;\n border: 1px solid #9C8102;\n border-radius: 8px;\n padding: 15px;\n font-size: 0.9rem;\n line-height: 1.5;\n color: #333;\n}\n\n\/* Benefits List *\/\n.benefits-section {\n padding: 0 15px;\n margin-bottom: 30px;\n}\n\n.benefits-list {\n list-style: none;\n padding: 0;\n}\n\n.benefits-list li {\n position: relative;\n padding-right: 25px;\n margin-bottom: 12px;\n font-size: 0.95rem;\n line-height: 1.4;\n}\n\n.benefits-list li:before {\n content: '';\n position: absolute;\n right: 0;\n top: 6px;\n width: 12px;\n height: 12px;\n background-color: #9C8102;\n border-radius: 50%;\n}\n\n\/* How It Works Section *\/\n.how-it-works {\n padding: 20px 15px;\n background-color: #f9f9f9;\n border-radius: 10px;\n margin-bottom: 30px;\n}\n\n.ingredients {\n display: flex;\n flex-direction: column;\n gap: 15px;\n}\n\n.ingredient-item {\n background-color: white;\n border-radius: 8px;\n padding: 15px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.ingredient-item h3 {\n font-size: 1rem;\n color: #9C8102;\n margin-bottom: 8px;\n}\n\n.ingredient-item p {\n font-size: 0.9rem;\n color: #666;\n line-height: 1.5;\n}\n\n\/* Product Visual *\/\n.product-visual {\n text-align: center;\n margin: 30px 0;\n}\n\n.product-visual img {\n max-width: 90%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Results Journey *\/\n.results-journey {\n padding: 30px 15px;\n margin-bottom: 30px;\n background: linear-gradient(to bottom, #fff, #f9f9f9);\n}\n\n.journey-timeline {\n position: relative;\n padding-right: 30px;\n}\n\n.timeline-marker {\n position: absolute;\n top: 0;\n right: 15px;\n width: 2px;\n height: 100%;\n background: linear-gradient(to bottom, #9C8102, rgba(156, 129, 2, 0.3));\n border-radius: 1px;\n}\n\n.timeline-item {\n position: relative;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.timeline-item.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.time-dot {\n position: absolute;\n top: 0;\n right: -30px;\n width: 20px;\n height: 20px;\n background-color: #9C8102;\n border-radius: 50%;\n z-index: 2;\n box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n}\n\n.time-label {\n position: absolute;\n top: 0;\n right: -110px;\n background-color: #9C8102;\n color: white;\n padding: 3px 10px;\n border-radius: 12px;\n font-size: 0.8rem;\n font-weight: bold;\n}\n\n\/* Simplified Timeline Style *\/\n.results-journey-simple {\n padding: 30px 15px;\n margin-bottom: 30px;\n}\n\n.timeline-simple {\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.timeline-card {\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n}\n\n.timeline-header {\n background-color: #f9f9f9;\n padding: 15px;\n border-bottom: 1px solid #eee;\n position: relative;\n}\n\n.time-badge {\n position: absolute;\n top: 15px;\n left: 15px;\n background-color: #9C8102;\n color: white;\n padding: 5px 12px;\n border-radius: 15px;\n font-size: 0.9rem;\n font-weight: bold;\n}\n\n.timeline-header h3 {\n margin: 0;\n color: #9C8102;\n font-size: 1.2rem;\n padding-right: 10px;\n}\n\n.timeline-body {\n padding: 15px;\n}\n\n.timeline-body ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.timeline-body li {\n position: relative;\n padding-right: 20px;\n margin-bottom: 10px;\n font-size: 0.95rem;\n line-height: 1.5;\n}\n\n.timeline-body li:before {\n content: '';\n position: absolute;\n right: 0;\n top: 7px;\n width: 8px;\n height: 8px;\n background-color: #9C8102;\n border-radius: 50%;\n}\n\n.timeline-body li:last-child {\n margin-bottom: 0;\n}\n\n\/* Comparison Table *\/\n.comparison-section {\n padding: 20px 15px;\n margin-bottom: 30px;\n}\n\n.comparison-intro {\n text-align: center;\n margin-bottom: 20px;\n font-size: 0.95rem;\n line-height: 1.5;\n color: #333;\n}\n\n.comparison-table {\n margin: 0 auto 30px;\n width: 100%;\n overflow-x: auto;\n}\n\n.comparison-table table {\n width: 100%;\n border-collapse: collapse;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n overflow: hidden;\n}\n\n.comparison-table th {\n background-color: #9C8102;\n color: white;\n padding: 12px 15px;\n text-align: center;\n font-weight: bold;\n font-size: 1rem;\n}\n\n.comparison-table td {\n padding: 12px 15px;\n border-bottom: 1px solid #e0e0e0;\n font-size: 0.9rem;\n line-height: 1.5;\n}\n\n.comparison-table tr:last-child td {\n border-bottom: none;\n}\n\n.comparison-table tr:nth-child(odd) {\n background-color: white;\n}\n\n.comparison-table tr:nth-child(even) {\n background-color: #f9f9f9;\n}\n\n.comparison-table th:first-child, \n.comparison-table td:first-child {\n border-left: 1px solid #e0e0e0;\n}\n\n.comparison-table td:last-child {\n background-color: #fffbeb;\n font-weight: 500;\n}\n\n@keyframes pulse {\n 0% {\n box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4);\n }\n 70% {\n box-shadow: 0 0 0 10px rgba(156, 129, 2, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(156, 129, 2, 0);\n }\n}\n\n\/* Reviews Section *\/\n.reviews-section {\n padding: 20px 15px 30px;\n margin-bottom: 30px;\n background-color: #f9f9f9;\n border-radius: 10px;\n}\n\n.reviews-slider {\n position: relative;\n overflow: hidden;\n}\n\n.review-item {\n position: relative;\n background-color: white;\n border-radius: 8px;\n padding: 20px 15px 15px;\n margin: 0 5px 15px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.review-quote {\n position: absolute;\n top: 5px;\n right: 10px;\n font-size: 2rem;\n color: #9C8102;\n opacity: 0.3;\n font-family: serif;\n}\n\n.review-item p {\n font-size: 0.9rem;\n line-height: 1.6;\n color: #333;\n text-align: justify;\n}\n\n.reviews-dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n}\n\n.dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ddd;\n cursor: pointer;\n}\n\n.dot.active {\n background-color: #9C8102;\n}\n\n@media (max-width: 480px) {\n .main-title {\n font-size: 1.3rem;\n }\n \n .section-title {\n font-size: 1.2rem;\n }\n \n .instant-results-grid {\n grid-template-columns: 1fr;\n }\n \n .time-label {\n right: -90px;\n font-size: 0.75rem;\n }\n \n .comparison-table th,\n .comparison-table td {\n padding: 10px 8px;\n font-size: 0.8rem;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .instant-results-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (min-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n \n .instant-results-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n \n .ingredients {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* Animations *\/\n@keyframes pulse {\n 0% {\n transform: scale(1);\n box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4);\n }\n 70% {\n transform: scale(1.05);\n box-shadow: 0 0 0 10px rgba(156, 129, 2, 0);\n }\n 100% {\n transform: scale(1);\n box-shadow: 0 0 0 0 rgba(156, 129, 2, 0);\n }\n}\n\n.time-dot {\n animation: pulse 2s infinite;\n}\n\n.timeline-\u003c\/style\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40639760564421,"sku":"INSTA0545CHIQ","price":740.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Theordinarypeelingsolutionahabha..jpg?v=1698236228"},{"product_id":"the-ordinary-lactic-acid-30ml","title":"The ordinary حمض اللاكتيك 5% والهياليرونيك 30 ملل | مقشر | مرطب | مضاد للأكسدة والتجاعيد","description":"\u003cstyle\u003e\n .ordinary-container {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n background: #fff;\n direction: rtl;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 60px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n animation: shimmer 10s infinite;\n }\n\n @keyframes shimmer {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n\n .hero-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n margin-bottom: 40px;\n opacity: 0;\n transform: scale(0.9);\n animation: zoomIn 1.2s 0.3s forwards;\n }\n\n @keyframes zoomIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .main-title {\n font-size: 2.6em;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.2s forwards;\n }\n\n .subtitle {\n font-size: 1.5em;\n color: #666;\n margin-bottom: 30px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.4s forwards;\n line-height: 1.4;\n }\n\n .pharaoh-intro {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n position: relative;\n }\n\n .pharaoh-intro::before {\n content: '👑';\n position: absolute;\n top: 20px;\n left: 30px;\n font-size: 2em;\n opacity: 0.3;\n }\n\n .pharaoh-intro h2 {\n color: #9C8102;\n font-size: 2.2em;\n margin-bottom: 25px;\n }\n\n .pharaoh-intro p {\n font-size: 1.2em;\n line-height: 1.8;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .why-lactic-section {\n padding: 60px 30px;\n background: white;\n }\n\n .comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .comparison-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.4s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n }\n\n .comparison-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .comparison-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #dfb919;\n }\n\n .comparison-icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .comparison-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .comparison-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: center;\n }\n\n .benefits-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 35px;\n margin-top: 40px;\n }\n\n .benefit-card {\n background: white;\n padding: 35px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.4s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n }\n\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #9C8102;\n }\n\n .benefit-icon {\n font-size: 3.5em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 10px;\n text-align: center;\n }\n\n .benefit-subtitle {\n color: #999;\n font-size: 1.1em;\n font-weight: 600;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: right;\n }\n\n .gentle-formula-section {\n padding: 60px 30px;\n background: white;\n }\n\n .formula-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .formula-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .formula-info {\n background: #f8f9fa;\n padding: 40px;\n border-radius: 20px;\n border: 1px solid #e9ecef;\n }\n\n .formula-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n }\n\n .formula-feature h4 {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .science-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .science-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .science-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .science-info {\n background: white;\n padding: 40px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .science-info::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .ph-meter {\n background: linear-gradient(90deg, #ff4757, #ffa502, #2ed573);\n height: 20px;\n border-radius: 10px;\n position: relative;\n margin: 20px 0;\n }\n\n .ph-indicator {\n position: absolute;\n top: -5px;\n left: 20%;\n width: 30px;\n height: 30px;\n background: #9C8102;\n border-radius: 50%;\n border: 3px solid white;\n box-shadow: 0 2px 10px rgba(0,0,0,0.3);\n }\n\n .ph-label {\n text-align: center;\n margin-top: 10px;\n font-weight: 700;\n color: #9C8102;\n }\n\n .ingredients-section {\n padding: 60px 30px;\n background: white;\n }\n\n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .ingredient-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .ingredient-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .ingredient-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .ingredient-name {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .usage-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .usage-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .usage-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .usage-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .usage-steps {\n list-style: none;\n padding: 0;\n }\n\n .usage-steps li {\n padding: 12px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 35px;\n }\n\n .usage-steps li::before {\n content: attr(data-step);\n position: absolute;\n right: 0;\n top: 12px;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n text-align: center;\n line-height: 25px;\n font-size: 0.85em;\n font-weight: 700;\n }\n\n .warning-card {\n background: #fff3cd;\n border: 2px solid #ffeaa7;\n padding: 25px;\n border-radius: 15px;\n margin-top: 20px;\n }\n\n .warning-title {\n color: #856404;\n font-weight: 700;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .warning-list {\n list-style: none;\n padding: 0;\n }\n\n .warning-list li {\n padding: 8px 0;\n position: relative;\n padding-right: 25px;\n color: #856404;\n }\n\n .warning-list li::before {\n content: '⚠️';\n position: absolute;\n right: 0;\n top: 8px;\n }\n\n .skin-types-section {\n padding: 60px 30px;\n background: white;\n }\n\n .skin-types-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .skin-type-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .skin-type-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .skin-type-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .skin-type-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .results-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .results-timeline {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .result-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n position: relative;\n }\n\n .result-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .result-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .result-period {\n color: #9C8102;\n font-weight: 700;\n font-size: 1.2em;\n margin-bottom: 15px;\n }\n\n .before-after-section {\n padding: 60px 30px;\n background: white;\n }\n\n .before-after-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .before-after-card {\n text-align: center;\n background: white;\n padding: 20px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n transition: all 0.3s ease;\n }\n\n .before-after-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n }\n\n .before-after-image {\n max-width: 100%;\n border-radius: 15px;\n margin-bottom: 15px;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n color: white;\n padding: 80px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '🏺';\n position: absolute;\n top: 20px;\n right: 20px;\n font-size: 3em;\n opacity: 0.1;\n }\n\n .cta-button {\n background: #9C8102;\n color: white;\n padding: 18px 45px;\n border: none;\n border-radius: 50px;\n font-size: 1.3em;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 30px;\n animation: glow 2s infinite alternate;\n }\n\n @keyframes glow {\n 0% { box-shadow: 0 0 25px rgba(156, 129, 2, 0.5); }\n 100% { box-shadow: 0 0 35px rgba(156, 129, 2, 0.8), 0 0 45px rgba(156, 129, 2, 0.3); }\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n background: #d4af37;\n }\n\n .section-title {\n text-align: center;\n font-size: 2.4em;\n color: #9C8102;\n margin-bottom: 20px;\n position: relative;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.4em;\n color: #666;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n border-radius: 2px;\n animation: expandLine 1s ease-out forwards;\n }\n\n @keyframes expandLine {\n 0% { width: 0; }\n 100% { width: 100px; }\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-on-scroll {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s ease;\n }\n\n .animate-on-scroll.animated {\n opacity: 1;\n transform: translateY(0);\n }\n\n .highlight {\n color: #9C8102;\n font-weight: 700;\n }\n\n .divider {\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n margin: 50px 0;\n opacity: 0;\n animation: fadeIn 1s forwards;\n border-radius: 2px;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n .ingredients-list {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n margin-top: 20px;\n border: 1px solid #e9ecef;\n }\n\n .ingredients-list h4 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n @media (max-width: 768px) {\n .main-title { font-size: 2.2em; }\n .section-title { font-size: 2em; }\n .comparison-grid, .benefits-grid, .ingredients-grid, .usage-grid, .skin-types-grid, .results-timeline, .before-after-grid {\n grid-template-columns: 1fr;\n }\n .formula-content, .science-content {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ordinary-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_HA.webp?v=1749661210\" alt=\"The Ordinary Lactic Acid 10% + HA\" class=\"hero-image\"\u003e\n \u003ch1 class=\"main-title\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h1\u003e\n \u003ch2 class=\"subtitle\"\u003eسر الجمال اللي استخدمه الفراعنة... في تركيبة عصرية متطورة\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Pharaoh Introduction --\u003e\n \u003cdiv class=\"pharaoh-intro\"\u003e\n \u003ch2\u003eمن أسرار الملكات لبشرتك\u003c\/h2\u003e\n \u003cp\u003eقدماء المصريين كانوا أول من اكتشفوا سحر حمض اللاكتيك في الحفاظ على شباب البشرة ونضارتها. كليوباترا نفسها كانت تستحم في اللبن الحامض عشان تحافظ على جمالها الأسطوري. واليوم، \u003cstrong class=\"highlight\"\u003eThe Ordinary\u003c\/strong\u003e جابلك نفس السر الفرعوني في تركيبة علمية متقدمة بتركيز 10% مع حمض الهيالورونيك.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Why Lactic Acid Section --\u003e\n \u003cdiv class=\"why-lactic-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eليه حمض اللاكتيك هو الاختيار الأمثل؟\u003c\/h2\u003e\n \n \u003cdiv class=\"comparison-grid\"\u003e\n \u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n \u003cspan class=\"comparison-icon\"\u003e🧬\u003c\/span\u003e\n \u003ch3 class=\"comparison-title\"\u003eالأحماض مش كلها زي بعض\u003c\/h3\u003e\n \u003cp class=\"comparison-description\"\u003eحمض اللاكتيك من أرق الأحماض على البشرة الحساسة، لأنه من الأحماض الطبيعية اللي موجودة أصلاً في جسمك. ده يخليه يشتغل بلطف ولكن بقوة مضاعفة عن باقي الأحماض.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n \u003cspan class=\"comparison-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch3 class=\"comparison-title\"\u003eتركيز مثالي وآمن\u003c\/h3\u003e\n \u003cp class=\"comparison-description\"\u003eتركيز 10% هو الحد الأمثل اللي يديكي نتايج واضحة من غير تهيج أو حساسية مفرطة. ودرجة الحموضة 3.8 مظبوطة علمياً عشان تضمن أقصى فعالية مع أقل آثار جانبية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eفوائد هتغير شكل بشرتك تماماً\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🎯\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eمحارب حب الشباب الأول\u003c\/h3\u003e\n \u003cp class=\"benefit-subtitle\"\u003eيعالج الموجود ويمنع الجديد\u003c\/p\u003e\n \u003cp class=\"benefit-description\"\u003eحمض اللاكتيك بيقشر الجلد الميت بلطف عن طريق كسر الروابط اللي بتربط الخلايا الميتة، وده بيفتح المسام المسدودة ويمنع تكون الحبوب الجديدة. الدراسات أثبتت إن حمض اللاكتيك بيقلل التهابات حب الشباب بنسبة تصل لـ90%، وده يخليه يتماشى مع أدوية حب الشباب التانية زي الريتينول.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e⏰\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eآلة الزمن لبشرتك\u003c\/h3\u003e\n \u003cp class=\"benefit-subtitle\"\u003eمظهرك هيخالف عمرك\u003c\/p\u003e\n \u003cp class=\"benefit-description\"\u003eفي التركيزات العالية، حمض اللاكتيك بيخترق الطبقات العميقة من الجلد ويحفز تكوين الكولاجين الطبيعي. النتيجة؟ تجديد الخلايا، شد الجلد، وزيادة سمكه، وده اللي يخلي التجاعيد الدقيقة تختفي وبشرتك تبان أصغر بسنين.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eترطيب خيالي من غير دهون\u003c\/h3\u003e\n \u003cp class=\"benefit-subtitle\"\u003eالرطوبة اللي تفضل معاكي طول اليوم\u003c\/p\u003e\n \u003cp class=\"benefit-description\"\u003eحمض اللاكتيك مش بس بيقشر، ده كمان بيرطب البشرة ترطيب عميق يخليها ناعمة ومرنة. والتركيبة دي مدعمة بـ\u003cstrong\u003eحمض الهيالورونيك\u003c\/strong\u003e اللي بيسحب 1000 ضعف وزنه من الماء ويكون حاجز رطوبة يضمن ترطيب يدوم لفترات طويلة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتوحيد لون البشرة ومحو التصبغات\u003c\/h3\u003e\n \u003cp class=\"benefit-subtitle\"\u003eبشرة صافية موحدة زي المرايا\u003c\/p\u003e\n \u003cp class=\"benefit-description\"\u003eحمض اللاكتيك بيشتغل على تقليل إنتاج الميلانين في المناطق الداكنة، وده بيساعد على تفتيح التصبغات وآثار الحبوب والبقع الداكنة. النتيجة بشرة موحدة اللون ومشرقة بشكل طبيعي.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Gentle Formula Section --\u003e\n \u003cdiv class=\"gentle-formula-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eتركيبة لطيفة للبشرة الحساسة\u003c\/h2\u003e\n \n \u003cdiv class=\"formula-content\"\u003e\n \u003cdiv class=\"formula-info animate-on-scroll\" style=\"grid-column: 1 \/ -1;\"\u003e\n \u003cdiv class=\"formula-feature\"\u003e\n \u003ch4\u003eالبيبربيري التازماني: الحارس الطبيعي\u003c\/h4\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/tasmanian-pepperberry-banner_48681ebd-6dc6-4450-80cd-206effbd0d2d.webp?v=1749661271\" alt=\"Tasmanian Pepperberry\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\u003e\n \u003cp\u003eالتركيبة تحتوي على مستخلص البيبربيري التازماني، وده مضاد طبيعي للالتهابات بيقلل الاحمرار والتهيج اللي ممكن يحصل مع منتجات التقشير. ده يخلي المنتج مناسب حتى للبشرة الحساسة جداً.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"formula-feature\"\u003e\n \u003ch4\u003eتركيبة مائية خفيفة\u003c\/h4\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-lactic-acid-10pct-ha-30ml-swatch.webp?v=1749661271\" alt=\"Product Texture\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\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!-- Science Section --\u003e\n \u003cdiv class=\"science-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالعلم وراء الفعالية\u003c\/h2\u003e\n \n \u003cdiv class=\"science-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_ha_2.webp?v=1749661364\" alt=\"Science Behind Effectiveness\" class=\"science-image animate-on-scroll\"\u003e\n \n \u003cdiv class=\"science-info animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eتوازن الـ pH المثالي\u003c\/h3\u003e\n \n \u003cdiv class=\"ph-meter\"\u003e\n \u003cdiv class=\"ph-indicator\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-label\"\u003epH 3.8 - التوازن المثالي\u003c\/div\u003e\n \n \u003cp style=\"margin: 25px 0;\"\u003eدرجة الحموضة 3.8 مظبوطة بدقة عشان تطابق الـ pKa بتاع حمض اللاكتيك. الرقم ده مهم جداً لأنه بيضمن التوازن الأمثل بين الملح والحمضية، وده اللي بيضمن وصول الحمض بكفاءة للبشرة وتحقيق تقشير فعال ممكن استخدامه يومياً.\u003c\/p\u003e\n \n \u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px;\"\u003e\n \u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\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!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالمكونات النشطة\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredients-grid\"\u003e\n \u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n \u003cspan class=\"ingredient-icon\"\u003e🧪\u003c\/span\u003e\n \u003ch3 class=\"ingredient-name\"\u003eحمض اللاكتيك (10%)\u003c\/h3\u003e\n \u003cp\u003eتقشير لطيف وفعال لسطح البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n \u003cspan class=\"ingredient-icon\"\u003e💧\u003c\/span\u003e\n \u003ch3 class=\"ingredient-name\"\u003eصوديوم هيالورونات\u003c\/h3\u003e\n \u003cp\u003eترطيب عميق ومكثف\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n \u003cspan class=\"ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch3 class=\"ingredient-name\"\u003eالبيبربيري التازماني\u003c\/h3\u003e\n \u003cp\u003eتهدئة ومضاد للالتهابات\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n \u003cspan class=\"ingredient-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3 class=\"ingredient-name\"\u003eالجليسرين\u003c\/h3\u003e\n \u003cp\u003eترطيب إضافي وحماية لحاجز البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredients-list animate-on-scroll\"\u003e\n \u003ch4\u003eالقائمة الكاملة للمكونات:\u003c\/h4\u003e\n \u003cp style=\"font-size: 0.9em; color: #666; line-height: 1.6;\"\u003eAqua (Water), Lactic Acid, Glycerin, Pentylene Glycol, Propanediol, Sodium Hydroxide, Sodium Hyaluronate Crosspolymer, Tasmannia Lanceolata Fruit\/Leaf Extract, Acacia Senegal Gum, Xanthan Gum, Isoceteth-20, Trisodium Ethylenediamine Disuccinate, Ethylhexylglycerin, 1,2-Hexanediol, Caprylyl Glycol.\u003c\/p\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 animate-on-scroll\"\u003eطريقة الاستخدام للحصول على أفضل النتائج\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-grid\"\u003e\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003ch3 class=\"usage-title\"\u003eالتوقيت المثالي ⏰\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0;\"\u003e\n \u003cli style=\"padding: 10px 0; border-bottom: 1px solid #f0f0f0;\"\u003e\u003cstrong\u003eاستخدميه مرة واحدة يومياً بالليل فقط\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli style=\"padding: 10px 0;\"\u003eابدأي بـ3 مرات في الأسبوع وزودي تدريجياً حسب تقبل بشرتك\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003ch3 class=\"usage-title\"\u003eالطريقة الصحيحة 📋\u003c\/h3\u003e\n \u003cul class=\"usage-steps\"\u003e\n \u003cli data-step=\"1\"\u003eنضفي وجهك كويس بالغسول المناسب\u003c\/li\u003e\n \u003cli data-step=\"2\"\u003eحطي طبقة رقيقة من المنتج على البشرة الجافة\u003c\/li\u003e\n \u003cli data-step=\"3\"\u003eتجنبي منطقة حوالين العينين\u003c\/li\u003e\n \u003cli data-step=\"4\"\u003eاستني 10-15 دقيقة ثم حطي المرطب\u003c\/li\u003e\n \u003cli data-step=\"5\"\u003e\u003cstrong\u003eلازم تستخدمي واقي شمس SPF 30+ في اليوم التالي\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003cdiv class=\"warning-card\"\u003e\n \u003ch4 class=\"warning-title\"\u003e⚠️ تحذيرات مهمة\u003c\/h4\u003e\n \u003cul class=\"warning-list\"\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\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Skin Types Section --\u003e\n \u003cdiv class=\"skin-types-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eمناسب لكل أنواع البشرة\u003c\/h2\u003e\n \n \u003cdiv class=\"skin-types-grid\"\u003e\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة الجافة\u003c\/h3\u003e\n \u003cp\u003eالأنسب ليه بسبب خصائصه المرطبة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة العادية\u003c\/h3\u003e\n \u003cp\u003eهيديها نعومة ونضارة إضافية\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🎨\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة اللي فيها تصبغات\u003c\/h3\u003e\n \u003cp\u003eهيوحد لونها ويصفيها\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🪨\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة اللي تعاني من ملمس خشن\u003c\/h3\u003e\n \u003cp\u003eهيناعمها ويحسن ملمسها\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Results Section --\u003e\n \u003cdiv class=\"results-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالنتائج المتوقعة\u003c\/h2\u003e\n \n \u003cdiv style=\"text-align: center; margin: 30px 0;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Light_Blue_Natural_Cosmetics_Skin_Care_Instagram_Post_1_1024x1024.png?v=1636194582\" alt=\"Expected Results\" style=\"max-width: 400px; width: 100%; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.1);\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"results-timeline\"\u003e\n \u003cdiv class=\"result-card animate-on-scroll\"\u003e\n \u003cdiv class=\"result-period\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003cp\u003eملمس أنعم ونضارة واضحة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"result-card animate-on-scroll\"\u003e\n \u003cdiv class=\"result-period\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003cp\u003eتحسن في المسام وتوحيد لون البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"result-card animate-on-scroll\"\u003e\n \u003cdiv class=\"result-period\"\u003eبعد شهر\u003c\/div\u003e\n \u003cp\u003eتقليل واضح في التصبغات والخطوط الدقيقة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"result-card animate-on-scroll\"\u003e\n \u003cdiv class=\"result-period\"\u003eبعد شهرين\u003c\/div\u003e\n \u003cp\u003eبشرة مجددة تماماً وأكثر شباباً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Before\/After Section --\u003e\n \u003cdiv class=\"before-after-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\" style=\"color: #9C8102;\"\u003eقبل وبعد\u003c\/h2\u003e\n \n \u003cdiv class=\"before-after-grid\"\u003e\n \u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/l6s6p07sab751_480x480.jpg?v=1636189193\" alt=\"Before After 1\" class=\"before-after-image\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/f05a2a5bee88c842c1f1c516736f0766_480x480.jpg?v=1636192405\" alt=\"Before After 2\" class=\"before-after-image\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SR_A__BA_2000x2000_300dpi_1800x1800_0b68a680-ec16-4050-a8b2-acf210aea6a8_480x480.jpg?v=1636195250\" alt=\"Before After 3\" class=\"before-after-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003cdiv class=\"animate-on-scroll\"\u003e\n \u003ch2 style=\"color: white; font-size: 2.2em; margin-bottom: 20px;\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.3em; margin: 25px 0; color: #d4af37;\"\u003eابدأي رحلتك نحو بشرة أحلامك بنفس السر اللي خلا كليوباترا أجمل ملكات التاريخ.\u003c\/p\u003e\n \u003cbutton class=\"cta-button\"\u003eاحصلي على السر الفرعوني الآن\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\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((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animate-on-scroll elements\n document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Animate comparison cards\n const comparisonObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.comparison-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.why-lactic-section').forEach(section =\u003e {\n comparisonObserver.observe(section);\n });\n\n \/\/ Animate benefits cards\n const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.benefit-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 300);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.benefits-section').forEach(section =\u003e {\n benefitsObserver.observe(section);\n });\n\n \/\/ Animate ingredient cards\n const ingredientsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.ingredient-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 150);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.ingredients-section').forEach(section =\u003e {\n ingredientsObserver.observe(section);\n });\n\n \/\/ Animate skin type cards\n const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.skin-type-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 150);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.skin-types-section').forEach(section =\u003e {\n skinTypesObserver.observe(section);\n });\n\n \/\/ Animate result cards\n const resultsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.result-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.results-section').forEach(section =\u003e {\n resultsObserver.observe(section);\n });\n\n \/\/ CTA button interaction\n document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n const button = document.querySelector('.cta-button');\n button.style.animation = 'none';\n setTimeout(() =\u003e {\n button.style.animation = 'glow 2s infinite alternate';\n }, 100);\n });\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40124296298693,"sku":"INSTA0557CHIQ","price":740.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Theordinarylacticacid.jpg?v=1627189462"},{"product_id":"the-ordinary-hyaluronic-acid","title":"The ordinary حمض الهياليرونيك 2% | مرطب للبشرة | حشو التجاعيد والخطوط الدقيقة 30 مل","description":"\u003ch3 style=\"text-align: right;\" class=\"ql-align-right\" data-mce-style=\"text-align: right;\"\u003eالتجاعيد ليست مجرد خطوط، هي نداء استغاثة\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eبشرتك تستغيث لفقدان نضارتها، وكل يوم يمر دون علاج يزيد من عمق المشكلة ويصعب التراجع عنها.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eهل تعلمين أن التجاعيد المبكرة ليست تغييراً طبيعياً فحسب؟ بل هي دليل على تدهور حاجز الترطيب الحيوي في بشرتك. هذه الخطوط ليست مجرد علامات عابرة؛ إنها إنذارات بأن بشرتك بدأت تفقد قدرتها على الاحتفاظ بالرطوبة والمرونة. ومع كل يوم يمر دون ترطيب فعّال، تصبح هذه العلامات أعمق وأكثر صعوبة في المعالجة. تذكّري، التجاعيد تبدأ بالظهور عندما تفتقر البشرة إلى العناية المناسبة؛ وأي نقص في الترطيب يمكن أن يتحول إلى خطوط وتجاعيد لا تختفي بسهولة. امنحي بشرتك القوة التي تحتاجها مع حمض الهيالورونيك، واعيدي إليها حيويتها قبل فوات الأوان.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbr\u003e\u003cbr\u003e\"لماذا تترك بشرتك تُعاني من العطش؟\"\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eإذا كانت بشرتك تشعر بالجفاف وتفتقر إلى المرونة والنضارة، فإن ذلك لا يُؤثر فقط على مظهرك؛ بل يُضعف كذلك من قدرتها على مواجهة العوامل البيئية والشيخوخة المبكرة. الجفاف ليس مجرد حالة عابرة، بل هو عامل رئيسي يؤدي إلى ظهور الخطوط الدقيقة والبقع الباهتة وفقدان النعومة. هنا يأتي دور سيروم \u003cstrong\u003eحمض الهيالورونيك 2% + B5\u003c\/strong\u003e من \u003cstrong\u003eThe Ordinary\u003c\/strong\u003e؛ فهو ليس مجرد مرطب عادي، بل تركيبة علمية متقدمة تعمل بعمق لإعادة التوازن والترطيب لبشرتك من الداخل والخارج.\u003c\/p\u003e\n\u003ch3\u003eالعِلم وراء الترطيب العميق\u003c\/h3\u003e\n\u003cp\u003eيحتوي السيروم على \u003cstrong\u003e5 أنواع من حمض الهيالورونيك\u003c\/strong\u003e بأوزان جزيئية مختلفة، تسمح له بالوصول إلى طبقات متعددة من البشرة. تتضمن التركيبة أحماض منخفضة ومتوسطة وعالية الجزيئات، بالإضافة إلى \u003cstrong\u003eهيالورونيك أسيد كروس بوليمر\u003c\/strong\u003e و\u003cstrong\u003eهيالورونيك أسيد مُحلَّل\u003c\/strong\u003e. هذا التنوع الجزيئي يُتيح توزيع الرطوبة عبر جميع مستويات الجلد بشكل فعّال، مما يساعد على إعادة ملء المناطق الجافة ودعم مرونة البشرة واستعادة امتلائها.\u003c\/p\u003e\n\u003ch3\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3\u003eالسيراميدات: الحصن الأخير بين بشرتك وعوامل الشيخوخة\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eعندما ينهار حاجز البشرة، تبدأ بشرتك رحلة لا عودة نحو الجفاف وفقدان النضارة\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eبدون حاجز قوي، كل عدو لبشرتك سيغزوها بلا رحمة. \u003c\/strong\u003eالبشرة الطبيعية تحتوي على \u003cstrong\u003eالسيراميدات\u003c\/strong\u003e كجزء أساسي من الحاجز الواقي الذي يحتفظ بالرطوبة ويمنع فقدانها.\u003c\/p\u003e\n\u003cp\u003eعند قدان هذه السيراميدات يؤدي إلى انهيار حاجز البشرة و فقدان الرطوبة و النضارة و تعريض البشرة للعوامل البيئية المسببة للشيخوخة.  بدون هذا الدعم، يتحول الجلد إلى ساحة معركة، حيث تتسارع علامات الإجهاد والتقدم في السن. هل ستترك بشرتك مكشوفة وعرضة للتلف؟\u003c\/p\u003e\n\u003cp\u003eيحتوي السيروم على تركيز عالي من السيراميدات التي ستساعد بشرتك في استعادة درعها الوقائي ويمنع العوامل الضارة من التسلل لطبقات جلدك العميقة. \u003c\/p\u003e\n\u003ch3\u003eبانتينول (بروفيتامين B5): دعم إضافي \u003c\/h3\u003e\n\u003cp\u003eيتوفر في التركيبة أيضًا \u003cstrong\u003eبروفيتامين B5\u003c\/strong\u003e، الذي يُعزز تكوين العناصر الدهنية الأساسية التي تُحافظ على نعومة البشرة وترطيبها. لا يُقدم بانتينول فوائد الترطيب فقط، بل يُساهم في تقوية حاجز البشرة، مما يُقلل من فقدان الرطوبة ويساعد في الحفاظ على نضارة وإشراقة بشرتك بشكل مستمر.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eكل قطرة تُعيد بناء بشرتك من الداخل\u003c\/h3\u003e\n\u003cp\u003eبفضل هذه التركيبة العلمية المتقدمة، يُحقق السيروم نتائج فورية لترطيب البشرة، ويستمر مفعوله طويل الأمد ليُحافظ على نضارتها وتوهجها الطبيعي. تركيبة خفيفة القوام وجافة الملمس تجعل هذا السيروم خيارًا مثاليًا لجميع أنواع البشرة، خصوصًا لأولئك الذين يبحثون عن ترطيب فعّال دون الشعور باللزوجة.\u003c\/p\u003e\n\u003ch3 style=\"text-align: right;\" class=\"ql-align-right\" data-mce-style=\"text-align: right;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cstrong\u003eطريقة الاستخدام :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eضع بضع قطرات على الوجه في الصباح والمساء قبل الكريم.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eالحجم : 30 مل\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40124313272517,"sku":"INSTA0558CHIQ","price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign_60.jpg?v=1697108608"},{"product_id":"the-ordinary-buffet-anti-aging-serum-30ml","title":"The Ordinary سيروم تكنولوجيا الببتيدات و الهياليرونيك للبشرة | مضاد الشيخوخة | تجديد شامل للجلد","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n color: #333;\n line-height: 1.6;\n background-color: white;\n direction: rtl;\n }\n \n .product-description {\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .section.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .title {\n color: #9C8102;\n font-size: 28px;\n margin-bottom: 20px;\n position: relative;\n font-weight: 600;\n text-align: center;\n padding-bottom: 10px;\n }\n \n .title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n }\n \n .subtitle {\n color: #9C8102;\n font-size: 22px;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n .product-image {\n width: 100%;\n max-width: 600px;\n height: auto;\n margin: 20px auto;\n display: block;\n border-radius: 5px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .product-image:hover {\n transform: scale(1.02);\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n }\n \n .description {\n font-size: 16px;\n line-height: 1.8;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .feature-card {\n background-color: white;\n border-radius: 8px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 5px 20px rgba(156, 129, 2, 0.15);\n }\n \n .feature-card-title {\n color: #9C8102;\n font-size: 18px;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n \/* Timeline styles *\/\n .timeline-container {\n position: relative;\n margin: 40px auto;\n max-width: 800px;\n }\n \n .timeline-track {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 50px 0;\n }\n \n .timeline-progress {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #9C8102;\n border-radius: 4px;\n width: 0;\n transition: width 1s ease;\n }\n \n .timeline-markers {\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: -14px;\n }\n \n .timeline-marker {\n position: relative;\n width: 24px;\n height: 24px;\n background-color: white;\n border: 2px solid #e0e0e0;\n border-radius: 50%;\n cursor: pointer;\n z-index: 2;\n }\n \n .timeline-marker.active {\n background-color: #9C8102;\n border-color: #9C8102;\n }\n \n .timeline-marker-label {\n position: absolute;\n top: -30px;\n right: 50%;\n transform: translateX(50%);\n font-size: 14px;\n font-weight: 600;\n color: #777;\n text-align: center;\n white-space: nowrap;\n }\n \n .timeline-marker.active .timeline-marker-label {\n color: #9C8102;\n }\n \n .timeline-content {\n display: none;\n background-color: #f8f8f8;\n padding: 20px;\n border-radius: 8px;\n margin-top: 30px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }\n \n .timeline-content.active {\n display: block;\n }\n \n .timeline-content h3 {\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 18px;\n }\n \n .timeline-content p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 15px;\n }\n \n .timeline-content li {\n margin-bottom: 8px;\n font-size: 14px;\n }\n \n .highlight {\n color: #9C8102;\n font-weight: 600;\n }\n \n .info-box {\n background-color: #f8f8f8;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n }\n \n .grid-container {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin: 30px 0;\n }\n \n .grid-item {\n flex: 1;\n min-width: 250px;\n }\n \n .usage-steps {\n margin: 30px 0;\n }\n \n .step {\n display: flex;\n margin-bottom: 20px;\n align-items: center;\n }\n \n .step-number {\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50%;\n color: white;\n text-align: center;\n line-height: 30px;\n margin-left: 15px;\n flex-shrink: 0;\n }\n \n .step-content {\n flex: 1;\n }\n \n .step h4 {\n margin-bottom: 5px;\n color: #444;\n }\n \n .step p {\n font-size: 14px;\n color: #666;\n }\n \n .divider {\n height: 1px;\n background-color: #e0e0e0;\n margin: 40px 0;\n }\n \n .peptide-box {\n background-color: white;\n border-radius: 8px;\n padding: 25px;\n margin-bottom: 25px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\n border-right: 4px solid #9C8102;\n }\n \n .peptide-name {\n color: #9C8102;\n font-size: 20px;\n margin-bottom: 12px;\n font-weight: 600;\n }\n \n .peptide-technical {\n color: #888;\n font-size: 14px;\n margin-bottom: 15px;\n font-style: italic;\n }\n \n .peptide-effect {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .ingredients-list {\n font-size: 14px;\n margin-top: 10px;\n color: #666;\n line-height: 1.5;\n }\n \n .stat-container {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin: 30px 0;\n }\n \n .stat-item {\n text-align: center;\n padding: 20px;\n width: 180px;\n margin: 10px;\n }\n \n .stat-number {\n font-size: 42px;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 5px;\n }\n \n .stat-label {\n font-size: 14px;\n color: #666;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003cdiv class=\"section\" id=\"section1\"\u003e\n \u003ch2 class=\"title\"\u003eاكتشاف ثوري في عالم العناية بالبشرة\u003c\/h2\u003e\n \u003cp class=\"description\"\u003e\"سيروم The Ordinary Multi-Peptide + HA\" ليس مجرد منتج عناية بالبشرة، بل هو معادلة متقدمة تغير الطريقة التي نفكر بها في صحة البشرة وتجديدها. هذه التركيبة المتطورة تجمع بين أحدث الابتكارات العلمية والمكونات النشطة الأكثر فاعلية، لتقدم لبشرتك كل ما تحتاجه لاستعادة شبابها وتألقها.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section2\"\u003e\n \u003ch2 class=\"title\"\u003eما هي الببتيدات ولماذا هي مهمة للبشرة؟\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eالببتيدات هي سلاسل قصيرة من الأحماض الأمينية، وتعتبر اللبنات الأساسية لبروتينات البشرة مثل الكولاجين والإيلاستين، وهما المسؤولان عن مظهر البشرة الشاب والمشدود. تعمل الببتيدات كجزيئات إشارة، تساعد على تحفيز إنتاج الكولاجين والبروتينات الأساسية الأخرى في البشرة.\u003c\/p\u003e\n \n \u003cp class=\"description\"\u003eيحتوي سيروم The Ordinary Multi-Peptide + HA على مزيج متطور من خمسة تقنيات ببتيدية مدروسة علمياً، بالإضافة إلى الأحماض الأمينية الصديقة للبشرة ومركبات حمض الهيالورونيك المتعددة. هذا المزيج القوي يساعد على تحسين مرونة البشرة وثباتها، وتقليل ظهور التجاعيد بشكل ملحوظ.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section3\"\u003e\n \u003ch2 class=\"title\"\u003eالببتيدات الموجودة في سيروم The Ordinary Multi-Peptide + HA\u003c\/h2\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eMatrixyl™ 3000\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكونات النشطة: palmitoyl tetrapeptide-7 و palmitoyl tripeptide-1\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eMatrixyl™ 3000 هو مركب ببتيدي مشهور يعمل على تحفيز إنتاج الكولاجين في البشرة. يساعد هذا المركب على تقليل ظهور الخطوط الدقيقة والتجاعيد من خلال دعم المكونات الهيكلية الرئيسية داخل البشرة. يُعد من أكثر مضادات الشيخوخة فعالية حيث يشجع البشرة على إنتاج المزيد من الكولاجين والإيلاستين، مما يساعد على ملء الخطوط الدقيقة والتجاعيد.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eMatrixyl™ synthe'6™\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكون النشط: palmitoyl tripeptide-38\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eيعمل Matrixyl™ synthe'6™ على تعزيز إنتاج ستة مكونات أساسية في مصفوفة الجلد، بما في ذلك الكولاجين والإيلاستين. يساعد هذا الببتيد المتطور على تحسين مرونة البشرة وتقليل عمق التجاعيد، خاصة في مناطق الجبهة والعينين. كما أنه يعمل على تحسين بنية وملمس البشرة بشكل عام، مما يعزز مظهرها الشاب والمشدود.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eSYN™-AKE\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكون النشط: dipeptide diaminobutyroyl benzylamide diacetate\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eSYN™-AKE هو ببتيد متطور يحاكي تأثير سم الأفعى، حيث يعمل على تثبيط إطلاق الناقلات العصبية التي تسبب تقلصات العضلات. يساعد هذا على استرخاء عضلات الوجه وتقليل ظهور \"الخطوط الديناميكية\" التي تتشكل عند تعبيرات الوجه المتكررة مثل الابتسام أو العبوس. هذا الببتيد فعال بشكل خاص في تقليل خطوط الجبهة وحول العينين، مما يمنح البشرة مظهراً أكثر نعومة واسترخاءً.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eARGIRELOX™\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكونات النشطة: acetyl hexapeptide-8 (Argireline) و pentapeptide-18\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eARGIRELOX™ هو مركب ببتيدي مزدوج يجمع بين قوة Argireline وببتيد Leuphasyl. يعمل بطريقة مشابهة للبوتوكس ولكن بدون الحقن، حيث يثبط الإشارات العصبية التي تسبب انقباض العضلات. هذا المركب فعال بشكل خاص في تقليل ظهور خطوط التعبير والتجاعيد الديناميكية في مناطق الجبهة وبين الحاجبين وحول العينين. الدراسات أظهرت أن الجمع بين هذين الببتيدين يحقق نتائج أفضل من استخدام كل منهما على حدة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eRELISTASE™\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكون النشط: acetylarginyltryptophyl diphenylglycine\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eRELISTASE™ هو ببتيد متخصص يعمل على تحسين مرونة البشرة وثباتها. يركز هذا الببتيد على تعزيز إنتاج الإيلاستين وحماية الألياف المرنة في البشرة، مما يساعد على مكافحة الترهل وتحسين شد البشرة. كما أنه يعزز تركيب الكولاجين ويحمي الألياف الموجودة من التكسر، مما يؤدي إلى بشرة أكثر ثباتاً وشباباً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section4\"\u003e\n \u003ch2 class=\"title\"\u003eحمض الهيالورونيك: الشريك المثالي للببتيدات\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eيحتوي سيروم Multi-Peptide + HA على مركبات متعددة من حمض الهيالورونيك، الذي يعتبر مرطباً قوياً للبشرة. حمض الهيالورونيك ليس كأي مكون ترطيب عادي؛ إنه \u003cstrong\u003eمغناطيس جزيئي فائق القدرة يمكنه امتصاص كمية من الماء تصل إلى 1000 ضعف وزنه\u003c\/strong\u003e.\u003c\/p\u003e\n \n \u003cp class=\"description\"\u003eبفضل جزيئاته المختلفة الأحجام، يمكن لحمض الهيالورونيك في هذا السيروم اختراق طبقات البشرة المختلفة، مما يوفر ترطيباً عميقاً ومستداماً. هذا الترطيب العميق يساعد على:\u003c\/p\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eفوائد حمض الهيالورونيك في السيروم:\u003c\/h3\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 \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n \u003ch2 class=\"title\"\u003eرحلة تجديد البشرة مع سيروم Multi-Peptide + HA\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eاستمتعي بتجربة تحول البشرة مع الاستخدام المنتظم. مع كل مرحلة، تزداد البشرة شباباً ونضارة وإشراقاً!\u003c\/p\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-track\"\u003e\n \u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-markers\"\u003e\n \u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eفوري - أسبوع 1\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 2-4\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 5-8\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 9-12\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n \u003ch3\u003eفوري - الأسبوع الأول: ترطيب عميق واسترخاء\u003c\/h3\u003e\n \u003cp\u003eتبدأ النتائج الفورية بفضل حمض الهيالورونيك وببتيدات SYN-AKE و ARGIRELOX التي تعمل على ترطيب البشرة واسترخاء عضلات الوجه.\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 \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n \u003ch3\u003eالأسبوع 2-4: تحسن ملمس البشرة وإشراقها\u003c\/h3\u003e\n \u003cp\u003eتبدأ الببتيدات مثل Matrixyl 3000 و Matrixyl Synthe'6 بتحفيز إنتاج الكولاجين، مما يؤدي إلى تحسن تدريجي في مرونة البشرة ونعومتها.\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 \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n \u003ch3\u003eالأسبوع 5-8: تحسن ملحوظ في علامات الشيخوخة\u003c\/h3\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 \u003cli\u003eزيادة في حجم وكثافة الخلايا، مما يمنح البشرة مظهراً أكثر امتلاءً\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n \u003ch3\u003eالأسبوع 9-12: النتائج الكاملة والتجديد الشامل\u003c\/h3\u003e\n \u003cp\u003eبعد 3 أشهر من الاستخدام المنتظم، تصل الببتيدات وحمض الهيالورونيك إلى ذروة فعاليتها في تجديد البشرة ومكافحة علامات الشيخوخة.\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 \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section5\"\u003e\n \u003ch2 class=\"title\"\u003eمميزات فريدة لسيروم The Ordinary Multi-Peptide + HA\u003c\/h2\u003e\n \n \u003cdiv class=\"grid-container\"\u003e\n \u003cdiv class=\"grid-item feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eتركيبة شاملة متعددة الفوائد\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eيجمع بين 5 تقنيات ببتيدية متطورة في منتج واحد\u003c\/li\u003e\n \u003cli\u003eيستهدف جميع علامات الشيخوخة في آن واحد\u003c\/li\u003e\n \u003cli\u003eيعالج الخطوط الدقيقة، التجاعيد، فقدان المرونة، وعدم تناسق لون البشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"grid-item feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eتركيز عالي من المكونات النشطة\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eيحتوي على 25.1% من التقنيات النشطة بالوزن\u003c\/li\u003e\n \u003cli\u003eتركيبة خالية من المواد المالئة غير الضرورية\u003c\/li\u003e\n \u003cli\u003eتركيز مثالي لتحقيق أقصى فعالية دون تهيج البشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"grid-container\"\u003e\n \u003cdiv class=\"grid-item feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eتركيبة مائية خفيفة\u003c\/h3\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\/div\u003e\n \n \u003cdiv class=\"grid-item feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eمناسب لجميع أنواع البشرة\u003c\/h3\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\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"stat-container\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eتقنيات ببتيدية متطورة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e25.1%\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eنسبة المكونات النشطة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e12\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eأسبوع للنتائج الكاملة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eمناسب لجميع أنواع البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section6\"\u003e\n \u003ch2 class=\"title\"\u003eطريقة الاستخدام المثلى\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\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=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\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=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\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=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\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 \n \u003cdiv class=\"feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eملاحظات هامة للاستخدام:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eتجنبي استخدام السيروم مع الأحماض المباشرة مثل حمض الجليكوليك أو حمض اللاكتيك في نفس الروتين\u003c\/li\u003e\n \u003cli\u003eتجنبي استخدامه مع منتجات فيتامين C (حمض الأسكوربيك) في نفس الروتين\u003c\/li\u003e\n \u003cli\u003eيمكن استخدامه قبل أو بعد منتجات حمض الهيالورونيك الأخرى\u003c\/li\u003e\n \u003cli\u003eيفضل إجراء اختبار الحساسية قبل الاستخدام الكامل\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section7\"\u003e\n \u003ch2 class=\"title\"\u003eجميع المكونات\u003c\/h2\u003e\n \u003cdiv class=\"info-box\"\u003e\n \u003cp class=\"ingredients-list\"\u003e\n Aqua (Water), Glycerin, Lactococcus Ferment Lysate, Acetyl Hexapeptide-8, Pentapeptide-18, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7, Palmitoyl Tripeptide-38, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Acetylarginyltryptophyl Diphenylglycine, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate, Allantoin, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Arginine, Aspartic Acid, Trehalose, Fructose, Glucose, Maltose, Urea, Sodium PCA, PCA, Sodium Lactate, Citric Acid, Hydroxypropyl Cyclodextrin, Sodium Chloride, Sodium Hydroxide, Butylene Glycol, Pentylene Glycol, Acacia Senegal Gum, Xanthan Gum, Carbomer, Polysorbate 20, PPG-26-Buteth-26, PEG-40 Hydrogenated Castor Oil, Trisodium Ethylenediamine Disuccinate, Ethoxydiglycol, Sodium Benzoate, Caprylyl Glycol, Ethylhexylglycerin, Phenoxyethanol, Chlorphenesin.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Make all sections visible initially to fix display issues\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Make all sections visible\n const sections = document.querySelectorAll('.section');\n sections.forEach(section =\u003e {\n section.classList.add('active');\n });\n \n \/\/ Initialize timeline functionality\n initializeTimeline();\n });\n \n \/\/ Timeline functionality\n function initializeTimeline() {\n \/\/ Set the first marker active by default\n const progress = document.getElementById('timelineProgress');\n progress.style.width = '0%';\n }\n \n \/\/ Show timeline content\n function showTimelineContent(index) {\n \/\/ Reset all markers and contents\n const markers = document.querySelectorAll('.timeline-marker');\n const contents = document.querySelectorAll('.timeline-content');\n \n markers.forEach(m =\u003e m.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n \n \/\/ Activate selected marker and content\n markers[index].classList.add('active');\n contents[index].classList.add('active');\n \n \/\/ Update progress bar\n const progress = document.getElementById('timelineProgress');\n const progressWidth = [0, 33, 66, 100][index];\n progress.style.width = progressWidth + '%';\n }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40836991254725,"sku":"INSTA0586CHIQ","price":1060.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinary_multipeptide_ha_serum.jpg?v=1734971193"},{"product_id":"the-ordinary-buffet-copper-peptides-1","title":"The Ordinary سيروم مضاد التجاعيد بوفيه وببتيدات النحاس 1% بتكنولوجيا الببتيدات | 30 ml","description":"\u003cdiv dir=\"ltl\"\u003e\n\u003ch2 data-sourcepos=\"3:1-3:232\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-sourcepos=\"3:1-3:232\"\u003eلا تترك العوامل البيئية تسرق شبابك\u003c\/h2\u003e\n\u003cp\u003eهل تعلم أنك تستطيع منع 80% من علامات التقدم بالسن عن طريق استعمالك لمنتج فعال في محاربة ضرر الأكسدة و التجاعيد ؟ \u003c\/p\u003e\n\u003cp data-sourcepos=\"3:1-3:232\"\u003eمع تقدمنا ​​في العمر، تنتج أجسادنا كميات أقل من الكولاجين والإيلاستين، مما يؤدي إلى تكوين\u003cbr\u003e التجاعيد والخطوط الدقيقة. تساعد الببتيدات النحاسية في عكس هذه العملية عن طريق الإشارة إلى خلايا الجلد لإنتاج المزيد من هذه البروتينات.\u003c\/p\u003e\n\u003cp data-sourcepos=\"3:1-3:232\"\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003cp data-sourcepos=\"17:1-17:212\"\u003eأهم فوائد المنتج : \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003eمتخصص علامات التقدم بالسن:\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\nمن أفضل منتجات مكافحة الشيخوخة الببتيدات النحاسية (GHK-Cu) تعمل على تحسين صحة البشرة عن طريق مساعدتها في التواصل ومكافحة علامات تقدم السن.\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eتجديد البشرة:\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003eمركب الببتيد يخترق الأدمة للكشف عن اختلالات خلل الخلية ويعزز استشفاء الخلايا.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cspan style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003cul style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003e\u003cstrong\u003eمتخصص التصبغات\u003c\/strong\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\" mce-data-marked=\"1\"\u003eيعمل المنتج على موازنة انتاج الميلانين لتحقيق بشرة موحدة خالية من التصبغات\u003c\/span\u003e\n\u003cul style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003eترطيب فائق:\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cspan style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003eيحتوي على مركب بروبيوتيك مغذي وحمض الهيالورونيك المرطب للمساعدة في ترطيب البشرة.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003cul style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003e\n\u003cli\u003e\u003cstrong\u003eتغذية متعددة:\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003eيحتوي على 11 من الأحماض الأمينية الصديقة للبشرة لتغذية شاملة.\u003c\/span\u003e\u003cbr\u003e\n\u003col\u003e\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cspan style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cspan style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003ch2\u003eتحسن لحظي في نسيج البشرة\u003c\/h2\u003e\n\u003cp\u003e شاهد في بث مباشر التأثير اللحظي على بشرتك من ترطيب و نضارة. مع العلم أن المفعول العلاجي للتجاعيد يتطلب استمرار الاستخدام لعدة أشهر\u003c\/p\u003e\n\u003ch2 dir=\"ltl\"\u003e\u003cspan style=\"font-size: 0.875rem;\" data-mce-style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2 dir=\"ltl\"\u003eكيف يعمل : \u003c\/h2\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003cul\u003e\n\u003cli\u003eالببتيدات النحاسية عبارة عن جزيئات صغيرة يمكنها اختراق الجلد بسهولة. بمجرد دخولها الجلد، ترتبط بمستقبلات النحاس على الخلايا. يؤدي هذا الارتباط إلى سلسلة من الأحداث التي تؤدي إلى زيادة إنتاج الكولاجين والإيلاستين.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e تقوم الببتيدات النحاسية بتنشيط مسارات الإشارات الأخرى التي تعزز نمو الخلايا وإصلاحها. على سبيل المثال، يمكنها تنشيط مسار Nrf2، وهو منظم رئيسي للدفاع الخلوي والإصلاح.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eبالإضافة إلى ذلك، تمتلك الببتيدات النحاسية خصائص مضادة للأكسدة ومضادة للالتهابات. هذا يعني أنها يمكن أن تساعد في حماية البشرة من أضرار الجذور الحرة والالتهابات، وهما من العوامل الرئيسية المساهمة في شيخوخة الجلد.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbr\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"1:1-1:65\"\u003e\u003cstrong\u003eالمكونات الرئيسية في مصل النحاس ببتيد + بوفيه من ذا أورديناري هي:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"3:1-11:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"3:1-3:116\"\u003eثلاثي ببتيد النحاس -1: وهو ببتيد يحفز إنتاج الكولاجين والإيلاستين، ويساعد على تقليل ظهور الخطوط الدقيقة والتجاعيد.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"4:1-4:139\"\u003eسداسي ببتيد الأسيتيل -8: وهو ببتيد يساعد على إرخاء عضلات الوجه، مما يقلل من ظهور التجاعيد الحركية، مثل التجاعيد الجبهية.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"5:1-5:74\"\u003eخماسي الببتيد -18: وهو ببتيد يساعد على حماية وإصلاح حاجز البشرة الطبيعي.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"6:1-6:91\"\u003eبالميتويل ثلاثي الببتيد -1: وهو ببتيد يحفز إنتاج الكولاجين ويساعد على تقليل ظهور الندبات.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:99\"\u003eبالميتويل رباعي الببتيد -7: وهو ببتيد يساعد على تقليل ظهور الهالات السوداء والانتفاخ تحت العينين.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"8:1-8:77\"\u003eبالميتويل ثلاثي الببتيد -38: وهو ببتيد يساعد على تحسين مرونة الجلد وصلابته.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:118\"\u003eثنائي الببتيد ديامينوبوتيرويل بنزيلاميد ثنائي الأسيتات: وهو ببتيد يساعد على تقليل ظهور فرط التصبغ وتوحيد لون البشرة.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"10:1-11:0\"\u003eالأسيتيلارجينيلتربتوفيل ثنائي الفينيل جلايسين: وهو ببتيد يساعد على حماية البشرة من أضرار الجذور الحرة والضغوط البيئية.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"12:1-12:169\"\u003eيتم دعم هذه الببتيدات بمزيج من المكونات المفيدة الأخرى، بما في ذلك حمض الهيالورونيك، والألانتوين، والبانثينول، والجلسرين، والتي تساعد على ترطيب البشرة وتهدئتها وحمايتها.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"12:1-12:169\"\u003e \u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003ch2 data-sourcepos=\"3:1-3:232\"\u003eسيعمل هذا السيروم كخط الدفاع الأول للوقاية من الشيخوخة المبكرة \u003c\/h2\u003e\n\u003cp\u003eمهما كان عمرك يلزمك استخدام مضادات الأكسدة للحفاظ على شبابك, لا تنتظر لحين تفاقم التجاعيد حتى تبدأ بالعلاج. \u003c\/p\u003e\n\u003cp\u003e يحتوي السيروم على العديد من مضادات الأكسدة اللي تحميكي من الإجهاد التأكسدي المسبب لعلامات التقدم بالسن مثل الخطوط الجبهية و الخطوط الدقيقة.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 dir=\"ltl\"\u003e\u003c\/h2\u003e\n\u003ch2\u003eينصح به كبار أطباء الجلدية حول العالم. \u003cbr\u003e\n\u003c\/h2\u003e\n\u003cp\u003eيتميز السيروم بتكنولوجيا متقدمة للغاية في علاج علامات التقدم بالسن والوقاية المستقبلية منها. وهو المفضل لدى آلاف العملاء حول العالم وينصح به كبار أطباء الجلدية كعلاج أول لعلامات التقدم بالسن.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40836993450181,"sku":"INSTA0587CHIQ","price":1500.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/theordinarybuffetcopperpeptide.jpg?v=1698234389"},{"product_id":"the-ordinary-retinol-0-2","title":"The ordinary retinol in squalene serum","description":"\u003cdiv class=\"ordinary-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ordinary-hero\"\u003e\n\u003cdiv class=\"ordinary-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003eالزمن لا ينتظر أحداً... لكن بشرتك لا يجب أن تخضع له\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eكل صباح، تكشف لك المرآة الحقيقة: الزمن يترك بصمته على الجميع. لكن ماذا لو كان بإمكانك إعادة كتابة تلك القصة؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Science Intro --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"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يكمن في التركيب الجزيئي للريتينول قدرة مذهلة - قوة التواصل المباشر مع خلايا بشرتك، وتوجيهها للتصرف كما كانت تفعل في شبابها. هذه ليست مبالغات تسويقية؛ إنها حقائق بيولوجية علمية.\u003c\/p\u003e\n\u003cdiv class=\"product-title\"\u003e\n\u003ch2\u003eذا أوردينري ريتينول 0.5% في السكوالين: الأداة الدقيقة لتجديد البشرة\u003c\/h2\u003e\n\u003cp\u003eيعلم العلماء منذ فترة طويلة أن الريتينول هو المعيار الذهبي للتحول الملموس في البشرة. ما يميز هذه التركيبة هو \u003cstrong\u003eدقتها السريرية\u003c\/strong\u003e - تركيز مُعاير بعناية بنسبة 0.5% معلق في السكوالين المطابق لتركيبة البشرة الطبيعية. هذا ليس مجرد منتج؛ إنه اختراق علمي متاح في زجاجة قطارة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003cdiv class=\"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=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"molecule-animation\"\u003e\n\u003cdiv class=\"atom atom1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالريتينول: المُرسال الخلوي\u003c\/h3\u003e\n\u003cp\u003eالريتينول ليس مجرد مكون؛ إنه رسول بيولوجي يقوم بـ:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eتسريع تجديد الخلايا بنسبة \u003cspan class=\"counter\" data-target=\"50\"\u003e50\u003c\/span\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\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالسكوالين: الدرع الحيوي المحاكي\u003c\/h3\u003e\n\u003cp\u003eتنتج بشرتك السكوالين بشكل طبيعي، لكن الإنتاج ينخفض بنحو 10% كل عقد بعد سن الـ30. تعيد هذه التركيبة تزويد البشرة بشكل نقي ومستقر من السكوالين الذي:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\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\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"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بينما تَعِد العديد من المنتجات بمعجزات بين ليلة وضحاها، فإن التحول الحقيقي للبشرة يتبع مسارًا علميًا:\u003c\/p\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الأسبوع 1-2\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-4\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الأسبوع 5-8\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الأسبوع 9-12\u003c\/h3\u003e\n\u003cp\u003eإعادة هيكلة كبيرة لمظهر البشرة؛ انخفاض وضوح الخطوط العميقة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"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علم الريتينول ليس جديدًا، لكن توصيله بفعالية هو التحدي الحقيقي. معظم التركيبات تفشل في إحدى المجالات الثلاثة الحاسمة:\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالثبات\u003c\/h3\u003e\n\u003cp\u003eيتدهور الريتينول بسرعة عند تعرضه للضوء والهواء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالتوصيل\u003c\/h3\u003e\n\u003cp\u003eبدون ناقلات مناسبة، يكافح الريتينول للوصول إلى ما بعد الطبقات السطحية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالتحمل\u003c\/h3\u003e\n\u003cp\u003eمعدلات التهيج العالية تؤدي إلى توقف الاستخدام قبل ظهور النتائج\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003cp\u003eتعالج تركيبة ذا أوردينري الخالية من الماء والمعتمدة على السكوالين التحديات الثلاثة مباشرة، مع الحفاظ على السلامة الجزيئية حتى لحظة الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch3 class=\"accent-text\"\u003eتركيبة متقدمة بسعر استثنائي\u003c\/h3\u003e\n\u003cp\u003eهذه ليست مجرد عناية بالبشرة - إنها كيمياء حيوية تطبيقية بأنقى أشكالها. تحتوي كل زجاجة على التركيز الدقيق اللازم للحصول على نتائج ملموسة دون مواد مالئة أو عطور أو إضافات تسويقية غير ضرورية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"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المرآة لا تكذب - لكنها تعكس الاختيارات. كل ليلة تطبق فيها هذا السيروم تمثل قرارًا للتعامل مع علم تجديد البشرة بدلاً من قبول مرور الوقت كأمر حتمي.\u003c\/p\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch3 class=\"accent-text\"\u003eللحصول على أفضل النتائج:\u003c\/h3\u003e\n\u003cul class=\"instruction-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eابدأ بكمية صغيرة (3-4 قطرات) في روتينك المسائي\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eضعه على بشرة نظيفة وجافة قبل المرطبات الثقيلة\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eاستخدم دائمًا واقي الشمس في اليوم التالي\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eاحفظه في الثلاجة بعد الفتح\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eفكر في البدء بتركيز 0.2% إذا كنت جديدًا على الريتينويدات\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eغير موصى به أثناء الحمل أو الرضاعة الطبيعية، أو مع ريتينويدات أخرى\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ordinary-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003eالخيار العلمي للتحول الملموس\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eذا أوردينري ريتينول 0.5% في السكوالين – لأن العناية الفعالة بالبشرة لا تتعلق بادعاءات المعجزات. بل تتعلق بمكونات مثبتة علميًا بتركيزات دقيقة.\u003c\/p\u003e\n\u003cp class=\"cta-subtitle\"\u003e\u003cstrong\u003eالساعة البيولوجية لبشرتك تدق. الوقت لإعادة ضبطها هو الآن.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eاطلب الآن\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.ordinary-product-container {\n \n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n direction: rtl;\n background-color: #fafafa;\n}\n\n.accent-text {\n color: #9C8102;\n}\n\n.section-line {\n height: 2px;\n width: 60px;\n background-color: #9C8102;\n margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.ordinary-hero {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n margin-bottom: 60px;\n gap: 40px;\n}\n\n.ordinary-hero-content {\n flex: 1;\n}\n\n.ordinary-hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.hero-subtitle {\n font-size: 1.3rem;\n line-height: 1.6;\n color: #555;\n}\n\n.product-image-container {\n flex: 1;\n position: relative;\n}\n\n.product-image {\n text-align: center;\n position: relative;\n z-index: 2;\n}\n\n.product-image:after {\n content: '';\n position: absolute;\n width: 80%;\n height: 80%;\n background-color: rgba(156, 129, 2, 0.1);\n right: 40px;\n bottom: -20px;\n z-index: 1;\n border-radius: 10px;\n}\n\n.main-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.main-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Section Styles *\/\n.section {\n margin-bottom: 60px;\n padding: 20px;\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.section-header {\n margin-bottom: 30px;\n}\n\n.section-header h2 {\n font-size: 1.8rem;\n margin-bottom: 5px;\n}\n\n.product-title {\n margin: 40px 0;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 10px;\n text-align: center;\n}\n\n.product-title h2 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n color: #9C8102;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n gap: 30px;\n margin-top: 30px;\n}\n\n.ingredient-card {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.ingredient-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-icon {\n width: 60px;\n height: 60px;\n margin-bottom: 20px;\n position: relative;\n}\n\n.ingredient-card h3 {\n margin-bottom: 15px;\n font-size: 1.4rem;\n}\n\n\/* Molecule Animation *\/\n.molecule-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.atom {\n position: absolute;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #9C8102;\n opacity: 0.8;\n}\n\n.atom1 {\n top: 0;\n left: 20px;\n animation: pulse 2s infinite;\n}\n\n.atom2 {\n top: 30px;\n left: 0;\n animation: pulse 2s infinite 0.5s;\n}\n\n.atom3 {\n top: 30px;\n left: 40px;\n animation: pulse 2s infinite 1s;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.2); }\n 100% { transform: scale(1); }\n}\n\n\/* Droplet Animation *\/\n.droplet-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.droplet {\n position: absolute;\n top: 0;\n left: 15px;\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50% 50% 50% 0;\n transform: rotate(-45deg);\n animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n 0% { top: 0; opacity: 0.8; }\n 80% { top: 30px; opacity: 0.8; transform: rotate(-45deg) scale(1); }\n 100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Benefits List *\/\n.benefits-list {\n list-style-type: none;\n padding: 0;\n margin-top: 15px;\n}\n\n.benefits-list li {\n padding: 10px 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n position: relative;\n padding-right: 25px;\n}\n\n.benefits-list li:before {\n content: '•';\n color: #9C8102;\n position: absolute;\n right: 0;\n top: 10px;\n font-size: 1.2rem;\n}\n\n.benefits-list li:last-child {\n border-bottom: none;\n}\n\n\/* Counter Style *\/\n.counter {\n color: #9C8102;\n font-weight: bold;\n display: inline-block;\n min-width: 2rem;\n text-align: center;\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\/* Comparison Section *\/\n.comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 25px;\n margin: 30px 0;\n}\n\n.comparison-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 position: relative;\n padding-top: 50px;\n}\n\n.comparison-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.comparison-number {\n position: absolute;\n top: -15px;\n right: 20px;\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 1.5rem;\n font-weight: bold;\n}\n\n.comparison-card h3 {\n margin-bottom: 10px;\n font-size: 1.3rem;\n}\n\n.highlighted-text {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 25px;\n margin: 30px 0;\n border-right: 4px solid #9C8102;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.value-proposition {\n margin-top: 40px;\n padding: 20px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 10px;\n text-align: center;\n}\n\n.value-proposition h3 {\n margin-bottom: 15px;\n font-size: 1.5rem;\n}\n\n\/* Usage Instructions *\/\n.usage-instructions {\n margin-top: 30px;\n}\n\n.instruction-list {\n list-style-type: none;\n padding: 0;\n}\n\n.instruction-list li {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.instruction-list li:last-child {\n border-bottom: none;\n}\n\n.instruction-icon {\n width: 35px;\n height: 35px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.instruction-text {\n flex: 1;\n}\n\n.warning-text {\n margin-top: 30px;\n padding: 15px;\n background-color: #fff6e8;\n border-radius: 10px;\n border-right: 4px solid #e8a317;\n color: #8B4513;\n}\n\n\/* CTA Section *\/\n.ordinary-cta {\n text-align: center;\n padding: 50px 40px;\n background-color: #f9f9f9;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n margin-top: 40px;\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 20px;\n}\n\n.cta-text {\n font-size: 1.2rem;\n margin-bottom: 15px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cta-subtitle {\n font-size: 1.3rem;\n margin-bottom: 30px;\n color: #555;\n}\n\n.cta-button {\n padding: 15px 40px;\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 .ordinary-hero {\n flex-direction: column;\n }\n \n .ingredients-container, .comparison-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline {\n padding-right: 30px;\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":"the ordinary","offers":[{"title":"Default Title","offer_id":40837000331461,"sku":"INSTA0589CHIQ","price":780.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/The-Ordinary-Retinol-1_-in-Squalane.jpg?v=1682325031"},{"product_id":"the-ordinary-granactive-retinoid-2-emulsion","title":"The Ordinary مستحلب الريتينويد | مضاد التجاعيد الديناميكية | مضاد التصبغات و الحبوب 2%","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n \n direction: rtl;\n color: #333;\n line-height: 1.6;\n background-color: white;\n }\n \n .product-description {\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .section.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .title {\n color: #9C8102;\n font-size: 28px;\n margin-bottom: 20px;\n position: relative;\n font-weight: 600;\n text-align: center;\n padding-bottom: 10px;\n }\n \n .title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n }\n \n .product-image {\n width: 100%;\n max-width: 600px;\n height: auto;\n margin: 20px auto;\n display: block;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .description {\n font-size: 16px;\n line-height: 1.8;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .features-list {\n list-style: none;\n margin-bottom: 20px;\n }\n \n .features-list li {\n position: relative;\n padding-right: 30px;\n margin-bottom: 15px;\n }\n \n .features-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 8px;\n width: 12px;\n height: 12px;\n background-color: #9C8102;\n border-radius: 50%;\n }\n \n \/* Timeline styles *\/\n .timeline-container {\n position: relative;\n margin: 40px auto;\n max-width: 800px;\n }\n \n .timeline-track {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 50px 0;\n }\n \n .timeline-progress {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #9C8102;\n border-radius: 4px;\n width: 0;\n transition: width 1s ease;\n }\n \n .timeline-markers {\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: -14px;\n }\n \n .timeline-marker {\n position: relative;\n width: 24px;\n height: 24px;\n background-color: white;\n border: 2px solid #e0e0e0;\n border-radius: 50%;\n cursor: pointer;\n z-index: 2;\n }\n \n .timeline-marker.active {\n background-color: #9C8102;\n border-color: #9C8102;\n }\n \n .timeline-marker-label {\n position: absolute;\n top: -30px;\n right: 50%;\n transform: translateX(50%);\n font-size: 14px;\n font-weight: 600;\n color: #777;\n text-align: center;\n white-space: nowrap;\n }\n \n .timeline-marker.active .timeline-marker-label {\n color: #9C8102;\n }\n \n .timeline-content {\n display: none;\n background-color: #f8f8f8;\n padding: 20px;\n border-radius: 8px;\n margin-top: 30px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }\n \n .timeline-content.active {\n display: block;\n }\n \n .timeline-content h3 {\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 18px;\n }\n \n .timeline-content p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 15px;\n }\n \n .timeline-content ul {\n padding-right: 20px;\n }\n \n .timeline-content li {\n margin-bottom: 8px;\n font-size: 14px;\n }\n \n .comparison-table {\n width: 100%;\n border-collapse: collapse;\n margin: 20px 0;\n }\n \n .comparison-table th, .comparison-table td {\n padding: 12px 15px;\n text-align: center;\n border: 1px solid #ddd;\n }\n \n .comparison-table th {\n background-color: #9C8102;\n color: white;\n }\n \n .comparison-table tr:nth-child(even) {\n background-color: #f8f8f8;\n }\n \n .highlight {\n color: #9C8102;\n font-weight: 600;\n }\n \n .warning {\n padding: 15px;\n background-color: #f8f8f8;\n border-right: 4px solid #9C8102;\n margin: 20px 0;\n font-size: 14px;\n color: #555;\n }\n \n .icon {\n display: inline-block;\n margin-left: 10px;\n color: #9C8102;\n }\n \n .studies-list {\n list-style: none;\n margin: 20px 0;\n }\n \n .studies-list li {\n position: relative;\n padding: 15px 35px 15px 15px;\n margin-bottom: 15px;\n background-color: #f8f8f8;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n }\n \n .studies-list li::before {\n content: '📊';\n position: absolute;\n right: 10px;\n top: 15px;\n font-size: 16px;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003cdiv class=\"section\" id=\"section1\"\u003e\n \u003ch2 class=\"title\"\u003eالجيل الجديد من الريتينويدات\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eمستحلب الريتينويد هو عبارة عن مصل مائي خفيف يستهدف علامات الشيخوخة المرئية. يحتوي على مادة الريتينويد النشطة من الجيل التالي والتي تسمى هيدروكسي بيناكولون ريتينويت (HPR)، وهي شكل أكثر ثباتًا وأقل تهيجًا من الريتينول.\u003c\/p\u003e\n \u003cimg class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign_59_1024x1024.png?v=1697968123\" alt=\"الريتينويد\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section2\"\u003e\n \u003ch2 class=\"title\"\u003eتكنولوجيا متقدمة في محاربة التجاعيد والوقاية منها\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eيعد Granactive Retinoid من The Ordinary مركبًا مضادًا للشيخوخة متقدمًا يعمل على تحفيز تكاثر خلايا الجلد، مما يساعد على تقليل تحلل الكولاجين واستعادة مرونة الجلد ونعومته. من خلال زيادة معدل تجدد الخلايا، يقلل من ظهور الخطوط الدقيقة ويساعد في منع تطور التجاعيد في المستقبل.\u003c\/p\u003e\n \u003cimg class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-granactive-retinoid-2pct-emulsion-30ml-swatch_1_600x600.webp?v=1697968181\" alt=\"Granactive Retinoid\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section3\"\u003e\n \u003ch2 class=\"title\"\u003eتأثير سريع و بدون أعراض جانبية\u003c\/h2\u003e\n \u003cul class=\"features-list\" id=\"featuresList\"\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 \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\n\n \u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n \u003ch2 class=\"title\"\u003eرحلة النتائج مع The Ordinary Granactive Retinoid\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eاكتشف كيف يعمل مستحلب Granactive Retinoid على تحسين بشرتك بمرور الوقت. النتائج التدريجية المذهلة ستدفعك للاستمرار في استخدامه!\u003c\/p\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-track\"\u003e\n \u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-markers\"\u003e\n \u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 1\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 2-4\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"6\" onclick=\"showTimelineContent(2)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 6-8\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"12\" onclick=\"showTimelineContent(3)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 12\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n \u003ch3\u003eالأسبوع الأول: بداية الترطيب والنعومة\u003c\/h3\u003e\n \u003cp\u003eستلاحظ تأثيرًا فوريًا على ترطيب البشرة ونعومتها. مستحلب The Ordinary Granactive Retinoid لطيف على البشرة ولا يسبب تهيج أو جفاف مثل الريتينول التقليدي.\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\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n \u003ch3\u003eالأسابيع 2-4: بداية تحسن الملمس والإشراق\u003c\/h3\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 \u003cli\u003eتقليل تدريجي لحب الشباب إن وجد\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n \u003ch3\u003eالأسابيع 6-8: تحسن واضح في لون البشرة والبقع\u003c\/h3\u003e\n \u003cp\u003eبعد شهر إلى شهرين من الاستخدام المنتظم، ستبدأ في رؤية تحسن ملحوظ في توحيد لون البشرة وتقليل التصبغات والبقع. أظهرت الدراسات السريرية أن استخدام HPR لمدة 8 أسابيع يؤدي إلى تحسن كبير في لون البشرة.\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 \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n \u003ch3\u003eالأسبوع 12: نتائج متكاملة وتحسن الخطوط والتجاعيد\u003c\/h3\u003e\n \u003cp\u003eبعد 3 أشهر من الاستخدام المنتظم، ستظهر النتائج الكاملة لمستحلب Granactive Retinoid. أثبتت الدراسات السريرية أن استخدام HPR لمدة 12 أسبوعًا يؤدي إلى تحسن كبير في مظهر الخطوط الدقيقة والتجاعيد.\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 \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section4\"\u003e\n \u003ch2 class=\"title\"\u003eمثبت علميا و معمليا\u003c\/h2\u003e\n \u003cul class=\"studies-list\" id=\"studiesList\"\u003e\n \u003cli\u003e\n \u003cp\u003eأظهرت دراسة أجريت على 20 شخصًا أن استخدام HPR لمدة 12 أسبوعًا أدى إلى تحسن كبير في مظهر الخطوط الدقيقة والتجاعيد وملمس البشرة.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003eأظهرت دراسة أخرى أجريت على 40 شخصًا أن استخدام HPR لمدة 8 أسابيع أدى إلى تحسن كبير في لون البشرة وتوحيد لونها.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section5\"\u003e\n \u003ch2 class=\"title\"\u003eمقارنة بين الريتينويد والريتينول\u003c\/h2\u003e\n \u003ctable class=\"comparison-table\" id=\"comparisonTable\"\u003e\n \u003ctr\u003e\n \u003cth\u003eالخصائص\u003c\/th\u003e\n \u003cth\u003eالريتينويد\u003c\/th\u003e\n \u003cth\u003eالريتينول\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eفعالية\u003c\/td\u003e\n \u003ctd class=\"highlight\"\u003eأعلى\u003c\/td\u003e\n \u003ctd\u003eمنخفضة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eاستخدامات شائعة\u003c\/td\u003e\n \u003ctd\u003eعلاج حب الشباب وتجاعيد الجلد\u003c\/td\u003e\n \u003ctd\u003eمكمل للعناية بالبشرة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eاحتمالية التهيج\u003c\/td\u003e\n \u003ctd class=\"highlight\"\u003eمنخفضة\u003c\/td\u003e\n \u003ctd\u003eعالية\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eمدة العلاج\u003c\/td\u003e\n \u003ctd class=\"highlight\"\u003eنتائج سريعة\u003c\/td\u003e\n \u003ctd\u003eيحتاج مدة أطول\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section6\"\u003e\n \u003cdiv class=\"warning\"\u003e\n \u003cp\u003e\u003cspan class=\"icon\"\u003e⚠️\u003c\/span\u003e ملاحظة: عند الحمل أو الرضاعة، يوصى بتجنب أي منتجات للعناية بالبشرة تحتوي على الريتينويدات مثل التركيبات التي تحتوي على Granactive Retinoid ™ أو Retinol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Make all sections visible initially to fix display issues\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Make all sections visible\n const sections = document.querySelectorAll('.section');\n sections.forEach(section =\u003e {\n section.classList.add('active');\n });\n \n \/\/ Initialize timeline functionality\n initializeTimeline();\n });\n \n \/\/ Timeline functionality\n function initializeTimeline() {\n \/\/ Set the first marker active by default\n const progress = document.getElementById('timelineProgress');\n progress.style.width = '0%';\n }\n \n \/\/ Show timeline content\n function showTimelineContent(index) {\n \/\/ Reset all markers and contents\n const markers = document.querySelectorAll('.timeline-marker');\n const contents = document.querySelectorAll('.timeline-content');\n \n markers.forEach(m =\u003e m.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n \n \/\/ Activate selected marker and content\n markers[index].classList.add('active');\n contents[index].classList.add('active');\n \n \/\/ Update progress bar\n const progress = document.getElementById('timelineProgress');\n const progressWidth = [0, 33, 66, 100][index];\n progress.style.width = progressWidth + '%';\n }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40837002657989,"sku":"INSTA0590CHIQ","price":799.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinaryretinoidemulsion.jpg?v=1698233982"},{"product_id":"the-ordinary-glycolic-tuning","title":"The ordinary تونر حمض الجلايكوليك 7% | تفتيح | تقشير | نضارة","description":"\u003cdiv class=\"glyc7-premium-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* === Core Variables (Liquid Gold \u0026 Midnight Dark Theme) === *\/\n .glyc7-premium-wrapper {\n --glyc7-bg-deep: #080808; \/* أسود عميق جداً *\/\n --glyc7-bg-card: rgba(20, 20, 20, 0.7); \/* زجاج داكن *\/\n --glyc7-gold-light: #fce79c;\n --glyc7-gold-main: #d4af37; \/* Liquid Gold *\/\n --glyc7-gold-dark: #b8860b;\n --glyc7-text-main: #f8f9fa;\n --glyc7-text-muted: #aeb5bc;\n --glyc7-border: rgba(212, 175, 55, 0.2);\n --glyc7-border-hover: rgba(212, 175, 55, 0.6);\n --glyc7-shadow: rgba(0, 0, 0, 0.8);\n --glyc7-gold-glow: rgba(212, 175, 55, 0.2);\n \n background-color: var(--glyc7-bg-deep);\n color: var(--glyc7-text-main);\n font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 50px 0;\n border-radius: 20px;\n box-shadow: 0 0 100px rgba(0,0,0,0.9) inset;\n }\n\n .glyc7-premium-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n .glyc7-premium-wrapper img {\n max-width: 100%; height: auto; border-radius: 16px;\n display: block; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n }\n\n .glyc7-container {\n max-width: 900px; margin: 0 auto; padding: 0 20px;\n position: relative; z-index: 2;\n }\n\n \/* === Ambient Liquid Gold Drops Background === *\/\n .glyc7-ambient-particles {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n background: radial-gradient(circle at 15% 30%, rgba(212, 175, 55, 0.05), transparent 40%),\n radial-gradient(circle at 85% 60%, rgba(212, 175, 55, 0.03), transparent 40%);\n }\n\n .glyc7-particle {\n position: absolute; border-radius: 50%; bottom: -100px;\n background: radial-gradient(circle, var(--glyc7-gold-glow) 0%, transparent 70%);\n animation: floatUpGold 15s infinite ease-in-out; filter: blur(8px);\n }\n\n @keyframes floatUpGold {\n 0% { transform: translateY(0) scale(0.8); opacity: 0; }\n 20% { opacity: 0.6; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1500px) scale(1.5); opacity: 0; }\n }\n\n \/* === Typography === *\/\n .glyc7-title-main {\n font-size: clamp(26px, 5vw, 46px); font-weight: 900; text-align: center;\n margin-bottom: 20px; line-height: 1.4; color: #fff;\n text-shadow: 0 5px 20px rgba(0,0,0,0.8);\n }\n\n .glyc7-title-main span {\n background: linear-gradient(135deg, var(--glyc7-gold-light) 0%, var(--glyc7-gold-main) 100%);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n text-shadow: 0 0 20px var(--glyc7-gold-glow);\n }\n\n .glyc7-section-title {\n font-size: clamp(22px, 4vw, 32px); font-weight: 800; color: #fff;\n text-align: center; margin: 60px auto 25px; position: relative; line-height: 1.5;\n }\n\n .glyc7-section-title::after {\n content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);\n width: 80px; height: 3px;\n background: linear-gradient(90deg, transparent, var(--glyc7-gold-main), transparent);\n border-radius: 10px; box-shadow: 0 0 10px var(--glyc7-gold-main);\n }\n\n .glyc7-subtitle {\n font-size: 1.15rem; color: var(--glyc7-text-muted); text-align: center;\n max-width: 750px; margin: 0 auto 30px; font-weight: 500; line-height: 1.8;\n }\n\n \/* === Hero Section === *\/\n .glyc7-hero { text-align: center; padding: 20px 0 40px; }\n\n .glyc7-badge {\n display: inline-block; background: rgba(212, 175, 55, 0.1);\n border: 1px solid var(--glyc7-gold-main); color: var(--glyc7-gold-light);\n padding: 8px 20px; border-radius: 30px; font-size: 0.95rem; font-weight: bold;\n margin-bottom: 20px; box-shadow: 0 0 20px var(--glyc7-gold-glow);\n }\n\n \/* === Agitation Box (The Problem) === *\/\n .glyc7-alert-box {\n background: linear-gradient(145deg, rgba(20,20,20,0.8), rgba(5,5,5,0.9));\n border: 1px solid rgba(255,255,255,0.05); border-right: 4px solid var(--glyc7-gold-main);\n padding: 30px; border-radius: 16px; margin: 40px 0;\n box-shadow: 0 20px 40px var(--glyc7-shadow); text-align: right;\n backdrop-filter: blur(10px);\n }\n\n \/* === Synergy UVP Section (Equation) === *\/\n .glyc7-synergy-box {\n background: var(--glyc7-bg-card); backdrop-filter: blur(15px);\n border: 1px solid var(--glyc7-border); border-radius: 20px; padding: 40px 30px;\n margin: 50px 0; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n }\n\n .glyc7-equation {\n display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 15px; margin-bottom: 25px;\n }\n\n .glyc7-eq-item {\n flex: 1; min-width: 200px; background: rgba(0,0,0,0.5); padding: 25px;\n border-radius: 15px; border: 1px dashed var(--glyc7-gold-main);\n }\n\n .glyc7-eq-plus { font-size: 2.5rem; color: var(--glyc7-gold-main); font-weight: 900; align-self: center; text-shadow: 0 0 15px var(--glyc7-gold-glow);}\n\n .glyc7-eq-result {\n background: linear-gradient(135deg, var(--glyc7-gold-dark), var(--glyc7-gold-main));\n color: #000; padding: 15px 25px;\n border-radius: 12px; font-size: 1.3rem; font-weight: 900; width: 100%;\n box-shadow: 0 10px 30px var(--glyc7-gold-glow);\n }\n\n \/* === Cards Grid === *\/\n .glyc7-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 30px 0;\n }\n\n .glyc7-card {\n background: linear-gradient(145deg, rgba(30,30,35,0.5), rgba(10,10,12,0.8));\n border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 25px;\n transition: all 0.4s ease; position: relative; overflow: hidden; box-shadow: 0 10px 30px var(--glyc7-shadow);\n }\n\n .glyc7-card:hover {\n transform: translateY(-8px); border-color: var(--glyc7-gold-main);\n box-shadow: 0 15px 30px var(--glyc7-gold-glow); background: rgba(20,20,20,0.9);\n }\n\n .glyc7-icon {\n width: 55px; height: 55px; background: rgba(212, 175, 55, 0.1);\n border: 1px solid var(--glyc7-border); border-radius: 14px; display: flex;\n align-items: center; justify-content: center; margin-bottom: 20px;\n color: var(--glyc7-gold-light); font-size: 26px; transition: transform 0.3s ease;\n }\n \n .glyc7-card:hover .glyc7-icon {\n transform: scale(1.1) rotate(5deg); background: var(--glyc7-gold-main); color: #000; border-color: transparent;\n box-shadow: 0 0 20px var(--glyc7-gold-glow);\n }\n\n .glyc7-card h3 { font-size: 1.2rem; color: #fff; margin-bottom: 12px; font-weight: 800; }\n .glyc7-card p { color: var(--glyc7-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n \/* === Viral Hacks Section (Multi-use) === *\/\n .glyc7-hacks-wrapper {\n background: linear-gradient(180deg, rgba(212, 175, 55, 0.05), transparent);\n border: 1px solid var(--glyc7-border); border-radius: 20px; padding: 40px; margin: 50px 0;\n backdrop-filter: blur(10px);\n }\n \n .glyc7-hacks-wrapper h2 { color: var(--glyc7-gold-light); }\n\n \/* === Timeline === *\/\n .glyc7-timeline-item {\n display: flex; align-items: center; gap: 20px; background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.05); padding: 25px; border-radius: 16px;\n border-right: 4px solid var(--glyc7-gold-main); margin-bottom: 20px; transition: all 0.3s;\n }\n .glyc7-timeline-item:hover { transform: translateX(-5px); background: rgba(212, 175, 55, 0.05); border-color: var(--glyc7-border); }\n \n .glyc7-time-badge {\n background: rgba(212, 175, 55, 0.15); color: var(--glyc7-gold-light); border: 1px solid var(--glyc7-border);\n padding: 8px 15px; border-radius: 8px; font-weight: bold; min-width: 120px; text-align: center;\n }\n\n \/* === Usage Steps === *\/\n .glyc7-step-item {\n display: flex; align-items: flex-start; gap: 20px; background: rgba(0,0,0,0.5);\n padding: 25px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); transition: all 0.3s;\n }\n .glyc7-step-item:hover { border-color: var(--glyc7-gold-main); transform: translateY(-5px); }\n .glyc7-step-num {\n min-width: 45px; height: 45px; background: var(--glyc7-bg-deep); color: var(--glyc7-gold-light);\n border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid var(--glyc7-gold-main);\n font-size: 1.3rem; font-weight: bold; box-shadow: 0 0 15px var(--glyc7-gold-glow);\n }\n\n \/* === Animations === *\/\n .glyc7-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .glyc7-reveal.glyc7-active { opacity: 1; transform: translateY(0); }\n .glyc7-delay-1 { transition-delay: 0.1s; }\n .glyc7-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .glyc7-equation { flex-direction: column; }\n .glyc7-timeline-item { flex-direction: column; text-align: center; align-items: stretch; }\n .glyc7-time-badge { margin-bottom: 15px; }\n .glyc7-step-item { flex-direction: column; text-align: center; align-items: center; }\n .glyc7-hacks-wrapper { padding: 25px 15px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"glyc7-ambient-particles\" id=\"glyc7-particles\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"glyc7-container\"\u003e\n \n \u003c!-- 1. Hero Section --\u003e\n \u003cdiv class=\"glyc7-hero glyc7-reveal glyc7-active\"\u003e\n \u003cdiv class=\"glyc7-badge\"\u003eالتونر رقم #1 مبيعاً في العالم\u003c\/div\u003e\n \u003ch1 class=\"glyc7-title-main\"\u003eألقي بمقشراتك الفيزيائية في القمامة.. \u003cbr\u003e\u003cspan\u003eسر \"البشرة الزجاجية الكورية\" في قطرات!\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \u003cp class=\"glyc7-subtitle\"\u003e\n السكراب والمقشرات الخشنة تمزق حاجز بشرتك دون أن تدري. الحل الحقيقي للخشونة، التصبغات، والجلد الميت هو التقشير الكيميائي المدروس بقوة العيادات.\n \u003c\/p\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinary_glycolic_toner.webp?v=1745950200\" alt=\"The Ordinary Glycolic Acid 7% Toning Solution\" style=\"margin: 0 auto 30px;\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2. The Problem (Agitation) --\u003e\n \u003cdiv class=\"glyc7-alert-box glyc7-reveal\"\u003e\n \u003ch3 style=\"color: #fff; font-size: 1.4rem; margin-bottom: 10px;\"\u003eلماذا يبدو وجهكِ باهتاً مهما استخدمتي من مرطبات؟\u003c\/h3\u003e\n \u003cp style=\"color: var(--glyc7-text-muted); font-size: 1.05rem; line-height: 1.8;\"\u003e\n الخلايا الميتة تتراكم يومياً مثل \"الأسمنت\" على سطح بشرتك، مما يمنع أي سيروم أو كريم غالي الثمن من الاختراق. النتيجة؟ بشرة خشنة الملمس (Milia)، مسام مسدودة، وحبوب تحت الجلد. إزالة هذا الأسمنت لا تتم بالفرك القاسي، بل بإذابته علمياً.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- 3. The UVP Synergy Equation --\u003e\n \u003cdiv class=\"glyc7-synergy-box glyc7-reveal\"\u003e\n \u003ch2 style=\"color: #fff; font-size: 1.8rem; margin-bottom: 20px;\"\u003eالمعادلة الكيميائية المستحيلة: كيف كسر ذا أوردينري القاعدة؟\u003c\/h2\u003e\n \u003cp style=\"color: var(--glyc7-text-muted); margin-bottom: 30px; font-size: 1.1rem;\"\u003eالمشكلة الأزلية لحمض الجلايكوليك هي أنه \"يحرق ويُهيّج\" البشرة. لكن مختبرات The Ordinary خلقت التوازن العبقري:\u003c\/p\u003e\n \n \u003cdiv class=\"glyc7-equation\"\u003e\n \u003cdiv class=\"glyc7-eq-item\"\u003e\n \u003ch3 style=\"color: var(--glyc7-gold-light); margin-bottom: 10px;\"\u003eحمض الجلايكوليك 7%\u003c\/h3\u003e\n \u003cp style=\"font-size: 0.95rem; color: #ddd;\"\u003eالتركيز المثالي (والمطابق لدرجة حموضة 3.6 pKa) لإذابة الروابط بين الخلايا الميتة بكفاءة طبية دون تعميق الضرر.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glyc7-eq-plus\"\u003e+\u003c\/div\u003e\n \u003cdiv class=\"glyc7-eq-item\" style=\"border-color: #4CAF50; background: rgba(76, 175, 80, 0.1);\"\u003e\n \u003ch3 style=\"color: #4CAF50; margin-bottom: 10px;\"\u003eفلفل تسمانيا + صبار\u003c\/h3\u003e\n \u003cp style=\"font-size: 0.95rem; color: #ddd;\"\u003eمركبات نباتية مهدئة جبارة تعمل في نفس اللحظة لإخماد أي التهاب، ومنع الاحمرار أو التحسس الناتج عن التقشير.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"glyc7-eq-result\"\u003e\n = تقشير كلينيكي فائق القوة بـ \"صفر\" تهيج!\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 4. Main Benefits Grid --\u003e\n \u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eتجديد شامل للبشرة أثناء نومك\u003c\/h2\u003e\n \u003cdiv class=\"glyc7-grid\"\u003e\n \u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n \u003cdiv class=\"glyc7-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eتلميع الملمس (Resurfacing)\u003c\/h3\u003e\n \u003cp\u003eيمسح الملمس الخشن والحبوب الدقيقة تحت الجلد، ليترك سطح البشرة ناعماً كالحرير وجاهزاً لمكياج بلا عيوب.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-1\"\u003e\n \u003cdiv class=\"glyc7-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3\u003eأستيكة التصبغات وآثار الحبوب\u003c\/h3\u003e\n \u003cp\u003eيسرع دورة حياة الخلية، فيقوم بطرد الخلايا المليئة بالميلانين (التصبغات القديمة) وإظهار خلايا جديدة نقية وصافية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-2\"\u003e\n \u003cdiv class=\"glyc7-icon\"\u003e🕳️\u003c\/div\u003e\n \u003ch3\u003eتنظيف وتصغير المسام\u003c\/h3\u003e\n \u003cp\u003eيذيب الدهون المتأكسدة داخل المسام، مما يمنع تكون الرؤوس السوداء ويقلص المظهر الواسع للمسام بشكل ملحوظ.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n \u003cdiv class=\"glyc7-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eحاجز قوي (أحماض أمينية)\u003c\/h3\u003e\n \u003cp\u003eعلى عكس المقشرات الأخرى، يحتوي على أحماض أمينية وجينسينج لتقوية حاجز البشرة وزيادة ضخ الإشراقة (Glow).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 5. Viral Hacks (Multi-use) - The Game Changer --\u003e\n \u003cdiv class=\"glyc7-hacks-wrapper glyc7-reveal\"\u003e\n \u003ch2 class=\"glyc7-section-title\" style=\"margin-top: 0;\"\u003eليس للوجه فقط! (أسرار التيك توك الفيروسية)\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: var(--glyc7-text-muted); margin-bottom: 30px; font-size: 1.1rem;\"\u003eلماذا تشتري الملايين هذا الحجم الكبير (240 مل)؟ لأنه حرفياً يحل مشاكل الجسم بالكامل:\u003c\/p\u003e\n \n \u003cdiv class=\"glyc7-grid\"\u003e\n \u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n \u003ch3\u003e🌸 تفتيح منطقة الإبط ومزيل عرق\u003c\/h3\u003e\n \u003cp\u003eيقتل البكتيريا المسببة لرائحة العرق فوراً، ويقشر الجلد الميت المتراكم الذي يسبب اسمرار منطقة الإبط.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-1\"\u003e\n \u003ch3\u003e🍓 علاج \"جلد الوزة\" (Strawberry Legs)\u003c\/h3\u003e\n \u003cp\u003eالحل الجذري للحبوب الحمراء بعد إزالة الشعر والشعر تحت الجلد في الساقين والذراعين.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-2\"\u003e\n \u003ch3\u003e❄️ تنظيف قشرة فروة الرأس\u003c\/h3\u003e\n \u003cp\u003eاستخدميه قبل الشامبو بـ 20 دقيقة لإذابة قشرة الرأس الدهنية وتراكمات المنتجات من الفروة تماماً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 6. Timeline --\u003e\n \u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eالجدول الزمني للحصول على الـ Glass Skin\u003c\/h2\u003e\n \u003cdiv class=\"glyc7-reveal\" style=\"display: flex; flex-direction: column; gap: 10px;\"\u003e\n \u003cdiv class=\"glyc7-timeline-item\"\u003e\n \u003cdiv class=\"glyc7-time-badge\"\u003eبعد ليلة واحدة\u003c\/div\u003e\n \u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eاستيقظي ببشرة مشدودة، لامعة (Dewy)، وملمس ناعم بشكل ملحوظ لدرجة أنك ستشعرين بالفرق عند غسل وجهك.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glyc7-timeline-item\"\u003e\n \u003cdiv class=\"glyc7-time-badge\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eتراجع ملحوظ في الرؤوس السوداء والبيضاء، واختفاء الحبوب الدقيقة التي تعطي ملمساً خشناً للجلد.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glyc7-timeline-item\"\u003e\n \u003cdiv class=\"glyc7-time-badge\"\u003eبعد 4 أسابيع\u003c\/div\u003e\n \u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eتوحيد قوي للون البشرة، بهتان أقل، وتلاشي ملحوظ لآثار الحبوب القديمة والتصبغات.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 7. Usage Guide --\u003e\n \u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eدليل الاستخدام (السر في الالتزام الصحيح)\u003c\/h2\u003e\n \u003cdiv class=\"glyc7-grid glyc7-reveal\" style=\"gap: 20px;\"\u003e\n \u003cdiv class=\"glyc7-step-item\"\u003e\n \u003cdiv class=\"glyc7-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eالتوقيت\u003c\/h4\u003e\n \u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eيُستخدم \u003cstrong\u003eفي المساء فقط\u003c\/strong\u003e (لا يستخدم نهاراً أبداً)، من 2 إلى 3 مرات أسبوعياً كحد أقصى.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glyc7-step-item\"\u003e\n \u003cdiv class=\"glyc7-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eالتطبيق\u003c\/h4\u003e\n \u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eبعد الغسول، بللي قطنة بالتونر وامسحي بها وجهك ورقبتك (تجنبي منطقة محيط العين تماماً).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glyc7-step-item\"\u003e\n \u003cdiv class=\"glyc7-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eالخطوة التالية\u003c\/h4\u003e\n \u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eلا يُغسل! اتركيه يجف قليلاً ثم ضعي سيروم الهيالورونيك والمرطب الخاص بك لحبس التقشير.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glyc7-step-item\" style=\"border-color: #ff4d4d; box-shadow: inset 0 0 15px rgba(255,77,77,0.1);\"\u003e\n \u003cdiv class=\"glyc7-step-num\" style=\"border-color: #ff4d4d; color: #ff4d4d; box-shadow: 0 0 15px rgba(255,77,77,0.3);\"\u003e!\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color: #ff4d4d; margin-bottom: 8px;\"\u003eالتحذير الأهم\u003c\/h4\u003e\n \u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eواقي الشمس (SPF) في الصباح التالي إجباري! ولا يُخلط في نفس الليلة مع الريتينول أو أحماض أخرى.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 8. Final CTA --\u003e\n \u003cdiv class=\"glyc7-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--glyc7-border);\"\u003e\n \u003ch2 class=\"glyc7-title-main\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eزجاجة واحدة (240 مل) ستغير حرفياً جودة بشرتك وجسمك!\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.15rem; color: var(--glyc7-text-muted); max-width: 750px; margin: 20px auto; line-height: 1.8;\"\u003e\n منتج ذا أوردينري الأشهر ليس مجرد \"تريند\"، بل هو أساس أي روتين عناية ناجح. بدون إزالة الطبقة الميتة، أنتِ تهدرين أموالك على السيرومات الأخرى.\n \u003c\/p\u003e\n \u003cp style=\"color: var(--glyc7-gold-main); font-size: 1.5rem; font-weight: bold; margin-top: 20px; text-shadow: 0 0 20px var(--glyc7-gold-glow);\"\u003e\n ابدئي رحلة التجديد اليوم، واطلبي \"الذهب السائل\" الأصلي الآن!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n var reveals = document.querySelectorAll('.glyc7-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('glyc7-active');\n observer.unobserve(entry.target); \n }\n });\n }, { root: null, threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n reveals.forEach(function(reveal) {\n reveal.classList.remove('glyc7-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Ambient Particles Generator\n var ambientContainer = document.getElementById('glyc7-particles');\n var particleCount = 25; \n \n for (var i = 0; i \u003c particleCount; i++) {\n var particle = document.createElement('div');\n particle.classList.add('glyc7-particle');\n \n var size = Math.random() * 40 + 10; \n var left = Math.random() * 100; \n var duration = Math.random() * 15 + 15; \n var delay = Math.random() * 10; \n \n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = left + '%';\n particle.style.animationDuration = duration + 's';\n particle.style.animationDelay = delay + 's';\n \n ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"240 ml","offer_id":42416029630661,"sku":"INSTA0690CHIQ","price":1160.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinaryglycolicacidtoner.jpg?v=1702385538"},{"product_id":"the-ordinary-multi-peptide-hair-serum-volume-density","title":"The ordinary سيروم مالتي ببتايد لزيادة كثافة وسمك الشعر 60 ملل","description":"\u003c!-- The Ordinary Multi-Peptide Hair Serum - Luxury High Contrast \u0026 Dense Grid Redesign --\u003e\n\u003cdiv id=\"ord-glass-dossier\" class=\"ord-ultimate-container\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* ==========================================================================\n THE ORDINARY MULTI-PEPTIDE HAIR SERUM - HIGH CONTRAST \u0026 DENSE GRID SYSTEM\n ========================================================================== *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900\u0026family=Tajawal:wght@400;500;700;800;900\u0026display=swap');\n\n .ord-ultimate-container {\n \/* Palette: Deep Obsidian, Laboratory Gold \u0026 Pure High Contrast White *\/\n --ord-bg-base: #030305;\n --ord-bg-card: rgba(14, 14, 20, 0.88);\n --ord-bg-card-hover: rgba(22, 22, 32, 0.96);\n \n --ord-neon-gold: #ffd700;\n --ord-gold-accent: #e5b842;\n --ord-gold-glow: rgba(255, 215, 0, 0.45);\n --ord-amber-glow: rgba(229, 184, 66, 0.3);\n\n --ord-text-pure: #ffffff;\n --ord-border: rgba(229, 184, 66, 0.28);\n --ord-border-hover: rgba(255, 215, 0, 0.85);\n\n background-color: var(--ord-bg-base);\n color: var(--ord-text-pure);\n font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n line-height: 1.8;\n width: 100%;\n max-width: 100%;\n position: relative;\n padding: 40px 0;\n border-radius: 24px;\n box-shadow: inset 0 0 120px rgba(229, 184, 66, 0.08);\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n }\n\n .ord-ultimate-container * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* *\/\n .neon-gold {\n color: var(--ord-neon-gold) !important;\n text-shadow: 0 0 10px var(--ord-gold-glow), 0 0 20px var(--ord-gold-glow);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n .gold-text-solid {\n color: var(--ord-gold-accent) !important;\n font-weight: 800;\n }\n\n \/* ضمان التوسيط التام واحتواء الصور على جميع الشاشات *\/\n .ord-ultimate-container img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 18px;\n display: block;\n margin-left: auto !important;\n margin-right: auto !important;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(229, 184, 66, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .ord-img-md {\n max-width: 650px !important;\n width: 100%;\n margin-left: auto !important;\n margin-right: auto !important;\n display: block;\n text-align: center;\n }\n\n .ord-container {\n max-width: 940px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n }\n\n \/* *\/\n .ord-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .ord-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(100px);\n opacity: 0.3;\n animation: ordOrbFloat 18s infinite alternate ease-in-out;\n pointer-events: none;\n }\n\n .ord-orb-1 {\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(229, 184, 66, 0.2) 0%, transparent 70%);\n top: -120px; right: -120px;\n }\n\n .ord-orb-2 {\n width: 550px; height: 550px;\n background: radial-gradient(circle, rgba(160, 110, 20, 0.18) 0%, transparent 70%);\n bottom: 15%; left: -150px;\n animation-delay: -6s;\n }\n\n @keyframes ordOrbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 80px) scale(1.15); }\n }\n\n \/* *\/\n .ord-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(229, 184, 66, 0.45);\n word-wrap: break-word;\n }\n\n .ord-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .ord-section-title::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--ord-gold-accent), var(--ord-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--ord-gold-glow);\n }\n\n .ord-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(229, 184, 66, 0.15);\n border: 1.5px solid var(--ord-gold-accent);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--ord-gold-glow);\n letter-spacing: 0.5px;\n }\n\n .ord-gold-dot {\n width: 8px; height: 8px;\n background: var(--ord-neon-gold);\n border-radius: 50%;\n box-shadow: 0 0 10px var(--ord-neon-gold);\n display: inline-block;\n }\n\n .ord-sub-text {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 840px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--ord-gold-accent);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(229, 184, 66, 0.08));\n border-radius: 12px 0 0 12px;\n text-align: right;\n }\n\n .ord-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--ord-gold-accent), var(--ord-neon-gold), var(--ord-gold-accent), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--ord-gold-glow);\n }\n\n \/* *\/\n .ord-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n margin: 35px 0;\n width: 100%;\n }\n\n .ord-card {\n background: linear-gradient(145deg, rgba(20, 20, 28, 0.92), rgba(10, 10, 14, 0.98));\n border: 1px solid var(--ord-border);\n border-radius: 18px;\n padding: 26px 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n text-align: center;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n min-width: 0;\n word-break: break-word;\n }\n\n .ord-card:hover {\n transform: translateY(-8px);\n border-color: var(--ord-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--ord-gold-glow);\n background: var(--ord-bg-card-hover);\n }\n\n .ord-icon-circle {\n width: 65px; height: 65px;\n background: rgba(10, 10, 14, 0.9);\n border: 1.5px solid var(--ord-border);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 18px;\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(229, 184, 66, 0.2);\n flex-shrink: 0;\n padding: 12px;\n }\n\n .ord-icon-circle img {\n width: 100%; height: 100%;\n object-fit: contain;\n border: none;\n box-shadow: none;\n filter: invert(80%) sepia(45%) saturate(700%) hue-rotate(5deg) brightness(1.15) contrast(1.1);\n }\n\n .ord-card:hover .ord-icon-circle {\n transform: scale(1.1) rotate(-5deg);\n background: var(--ord-gold-accent);\n border-color: transparent;\n box-shadow: 0 0 25px var(--ord-neon-gold);\n }\n\n .ord-card:hover .ord-icon-circle img {\n filter: brightness(0) invert(0);\n }\n\n .ord-card h4 {\n font-size: 1.22rem;\n color: #ffffff;\n margin-bottom: 8px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .ord-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.65;\n font-weight: 500;\n }\n\n \/* *\/\n .ord-glass-box {\n background: var(--ord-bg-card);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--ord-border);\n border-radius: 20px;\n padding: 35px 25px;\n margin: 35px auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n position: relative;\n overflow: hidden;\n max-width: 880px;\n width: 100%;\n }\n\n .ord-glass-box::before {\n content: '';\n position: absolute;\n top: 0; right: 0; width: 4px; height: 100%;\n background: linear-gradient(180deg, var(--ord-gold-accent), var(--ord-neon-gold), transparent);\n }\n\n .ord-glass-box p, \n .ord-glass-box li {\n color: #ffffff;\n font-size: 1.12rem;\n font-weight: 600;\n line-height: 1.85;\n }\n\n \/* شبكة مقارنة المينوكسيديل *\/\n .ord-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 16px;\n margin-top: 25px;\n width: 100%;\n text-align: right;\n }\n\n .ord-comparison-item {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(--ord-border);\n border-right: 4px solid var(--ord-gold-accent);\n border-radius: 14px;\n padding: 18px 16px;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .ord-comparison-item:hover {\n transform: translateX(-5px);\n border-color: var(--ord-neon-gold);\n background: rgba(229, 184, 66, 0.08);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);\n }\n\n .ord-check-icon {\n width: 28px; height: 28px; min-width: 28px;\n background: rgba(229, 184, 66, 0.2);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n color: var(--ord-neon-gold);\n font-weight: 900;\n }\n\n \/* *\/\n .ord-tech-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .ord-tech-card {\n background: linear-gradient(145deg, rgba(20, 20, 28, 0.94), rgba(10, 10, 14, 0.98));\n border: 1px solid var(--ord-border);\n border-radius: 18px;\n padding: 26px 20px;\n text-align: right;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-width: 0;\n }\n\n .ord-tech-card:hover {\n transform: translateY(-8px);\n border-color: var(--ord-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--ord-gold-glow);\n background: var(--ord-bg-card-hover);\n }\n\n .ord-tech-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 16px;\n }\n\n .ord-tech-badge {\n display: inline-block;\n background: rgba(229, 184, 66, 0.15);\n color: var(--ord-neon-gold);\n padding: 4px 12px;\n border-radius: 6px;\n font-family: monospace;\n font-size: 0.85rem;\n font-weight: 900;\n border: 1px solid rgba(229, 184, 66, 0.3);\n margin-bottom: 8px;\n }\n\n .ord-tech-card h4 {\n font-size: 1.4rem;\n color: #ffffff;\n font-weight: 900;\n margin-bottom: 4px;\n }\n\n .ord-tech-card h5 {\n font-size: 1.08rem;\n color: var(--ord-gold-accent);\n font-weight: 800;\n margin-bottom: 12px;\n }\n\n .ord-tech-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n margin-bottom: 16px;\n }\n\n .ord-highlight-box {\n margin-top: auto;\n padding: 14px 16px;\n background: rgba(229, 184, 66, 0.08);\n border-radius: 12px;\n border-right: 3.5px solid var(--ord-gold-accent);\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n .ord-alert-card {\n background: rgba(20, 20, 28, 0.85);\n border: 1.5px dashed var(--ord-gold-accent);\n border-radius: 18px;\n padding: 24px;\n margin: 35px auto 10px;\n display: flex;\n align-items: center;\n gap: 20px;\n text-align: right;\n max-width: 880px;\n }\n\n .ord-alert-icon {\n width: 45px; height: 45px; min-width: 45px;\n border-radius: 50%;\n background: var(--ord-gold-accent);\n color: #000;\n display: flex; align-items: center; justify-content: center;\n font-weight: 900; font-size: 1.4rem;\n }\n\n \/* *\/\n \/* شبكة النتائج الدائمة *\/\n .ord-features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n \/* شبكة خطوات الاستخدام *\/\n .ord-steps-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .ord-step-card {\n background: rgba(14, 14, 20, 0.85);\n border: 1.5px dashed var(--ord-border);\n padding: 28px 18px 22px;\n border-radius: 18px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .ord-step-card:hover {\n border-color: var(--ord-neon-gold);\n transform: translateY(-5px);\n background: var(--ord-bg-card-hover);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);\n }\n\n .ord-step-num {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--ord-gold-accent), #8a6514);\n color: #000;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: monospace;\n font-weight: 900;\n font-size: 1.3rem;\n box-shadow: 0 4px 15px rgba(229, 184, 66, 0.4);\n border: 2px solid var(--ord-bg-base);\n margin-bottom: 14px;\n flex-shrink: 0;\n }\n\n .ord-step-card h4 {\n color: var(--ord-gold-accent);\n font-size: 1.18rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .ord-step-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.65;\n font-weight: 600;\n }\n\n \/* شبكة معرض التحولات السريرية *\/\n .ord-gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 16px;\n margin: 35px 0;\n width: 100%;\n }\n\n .ord-gallery-item {\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n border: 1px solid var(--ord-border);\n background: rgba(14, 14, 20, 0.85);\n transition: transform 0.4s ease, border-color 0.4s ease;\n }\n\n .ord-gallery-item:hover {\n transform: scale(1.04);\n border-color: var(--ord-neon-gold);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .ord-gallery-item img {\n width: 100%;\n display: block;\n border: none;\n box-shadow: none;\n filter: grayscale(20%) contrast(1.08);\n transition: all 0.4s ease;\n }\n\n .ord-gallery-item:hover img {\n filter: grayscale(0%) contrast(1.15);\n }\n\n \/* زر الدعوة النهائي *\/\n .ord-gold-btn {\n display: inline-block;\n background: linear-gradient(135deg, var(--ord-gold-accent), #ffe680, var(--ord-gold-accent));\n color: #000000 !important;\n padding: 16px 48px;\n border-radius: 40px;\n text-decoration: none;\n font-weight: 900;\n font-size: 1.25rem;\n box-shadow: 0 8px 30px rgba(229, 184, 66, 0.35);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n margin-top: 25px;\n }\n\n .ord-gold-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 12px 40px rgba(255, 215, 0, 0.6);\n background: linear-gradient(135deg, #ffffff, var(--ord-neon-gold));\n }\n\n \/* الأنميشن عند التمرير *\/\n .ord-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .ord-reveal.ord-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .ord-delay-1 { transition-delay: 0.12s; }\n .ord-delay-2 { transition-delay: 0.24s; }\n\n \/* *\/\n @media (max-width: 768px) {\n .ord-ultimate-container { padding: 25px 0; }\n .ord-container { padding: 0 14px !important; }\n .ord-glass-box { padding: 22px 14px !important; }\n .ord-img-md { max-width: 100% !important; }\n\n \/* تحويل شبكات الفوائد والاستخدامات إلى عمودين على الموبايل *\/\n .ord-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n }\n\n .ord-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .ord-icon-circle {\n width: 44px !important;\n height: 44px !important;\n margin-bottom: 10px !important;\n padding: 8px !important;\n }\n\n .ord-card h4 {\n font-size: 0.92rem !important;\n margin-bottom: 4px !important;\n line-height: 1.3 !important;\n }\n\n .ord-card p {\n font-size: 0.8rem !important;\n line-height: 1.5 !important;\n }\n\n \/* شبكة أسباب التساقط: عمودين على الموبايل *\/\n .ord-causes-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n \/* شبكة التقنيات الست: عمودين متجاورين على الموبايل *\/\n .ord-tech-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .ord-tech-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .ord-tech-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 2px !important;\n }\n\n .ord-tech-card h5 {\n font-size: 0.85rem !important;\n margin-bottom: 6px !important;\n }\n\n .ord-tech-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n margin-bottom: 8px !important;\n }\n\n .ord-highlight-box {\n padding: 10px 8px !important;\n font-size: 0.78rem !important;\n line-height: 1.4 !important;\n }\n\n \/* شبكة الميزات والنتائج الدائمة: عمودين على الموبايل *\/\n .ord-features-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .ord-features-grid .ord-card:last-child {\n grid-column: span 2 !important;\n }\n\n \/* شبكة خطوات الاستخدام: عمودين على الموبايل *\/\n .ord-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 12px 10px !important;\n }\n\n .ord-step-card {\n padding: 18px 10px 14px !important;\n border-radius: 14px !important;\n }\n\n .ord-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.05rem !important;\n margin-bottom: 8px !important;\n }\n\n .ord-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .ord-step-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n \/* شبكة المعرض *\/\n .ord-gallery-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .ord-gallery-grid .ord-gallery-item:last-child {\n grid-column: span 2 !important;\n }\n\n .ord-alert-card {\n flex-direction: column !important;\n text-align: center !important;\n padding: 18px !important;\n gap: 12px !important;\n }\n\n .ord-comparison-grid {\n grid-template-columns: 1fr !important;\n }\n\n .ord-title-glow { font-size: 24px; }\n .ord-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- --\u003e\n \u003cdiv class=\"ord-ambient-bg\"\u003e\n \u003cdiv class=\"ord-orb ord-orb-1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ord-orb ord-orb-2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-container\"\u003e\n\n \u003c!-- 1. Hero \u0026 Emergency Protocol Section --\u003e\n \u003cheader class=\"ord-reveal ord-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n \u003cdiv class=\"ord-badge\"\u003e\n \u003cspan class=\"ord-gold-dot\"\u003e\u003c\/span\u003e البروتوكول السريري\n \u003c\/div\u003e\n \u003ch3 style=\"font-size: 1.25rem; color: var(--ord-gold-accent); margin-bottom: 12px; font-weight: 800;\"\u003eرحلة اسعاف شعرك تبدأ الآن\u003c\/h3\u003e\n \u003ch1 class=\"ord-title-glow\"\u003eقم بعملية إنعاش البصيلة قبل موتها\u003c\/h1\u003e\n \n \u003cp class=\"ord-sub-text pure-white\"\u003e\n عند توقف نمو البصيلة. هذا لا يعني أن البصيلة قد ماتت ! يمكنك انقاذ بصيلات شعرك, اذا قمت بمعالجتها مبكرا !\n \u003cbr\u003e\u003cbr\u003e\n \u003cstrong class=\"neon-gold\" style=\"font-size: 1.3rem;\"\u003eلا تنتظر لحين موت البصيلة قبل أن تتخذ اجراء الانعاش !\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003c!-- Hero Product Image (متوسطة تماماً على الديسكتوب والموبايل) --\u003e\n \u003cdiv class=\"ord-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_multipeptide_hair_serum_original_egypt.webp?v=1778926780\" alt=\"The Ordinary Hair Serum\"\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- --\u003e\n \u003c!-- 2. Primary Indications (Core Uses) --\u003e\n \u003csection class=\"ord-reveal\" style=\"margin-top: 25px;\"\u003e\n \u003ch2 class=\"ord-section-title\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n \n \u003cdiv class=\"ord-grid\"\u003e\n \u003cdiv class=\"ord-card\"\u003e\n \u003cdiv class=\"ord-icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/1_b4e4172d-91a1-412e-8f90-5deae77dcb0f.png?v=1710755477\u0026amp;width=150\" alt=\"إنبات\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eيعمل على إنبات الشعر\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eيحفز انقسام الخلايا الجذعية\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-card ord-delay-1\"\u003e\n \u003cdiv class=\"ord-icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/2_3020e276-8a23-44a1-bb26-b1d835138490.png?v=1710755477\u0026amp;width=150\" alt=\"إيقاف التساقط\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eيوقف تساقط الشعر\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eيغذي البصيلة و يحسن سريان الدم\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-card ord-delay-2\"\u003e\n \u003cdiv class=\"ord-icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/3_deda3a73-cc1e-4840-944a-c74967585bee.png?v=1710755476\u0026amp;width=150\" alt=\"DHT\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eيقلل تأثير هرمون DHT\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eيقلل تأثير الهرمون الرئيسي المسبب للصلع الوراثي\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-card\"\u003e\n \u003cdiv class=\"ord-icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/5_fc0e59db-1144-4c3d-bc80-8e8845596733.png?v=1710755477\u0026amp;width=150\" alt=\"كثافة\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eيزيد كثافة و سمك البصيلة\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eيحسن من كثافة الشعر و يقلل الفراغات في الرأس\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-card ord-delay-1\" style=\"grid-column: 1 \/ -1;\"\u003e\n \u003cdiv class=\"ord-icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/4_2de1d121-2b99-4be6-b373-55833e611001.png?v=1710755477\u0026amp;width=150\" alt=\"التهابات\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eمضاد لالتهابات البصيلة\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eيحتوي على مضادات التهابات لعلاج التساقط الناتج عن التهاب\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- --\u003e\n \u003c!-- 3. The Minoxidil Comparison --\u003e\n \u003csection class=\"ord-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n \u003ch2 class=\"ord-section-title\"\u003eأفضل من المينوكسديل\u003c\/h2\u003e\n \n \u003cdiv class=\"ord-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_47.png?v=1672590638\u0026amp;width=720\" alt=\"Better than Minoxidil\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-glass-box\"\u003e\n \u003cp class=\"pure-white\" style=\"font-size: 1.25rem; line-height: 1.85; margin-bottom: 25px; text-align: center;\"\u003e\n على عكس المنتجات القائمة على المينوكسيديل والتي تتراجع النتائج في غضون شهر من التوقف عن العلاج ، \u003cstrong class=\"neon-gold\"\u003eسيعطيك هذا السيروم نتائج دائمة تغير بنية الشعر وفروة الرأس من الداخل.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cdiv class=\"ord-comparison-grid\"\u003e\n \u003cdiv class=\"ord-comparison-item\"\u003e\n \u003cdiv class=\"ord-check-icon\"\u003e✓\u003c\/div\u003e\n \u003cp class=\"pure-white\"\u003eلا يسبب مرحلة التساقط الأولية التي يواجهها مستخدمي مينوكسديل\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-comparison-item\"\u003e\n \u003cdiv class=\"ord-check-icon\"\u003e✓\u003c\/div\u003e\n \u003cp class=\"pure-white\"\u003eلا يسبب تساقط فور الانقطاع عن استخدامه\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-comparison-item\"\u003e\n \u003cdiv class=\"ord-check-icon\"\u003e✓\u003c\/div\u003e\n \u003cp class=\"pure-white\"\u003eلا يترك أثر مزعج في الشعر\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-comparison-item\"\u003e\n \u003cdiv class=\"ord-check-icon\"\u003e✓\u003c\/div\u003e\n \u003cp class=\"pure-white\"\u003eنتائج أفضل وأسرع وبدون أعراض جانبية مثل المينوكسديل\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- --\u003e\n \u003c!-- 4. Etiology (Causes) --\u003e\n \u003csection class=\"ord-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003ch2 class=\"ord-section-title\"\u003eسيتوقف تساقط شعرك مهما كان سبب التساقط\u003c\/h2\u003e\n \n \u003cdiv class=\"ord-grid ord-causes-grid\"\u003e\n \u003cdiv class=\"ord-card\"\u003e\n \u003cdiv class=\"ord-icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\" alt=\"الصلع الوراثي\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eالصلع الوراثي\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eيعمل السيروم على تثبيط هرمون الـDHT المسبب للصلع الوراثي.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-card ord-delay-1\"\u003e\n \u003cdiv class=\"ord-icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\" alt=\"سوء التغذية\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eسوء التغذية\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eيحتوي السيروم على جميع العناصر التي تحتاجها البصيلة لنمو سليم.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-card ord-delay-2\"\u003e\n \u003cdiv class=\"ord-icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\" alt=\"التهاب الفروة\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eالتهاب فروة الرأس\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eيحتوي السيروم على مضادات الاتهاب لمنع التساقط الذي ينشأ عن العدوى البكتيرية أو الفطرية أو القشرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-card\"\u003e\n \u003cdiv class=\"ord-icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\" alt=\"الثعلبة\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eالثعلبة\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eيعمل السيروم على تنشيط البصيلة الخاملة لتنمو من جديد.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- --\u003e\n \u003c!-- 5. Technologies Lab Dossier --\u003e\n \u003csection class=\"ord-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n \u003ch3 style=\"font-size: 1.15rem; color: var(--ord-gold-accent); margin-bottom: 8px; font-weight: 800;\"\u003eتكنولوجيا من البراند العالمي ™THE ORDINARY\u003c\/h3\u003e\n \u003ch2 class=\"ord-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003eتكنولوجيا الببتيدات تعمل على المستوى الخلوي\u003c\/h2\u003e\n \u003cp class=\"pure-white\" style=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 15px;\"\u003eمكونات مثبتة علميا ومختبرة سريريا بنتائج ثورية. مركبات الببتايد الثورية تم جمعها في منتج واحد.\u003c\/p\u003e\n \u003cp class=\"pure-white\" style=\"max-width: 820px; margin: 0 auto; line-height: 1.85; opacity: 0.95;\"\u003eتعزز الببتيدات عملية الشفاء من خلال العمل كعوامل إشارات خلوية، تحفز إنتاج البروتين في البصيلة الذي بدوره يحفز نمو الشعر. كما انها تساعد أيضًا في تقليل الالتهاب والتهيج في فروة الرأس الذي يعتبر من أكبر أسباب التساقط وموت البصيلة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-tech-grid\"\u003e\n \u003c!-- TECH 01 --\u003e\n \u003cdiv class=\"ord-tech-card\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"ord-tech-header\"\u003e\n \u003cdiv class=\"ord-icon-circle\" style=\"margin-bottom: 0;\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_24.png?v=1641551302\u0026amp;width=150\" alt=\"REDENCYL\"\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cspan class=\"ord-tech-badge\"\u003eTECH.01\u003c\/span\u003e\n \u003ch4\u003e™REDENCYL\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ch5 class=\"neon-gold\"\u003eيحفز انقسام الخلايا الجذعية في الشعر\u003c\/h5\u003e\n \u003cp\u003eعبارة عن مزيج من المشتقات الطبيعية من النباتات. يساعد على تحفيز انقسام الخلايا الجذعية ويوقف موت الخلايا ويحميها من عوامل الأكسدة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-highlight-box\"\u003e\n \u003cstrong class=\"neon-gold\"\u003eتظهر الدراسات السريرية أن أكثر من 10000 شعرة جديدة قد نمت بعد 3 أشهر من الاستخدام المتواصل.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TECH 02 --\u003e\n \u003cdiv class=\"ord-tech-card ord-delay-1\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"ord-tech-header\"\u003e\n \u003cdiv class=\"ord-icon-circle\" style=\"margin-bottom: 0;\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/hormones_1.png?v=1641550978\u0026amp;width=150\" alt=\"Procapil\"\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cspan class=\"ord-tech-badge\"\u003eTECH.02\u003c\/span\u003e\n \u003ch4\u003e™Procapil\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ch5 class=\"neon-gold\"\u003eيقوي بصيلات الشعر ويقلل من تأثير هرمون DHT\u003c\/h5\u003e\n \u003cp\u003eيزيد تدفق الدم لفروة الرأس بحيث تتلقى بصيلات الشعر التغذية وإمدادات الأكسجين.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-highlight-box\"\u003e\n \u003cstrong class=\"neon-gold\"\u003eأثبتت الدراسات زيادة كبيرة في معدل الأناجين \\ التيلوجين بالمقارنة مع العلاج الفموي FINASTERIDE.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TECH 03 --\u003e\n \u003cdiv class=\"ord-tech-card ord-delay-2\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"ord-tech-header\"\u003e\n \u003cdiv class=\"ord-icon-circle\" style=\"margin-bottom: 0;\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/hair-loss.png?v=1641551196\u0026amp;width=150\" alt=\"BAICAPIL\"\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cspan class=\"ord-tech-badge\"\u003eTECH.03\u003c\/span\u003e\n \u003ch4\u003e™BAICAPIL\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ch5 class=\"neon-gold\"\u003eمزيج علاجي نباتي متقدم\u003c\/h5\u003e\n \u003cp\u003eمزيج من scutellaria baicalensis، وفول الصويا، وبراعم القمح. يحفز نمو الشعر ويزيد من كثافته ويقلل من تساقطه.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-highlight-box\"\u003e\n \u003cstrong class=\"neon-gold\"\u003eكشفت الأبحاث أن تساقط الشعر قد انخفض بنسبة 60.6٪ بعد الاستخدام لمدة 3 أشهر.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TECH 04 --\u003e\n \u003cdiv class=\"ord-tech-card\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"ord-tech-header\"\u003e\n \u003cdiv class=\"ord-icon-circle\" style=\"margin-bottom: 0;\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_26.png?v=1641551757\u0026amp;width=150\" alt=\"AnaGain\"\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cspan class=\"ord-tech-badge\"\u003eTECH.04\u003c\/span\u003e\n \u003ch4\u003eAnaGain ™\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ch5 class=\"neon-gold\"\u003eبراعم البازلاء العضوية الطبيعية\u003c\/h5\u003e\n \u003cp\u003eيعتمد على براعم البازلاء العضوية. مساهم طبيعي ومستدام لشعر أكثر كثافة وصحة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-highlight-box\"\u003e\n \u003cstrong class=\"neon-gold\"\u003eتظهر الدراسات المعملية زيادة بنسبة 78٪ في صحة ونمو الشعر في 3 أشهر فقط.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TECH 05 --\u003e\n \u003cdiv class=\"ord-tech-card ord-delay-1\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"ord-tech-header\"\u003e\n \u003cdiv class=\"ord-icon-circle\" style=\"margin-bottom: 0;\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_27.png?v=1641552001\u0026amp;width=150\" alt=\"CAPIXYL\"\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cspan class=\"ord-tech-badge\"\u003eTECH.05\u003c\/span\u003e\n \u003ch4\u003eCAPIXYL ™\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ch5 class=\"neon-gold\"\u003eببتيد إشارة وتعديل DHT\u003c\/h5\u003e\n \u003cp\u003eببتيد إشارة يعمل على تعديل DHT عن طريق تثبيط اختزال 5-alpha-reductase وتحفيز تكوين البروتينات.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-highlight-box\"\u003e\n \u003cstrong class=\"neon-gold\"\u003eأثبت الاختبارات نتائج أفضل في تحفيز نمو الشعر مقارنة بالمينوكسيديل كبديل آمن وسريع.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TECH 06 --\u003e\n \u003cdiv class=\"ord-tech-card ord-delay-2\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"ord-tech-header\"\u003e\n \u003cdiv class=\"ord-icon-circle\" style=\"margin-bottom: 0;\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/6111829.png?v=1641553498\u0026amp;width=150\" alt=\"Caffeine\"\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cspan class=\"ord-tech-badge\"\u003eTECH.06\u003c\/span\u003e\n \u003ch4\u003eCAFEEINE 1%\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ch5 class=\"neon-gold\"\u003eتنشيط الجذور ووقف التساقط\u003c\/h5\u003e\n \u003cp\u003eيعزّز الكافيين من نموّ الشعر، كما يوقف التساقط.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-highlight-box\"\u003e\n \u003cstrong class=\"neon-gold\"\u003eأكدّت الدراسات فعاليته في تثبيط هرمون DHT المتراكم في البصيلات.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-alert-card\"\u003e\n \u003cdiv class=\"ord-alert-icon\"\u003e!\u003c\/div\u003e\n \u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003e\n \u003cstrong class=\"neon-gold\"\u003eملحوظة :\u003c\/strong\u003e قد تجد هذه المركبات كالمكون الرئيسي لمنتجات أخرى, ولكنك لن تجد منتج يجمع بين هذه المكونات في تركيبة واحدة غير هذا المنتج.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- --\u003e\n \u003c!-- 6. Permanent Results --\u003e\n \u003csection class=\"ord-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003ch2 class=\"ord-section-title\"\u003eنتائج دائمة\u003c\/h2\u003e\n \n \u003cdiv class=\"ord-features-grid\"\u003e\n \u003cdiv class=\"ord-card\"\u003e\n \u003cdiv class=\"ord-icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=100\" alt=\"Check\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eبدون شروط\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eلا يشترط عليك استعمال او الامتناع عن استخدام منتجات اخرى\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-card ord-delay-1\"\u003e\n \u003cdiv class=\"ord-icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=100\" alt=\"Check\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eبدون التزامات\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eلن تلتزم باستخدامه مدى الحياة على عكس المنتجات الأخرى\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-card ord-delay-2\"\u003e\n \u003cdiv class=\"ord-icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=100\" alt=\"Check\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eبدون آثار جانبية\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eتركيبة سريرية آمنة لا تسبب تساقط مبدئي أو تهيج للفروة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- --\u003e\n \u003c!-- 7. Usage Protocol --\u003e\n \u003csection class=\"ord-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n \u003ch2 class=\"ord-section-title\"\u003eبروتوكول الاستخدام\u003c\/h2\u003e\n \u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 25px;\"\u003eيفضل تطبيقه مساءً للحصول على أقصى فعالية\u003c\/p\u003e\n\n \u003cdiv class=\"ord-steps-grid\"\u003e\n \u003cdiv class=\"ord-step-card\"\u003e\n \u003cdiv class=\"ord-step-num\"\u003e01\u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eالجرعة المحددة\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eضع بضع قطرات (من 4 لـ 6) مرة واحدة يوميًا ويفضل في وقت النوم.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-step-card ord-delay-1\"\u003e\n \u003cdiv class=\"ord-step-num\"\u003e02\u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eالتدليك المباشر\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eدلك المصل في فروة الرأس جيداً بأطراف أصابعك.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-step-card ord-delay-2\"\u003e\n \u003cdiv class=\"ord-step-num\"\u003e03\u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eفروة جافة ونظيفة\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eيجب أن يوضع على فروة رأس نظيفة وجافة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ord-step-card\"\u003e\n \u003cdiv class=\"ord-step-num\"\u003e04\u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eعلاج يُترك (Leave-in)\u003c\/h4\u003e\n \u003cp class=\"pure-white\"\u003eلا تغسله لمدة ساعتان على الأقل (تركيبة تُترك على الشعر).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- --\u003e\n \u003c!-- 8. Real Transformations --\u003e\n \u003csection class=\"ord-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n \u003ch3 style=\"font-size: 1.25rem; color: var(--ord-gold-accent); margin-bottom: 8px; font-weight: 800;\"\u003eتكنولوجيا الببتيدات في انبات الشعر غيرت حياة الآلاف وستغير حياتك أيضا\u003c\/h3\u003e\n \u003ch2 class=\"ord-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eأبرز التحولات السريرية\u003c\/h2\u003e\n \n \u003cp class=\"pure-white\" style=\"max-width: 820px; margin: 0 auto 30px; font-size: 1.1rem; line-height: 1.85;\"\u003e\n بعض النتائج المعروضة من عملائنا و البعض الآخر من الصفحة الرسمية لـ Ordinary. \n \u003cstrong class=\"neon-gold\"\u003eلا يتم مشاركة النتائج إلا بأذن العميل.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cdiv class=\"ord-gallery-grid\"\u003e\n \u003cdiv class=\"ord-gallery-item\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_37.jpg?v=1675342480\u0026amp;width=600\" alt=\"نتيجة 1\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-gallery-item\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_38.jpg?v=1675343505\u0026amp;width=600\" alt=\"نتيجة 2\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-gallery-item\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/280e0f6d-adc1-5969-aa3e-b9789c868fdd_1cf0b52d-0c70-4394-bdb4-6124788b2bc1.jpg?v=1675343008\u0026amp;width=600\" alt=\"نتيجة 3\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-gallery-item\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/PhotoGrid_Plus_1644040613100_1.jpg?v=1675342932\u0026amp;width=600\" alt=\"نتيجة 4\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ord-gallery-item\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/PhotoGrid_Plus_1644042538145_1.jpg?v=1675342991\u0026amp;width=600\" alt=\"نتيجة 5\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- --\u003e\n \u003c!-- 9. Final CTA --\u003e\n \u003csection class=\"ord-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(22, 22, 32, 0.95) 0%, rgba(6, 6, 10, 0.98) 100%); border-radius: 24px; border: 2px solid var(--ord-gold-accent); box-shadow: 0 20px 60px rgba(229, 184, 66, 0.25);\"\u003e\n \u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px; letter-spacing: 0.5px;\"\u003eلا تتردد في الاستثمار في شعرك\u003c\/p\u003e\n \u003ch2 class=\"ord-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003eتقدر تنبت بصيلات شعرك وتسترجع ثقتك بنفسك لو بدأت العلاج من بدري\u003c\/h2\u003e\n \u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003eكل ما بدأت العلاج مبكرا كل ما كانت النتائج أضمن و أفضل.\u003c\/p\u003e\n \n \u003cdiv class=\"ord-img-md\" style=\"margin: 25px auto;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/de36203f-06e9-450a-a971-6272062f11a5.webp?v=1778927016\" alt=\"استثمر في شعرك\"\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"#\" class=\"ord-gold-btn\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eأضف إلى العربة الآن\u003c\/a\u003e\n \u003c\/section\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- --\u003e\n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const reveals = document.querySelectorAll('.ord-reveal');\n \n const observerOptions = {\n root: null,\n threshold: 0.08,\n rootMargin: \"0px 0px -40px 0px\"\n };\n\n const scrollObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('ord-active');\n observer.unobserve(entry.target); \n }\n });\n }, observerOptions);\n\n reveals.forEach(el =\u003e {\n scrollObserver.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":41031007273157,"sku":"","price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinarymultipeptidehairserumforhairlossandalopecia.jpg?v=1704025522"},{"product_id":"the-ordinary-mandelic-acid","title":"The ordinary حمض مندليك 10% للتقشير الخفيف","description":"\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003eيوفر حمض الماندليك 10٪ + HA تقشير جلدي سطحي ألطف من أحماض ألفا هيدروكسي الأخرى. الوزن الجزيئي لحمض الماندليك هو 152.1 دالتون وهو أكبر من أحماض ألفا هيدروكسي الأخرى (حمض الجليكوليك 76.0 دالتون ، على سبيل المثال). يسمح هذا الحجم الأكبر لحمض المندليك باختراق الجلد بشكل أبطأ مما يجعله بدوره لطيفًا جدًا ومناسبًا لجميع أنواع البشرة. لا تحتاج إلى تركيز أكثر من 10٪ ، لأنك ستحصل ببساطة على قوة تقشير غير مباشرة يتم تقديمها بسهولة أكبر من خلال نسب أقل من حمض الجليكوليك.\u003cbr\u003e\u003cbr\u003eموانع الاستعمال: لا ينبغي استخدام هذه الصيغة على البشرة الحساسة أو المتقشرة أو المعرضة للخطر. يرجى الرجوع إلى ملاحظة الحماية الإضافية من أشعة الشمس والتحذيرات الأخرى في الإرشادات المتوفرة.\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003eالوصف: تركيبة حمض المندليك بنسبة 10 في المائة توفر تقشيرًا لطيفًا.\u003cbr\u003e\u003cbr\u003eنوع البشرة: العادية والجافة والمختلطة والدهنية\u003cbr\u003e\u003cbr\u003eمخاوف العناية بالبشرة: البهتان والتصبغات والخطوط الدقيقة والتجاعيد وحب الشباب والعيوب\u003cbr\u003e\u003cbr\u003eالمكونات البارزة:\u003cbr\u003e- حمض الماندليك: يوفر تقشير جلدي سطحي وهو ألطف من أحماض ألفا هيدروكسي الأخرى.\u003cbr\u003e\u003cbr\u003eالمكونات: خالية من الكبريتات SLS و SLES ، البارابين ، الفورمالديهايد ، عوامل إطلاق الفورمالديهايد ، الفثالات ، الزيوت المعدنية ، ريتينيل بالميتات ، أوكسي بنزون ، قطران الفحم ، الهيدروكينون ، التريكلوسان ، والتريكلوكاربان ، وتحتوي على أقل من واحد بالمائة من العطور الاصطناعية. هذا المنتج نباتي أيضًا وخالٍ من القسوة وخالٍ من الغلوتين.\u003cbr\u003e\u003cbr\u003eما الذي تحتاج إلى معرفته أيضًا: يسمح الحجم الجزيئي الأكبر لصيغة التقشير السطحي لحمض الماندليك هذا لحمض الماندليك باختراق الجلد بشكل أبطأ.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":41072801415365,"sku":"","price":510.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/miswag_beO2hh.jpg?v=1641996364"},{"product_id":"thr-ordinary-multipeptide-eyebrows-eyelash-serum","title":"The Ordinary سيروم تكنولوجيا الببتيدات في إنبات و تكثيف الرموش والحواجب","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n \n direction: rtl;\n color: #333;\n line-height: 1.6;\n background-color: white;\n }\n \n .product-description {\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .section.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .title {\n color: #9C8102;\n font-size: 28px;\n margin-bottom: 20px;\n position: relative;\n font-weight: 600;\n text-align: center;\n padding-bottom: 10px;\n }\n \n .title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n }\n \n .product-image {\n width: 100%;\n max-width: 600px;\n height: auto;\n margin: 20px auto;\n display: block;\n border-radius: 5px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .product-image:hover {\n transform: scale(1.02);\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n }\n \n .description {\n font-size: 16px;\n line-height: 1.8;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .features-list {\n list-style: none;\n margin-bottom: 20px;\n }\n \n .features-list li {\n position: relative;\n padding-right: 30px;\n margin-bottom: 15px;\n }\n \n .features-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 8px;\n width: 12px;\n height: 12px;\n background-color: #9C8102;\n border-radius: 50%;\n }\n \n \/* Timeline styles *\/\n .timeline-container {\n position: relative;\n margin: 40px auto;\n max-width: 800px;\n }\n \n .timeline-track {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 50px 0;\n }\n \n .timeline-progress {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #9C8102;\n border-radius: 4px;\n width: 0;\n transition: width 1s ease;\n }\n \n .timeline-markers {\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: -14px;\n }\n \n .timeline-marker {\n position: relative;\n width: 24px;\n height: 24px;\n background-color: white;\n border: 2px solid #e0e0e0;\n border-radius: 50%;\n cursor: pointer;\n z-index: 2;\n }\n \n .timeline-marker.active {\n background-color: #9C8102;\n border-color: #9C8102;\n }\n \n .timeline-marker-label {\n position: absolute;\n top: -30px;\n right: 50%;\n transform: translateX(50%);\n font-size: 14px;\n font-weight: 600;\n color: #777;\n text-align: center;\n white-space: nowrap;\n }\n \n .timeline-marker.active .timeline-marker-label {\n color: #9C8102;\n }\n \n .timeline-content {\n display: none;\n background-color: #f8f8f8;\n padding: 20px;\n border-radius: 8px;\n margin-top: 30px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }\n \n .timeline-content.active {\n display: block;\n }\n \n .timeline-content h3 {\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 18px;\n }\n \n .timeline-content p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 15px;\n }\n \n .timeline-content ul {\n padding-right: 20px;\n }\n \n .timeline-content li {\n margin-bottom: 8px;\n font-size: 14px;\n }\n \n .highlight {\n color: #9C8102;\n font-weight: 600;\n }\n \n .info-box {\n background-color: #f8f8f8;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n }\n \n .info-title {\n color: #9C8102;\n font-size: 18px;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n .ingredients-list {\n font-size: 14px;\n margin-top: 10px;\n color: #666;\n line-height: 1.5;\n }\n \n .science-icon {\n display: inline-block;\n width: 50px;\n height: 50px;\n margin-left: 15px;\n vertical-align: middle;\n background-color: #9C8102;\n border-radius: 50%;\n position: relative;\n text-align: center;\n line-height: 50px;\n color: white;\n font-size: 24px;\n }\n \n .peptide-info {\n display: flex;\n margin: 30px 0;\n background-color: #f8f8f8;\n border-radius: 8px;\n overflow: hidden;\n }\n \n .peptide-left {\n padding: 20px;\n flex: 2;\n }\n \n .peptide-right {\n background-color: #9C8102;\n color: white;\n flex: 1;\n padding: 20px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n \n .peptide-right h3 {\n margin-bottom: 10px;\n font-size: 18px;\n }\n \n .peptide-right p {\n text-align: center;\n font-size: 14px;\n }\n \n .usage-steps {\n margin: 30px 0;\n }\n \n .step {\n display: flex;\n margin-bottom: 20px;\n align-items: center;\n }\n \n .step-number {\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50%;\n color: white;\n text-align: center;\n line-height: 30px;\n margin-left: 15px;\n flex-shrink: 0;\n }\n \n .step-content {\n flex: 1;\n }\n \n .step h4 {\n margin-bottom: 5px;\n color: #444;\n }\n \n .step p {\n font-size: 14px;\n color: #666;\n }\n\n \/* Animation for eye blink *\/\n @keyframes blink {\n 0% { transform: scaleY(1); }\n 5% { transform: scaleY(0.1); }\n 10% { transform: scaleY(1); }\n 100% { transform: scaleY(1); }\n }\n\n .eye-icon {\n display: inline-block;\n font-size: 24px;\n animation: blink 5s infinite;\n transform-origin: center;\n }\n\n \/* Before\/After comparison *\/\n .before-after-container {\n position: relative;\n max-width: 600px;\n margin: 30px auto;\n overflow: hidden;\n border-radius: 8px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n \n .comparison-label {\n position: absolute;\n padding: 5px 10px;\n background-color: rgba(156, 129, 2, 0.8);\n color: white;\n font-size: 14px;\n font-weight: bold;\n border-radius: 4px;\n }\n \n .before-label {\n top: 10px;\n right: 10px;\n }\n \n .after-label {\n top: 10px;\n left: 10px;\n }\n \n .result-stat {\n text-align: center;\n margin-top: 15px;\n font-size: 18px;\n color: #9C8102;\n font-weight: 600;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003cdiv class=\"section\" id=\"section1\"\u003e\n \u003ch2 class=\"title\"\u003eرسمة عيونك جميلة، لكن الرموش القصيرة وفراغات الحاجب تخبئها\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eالرموش هي عنوان الأنوثة، لا شيء يبرز جمال العيون كذلك الرمش الطويل. الآن تستطيعين تكثيف وإطالة رموشك وإكمال فراغات حاجبك بطريقة طبيعية عن طريق أحدث تكنولوجيا إنبات الشعر عالميا من The Ordinary - صاحبة الابتكارات العلمية بأسعار منطقية.\u003c\/p\u003e\n \n \u003cp class=\"result-stat\"\u003eتحسن ملحوظ في كثافة الرموش والحواجب في مدة لا تتجاوز 4 أسابيع \u003cspan class=\"eye-icon\"\u003e👁️\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section2\"\u003e\n \u003ch2 class=\"title\"\u003eأكثر من 50% من بصيلات الرموش والحواجب تكون خاملة منتظرة الحافز لإطلاق نموها\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eتحتوي رموشك العلوية على 150 - 200 بصيلة بينما رموشك السفلية من 75-100، إذا قمتي بعد الرموش في عينيكي الآن ستجدي أن عدد الشعيرات أقل من 50% من عدد البصيلات.\u003c\/p\u003e\n \u003cp class=\"description\"\u003eلأن 50%-60% من الرموش تحتاج إلى تحفيز كيميائي لإطلاق نموها.\u003c\/p\u003e\n \n \u003cdiv class=\"peptide-info\"\u003e\n \u003cdiv class=\"peptide-left\"\u003e\n \u003ch3 class=\"info-title\"\u003eتكنولوجيا البيبتيدات المتعددة\u003c\/h3\u003e\n \u003cp\u003eسيروم The Ordinary يحتوي على 4 مركبات ببتيدية متطورة تعمل على تحفيز بصيلات الشعر وتحسين كثافة الرموش والحواجب. هذه البيبتيدات مسؤولة عن بناء البروتينات في بصيلات الشعر وتحسين مستويات الكولاجين للحصول على مظهر أكثر امتلاءً وكثافة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"peptide-right\"\u003e\n \u003ch3\u003e4\u003c\/h3\u003e\n \u003cp\u003eمجمعات ببتيدية متطورة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"description\"\u003eعند استخدامك لهذا السيروم سيعمل على:\u003c\/p\u003e\n \u003cul class=\"features-list\"\u003e\n \u003cli\u003eإطالة البصيلات النشطة وزيادة سمكها\u003c\/li\u003e\n \u003cli\u003eإنبات البصيلات الخاملة وإدخالها في طور النمو\u003c\/li\u003e\n \u003cli\u003eسيقلل الفراغات بين رموشك ويعطيكي مظهر الاكستنشن الطبيعي\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp class=\"description\"\u003e\u003cstrong\u003eلا حاجة لجلسات تركيب الرموش الاصطناعية المكلفة والمؤقتة من اليوم\u003c\/strong\u003e، تستطيعين الآن تحقيق هذا المظهر الذي تنفقي من أجله أموالا باهظة في كل جلسة ولكن طبيعيا وبنتائج دائمة وبدون أعراض جانبية.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n \u003ch2 class=\"title\"\u003eرحلة النتائج مع سيروم الرموش والحواجب من The Ordinary\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eاكتشفي التحول التدريجي لرموشك وحواجبك مع الاستخدام المنتظم. مع الاستمرار في الاستخدام، ستلاحظين تحسناً ملحوظاً في كثافة وطول ومظهر الرموش والحواجب!\u003c\/p\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-track\"\u003e\n \u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-markers\"\u003e\n \u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 1\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 2\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 4\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 8-12\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n \u003ch3\u003eالأسبوع الأول: ترطيب وتقوية\u003c\/h3\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 \u003cli\u003eتحضير البصيلات الخاملة للنمو\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n \u003ch3\u003eالأسبوع الثاني: بداية ظهور علامات التحسن\u003c\/h3\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 \u003cli\u003eمظهر أكثر صحة وحيوية للشعيرات الموجودة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n \u003ch3\u003eالأسبوع الرابع: تحسن ملحوظ في الكثافة والطول\u003c\/h3\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 \u003cli\u003eمظهر أكثر قوة ولمعاناً للشعيرات\u003c\/li\u003e\n \u003cli\u003eرموش أكثر انحناءً وجاذبية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n \u003ch3\u003eالأسبوع 8-12: النتائج الكاملة والمستدامة\u003c\/h3\u003e\n \u003cp\u003eمع استمرار الاستخدام لمدة 8-12 أسبوعاً، ستصلين لأقصى نتائج ممكنة. في هذه المرحلة، ستلاحظين تحولاً كاملاً في مظهر رموشك وحواجبك بشكل طبيعي ومستدام.\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 \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section4\"\u003e\n \u003ch2 class=\"title\"\u003eقوة العلم خلف صيغة السيروم الفريدة\u003c\/h2\u003e\n \u003cdiv class=\"info-box\"\u003e\n \u003cdiv style=\"display: flex; align-items: center;\"\u003e\n \u003cdiv class=\"science-icon\"\u003e🧪\u003c\/div\u003e\n \u003ch3 class=\"info-title\"\u003e11 مكوناً نشطاً في صيغة متطورة\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"description\"\u003eيحتوي سيروم The Ordinary على مزيج فريد من 11 مكوناً نشطاً، من بينها 4 مجمعات ببتيدية متطورة ومستخلصات نباتية قوية تعمل معاً لتحفيز بصيلات الشعر وتعزيز نمو وكثافة الرموش والحواجب.\u003c\/p\u003e\n \n \u003ch4 style=\"margin-top: 20px; color: #9C8102;\"\u003eالمكونات الرئيسية:\u003c\/h4\u003e\n \u003cul class=\"features-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eميريستويل بنتاببتيد-17:\u003c\/strong\u003e يحفز نمو الشعر ويقوي البصيلات\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eبيوتينويل ترايببتيد-1:\u003c\/strong\u003e يعزز دورة نمو الشعر ويقلل التساقط\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eأوليجوبيبتيد-2:\u003c\/strong\u003e يحسن كثافة الشعر ويزيد من سماكته\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eأسيتيل تترابيبتيد-3:\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\n \u003cdiv class=\"section\" id=\"section5\"\u003e\n \u003ch2 class=\"title\"\u003eطريقة الاستخدام للحصول على أفضل النتائج\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\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 \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\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 \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\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 \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eاستمري لمدة لا تقل عن 4 أسابيع\u003c\/h4\u003e\n \u003cp\u003eالنتائج تظهر تدريجياً، وتصل للذروة بعد 8-12 أسبوعاً من الاستخدام المنتظم.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section6\"\u003e\n \u003ch2 class=\"title\"\u003eالمكونات الكاملة\u003c\/h2\u003e\n \u003cdiv class=\"info-box\"\u003e\n \u003cp class=\"ingredients-list\"\u003e\n ماء، جليسرين، بيوتيلين غليكول، ميريستويل بنتاببتيد-17، بيوتينويل ترايببتيد-1، أوليجوبيبتيد-2، أسيتيل تترابيبتيد-3، كافيين، بانثينول، آرجينين، جليسين، جليكوبروتين، استخراج خشب الأرز الأوروبي Larix Europaea، استخراج زهرة البرسيم Trifolium Pratense، استخراج أوراق شجرة الشاي الأخضر Camellia Sinensis، ديكستران، مالتوديكسترين، كلوريد الزنك، هيدروكسي إيثيل سيليلوز، صمغ الزانثان، تريسوديوم إيثيلين ديامين ديسوكسينات، بوليسوربات 20، صوديوم ميتابيسلفيت، كابريليل غليكول، 1،2-هيكسانديول، صوديوم بنزوات، حمض البنزويك، إيثيل هيكسيل جليسيرين، فينوكسي إيثانول، كلورفينيزين.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Make all sections visible initially to fix display issues\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Make all sections visible\n const sections = document.querySelectorAll('.section');\n sections.forEach(section =\u003e {\n section.classList.add('active');\n });\n \n \/\/ Initialize timeline functionality\n initializeTimeline();\n });\n \n \/\/ Timeline functionality\n function initializeTimeline() {\n \/\/ Set the first marker active by default\n const progress = document.getElementById('timelineProgress');\n progress.style.width = '0%';\n }\n \n \/\/ Show timeline content\n function showTimelineContent(index) {\n \/\/ Reset all markers and contents\n const markers = document.querySelectorAll('.timeline-marker');\n const contents = document.querySelectorAll('.timeline-content');\n \n markers.forEach(m =\u003e m.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n \n \/\/ Activate selected marker and content\n markers[index].classList.add('active');\n contents[index].classList.add('active');\n \n \/\/ Update progress bar\n const progress = document.getElementById('timelineProgress');\n const progressWidth = [0, 33, 66, 100][index];\n progress.style.width = progressWidth + '%';\n }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":41922894594245,"sku":"","price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The_ordinary_multipeptide_eyelashes_eyebrows_serum_2.jpg?v=1735483832"},{"product_id":"the-ordinary-alpha-arbutin-2-ha","title":"The ordinary ِ ألفا أربيوتين 2% | متخصص التفتيح | مضاد التصبغات | مثبط الميلانين","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"alpha-arbutin-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"main-title\"\u003eألفا أربوتين \u003cspan class=\"highlight\"\u003e2%\u003c\/span\u003e + حمض الهيالورونيك\u003c\/h1\u003e\n\u003ch2 class=\"sub-title\"\u003eالسر العلمي لبشرة موحدة اللون، مشرقة، وخالية من البقع الداكنة\u003c\/h2\u003e\n\u003cdiv class=\"product-visual\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Promise Section --\u003e\n\u003cdiv class=\"promise-section\"\u003e\n\u003cdiv class=\"promise-intro\"\u003e\n\u003cp\u003eلأول مرة في عالم العناية بالبشرة، تركيبة علمية مبتكرة بتركيز \u003cspan class=\"highlight\"\u003e2%\u003c\/span\u003e من ألفا أربوتين النقي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-cards\"\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"60\" width=\"60\"\u003e\n \u003cpath stroke-width=\"2\" stroke=\"#9C8102\" d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#9C8102\" d=\"M7.5 12H16.5\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#9C8102\" d=\"M12 7.5V16.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eفاعلية مضمونة\u003c\/h3\u003e\n\u003cp\u003eيحتوي على نسبة 2% من ألفا أربوتين النقي - أعلى تركيز آمن وفعال تم اختباره علمياً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"60\" width=\"60\"\u003e\n \u003ccircle stroke-width=\"2\" stroke=\"#9C8102\" r=\"10\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#9C8102\" d=\"M12 6V12L16 14\"\u003e\u003c\/path\u003e\n \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=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"60\" width=\"60\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#9C8102\" d=\"M22 11.0857V12.0057C21.9988 14.1621 21.3005 16.2604 20.0093 17.9875C18.7182 19.7147 16.9033 20.9782 14.8354 21.5896C12.7674 22.201 10.5573 22.1276 8.53447 21.3803C6.51168 20.633 4.78465 19.2518 3.61096 17.4428C2.43727 15.6338 1.87979 13.4938 2.02168 11.342C2.16356 9.19029 2.99721 7.14205 4.39828 5.5028C5.79935 3.86354 7.69279 2.72111 9.79619 2.24587C11.8996 1.77063 14.1003 1.98806 16.07 2.86572\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#9C8102\" d=\"M22 4L12 14.01L9 11.01\"\u003e\u003c\/path\u003e\n \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\u003c\/div\u003e\n\u003c!-- Transformation Section --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eبشرة متألقة في \u003cspan class=\"highlight\"\u003e4 أسابيع فقط\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"transformation-grid\"\u003e\n\u003cdiv class=\"transform-item\"\u003e\n\u003cdiv class=\"transform-visual\"\u003e\n\u003cdiv class=\"visual-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"40\" width=\"40\"\u003e\n \u003ccircle stroke-width=\"2\" stroke=\"#9C8102\" r=\"10\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#9C8102\" d=\"M15 9L9 15\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#9C8102\" d=\"M9 9L15 15\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-text\"\u003eقبل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-list\"\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\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transform-divider\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"40\" width=\"40\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#9C8102\" d=\"M5 12H19\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#9C8102\" d=\"M12 5L19 12L12 19\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"transform-item\"\u003e\n\u003cdiv class=\"transform-visual\"\u003e\n\u003cdiv class=\"visual-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"40\" width=\"40\"\u003e\n \u003ccircle stroke-width=\"2\" stroke=\"#9C8102\" r=\"10\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#9C8102\" d=\"M8 12L11 15L16 9\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-text\"\u003eبعد\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-list\"\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\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eقوة التركيبة العلمية الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-breakdown\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eألفا أربوتين النقي 2%\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eمكون فعال لتفتيح البشرة، يعمل على تثبيط إنزيم التيروزيناز المسؤول عن إنتاج الميلانين (صبغة الجلد)، مما يمنع ظهور البقع الداكنة ويوحد لون البشرة بطريقة فعالة وآمنة.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eتفتيح البقع الداكنة\u003c\/span\u003e \u003cspan\u003eتوحيد لون البشرة\u003c\/span\u003e \u003cspan\u003eمنع التصبغات الجديدة\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eحمض الهيالورونيك\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eمرطب قوي يحبس الرطوبة في البشرة ويساعد على توصيل المكونات النشطة إلى طبقات البشرة العميقة، مما يعزز من فعالية ألفا أربوتين ويضمن أقصى امتصاص للمنتج.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eترطيب مكثف\u003c\/span\u003e \u003cspan\u003eتعزيز امتصاص المكونات\u003c\/span\u003e \u003cspan\u003eتحسين مرونة البشرة\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eدرجة الحموضة المثالية\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eتم تطوير المنتج بعناية للحفاظ على درجة الحموضة المثالية التي تمنع تحلل ألفا أربوتين في الماء، مما يضمن استقرار المكونات وفعاليتها القصوى لمدة أطول.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eثبات المكونات\u003c\/span\u003e \u003cspan\u003eفعالية طويلة الأمد\u003c\/span\u003e \u003cspan\u003eأقصى فائدة ممكنة\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003eرحلة بشرتك مع ألفا أربوتين\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eالأسبوع الأول\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eبداية التغيير\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\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\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eالأسبوع الثاني\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eبداية الإشراق\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\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\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eالأسبوع الثالث\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eتحسن ملحوظ\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\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\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eالأسبوع الرابع\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eالنتائج المذهلة\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\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\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eطريقة الاستخدام المثالية\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-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=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-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=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-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=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003eالحماية\u003c\/h3\u003e\n\u003cp\u003eلا تنسي استخدام واقي الشمس خلال النهار للحماية من الأشعة فوق البنفسجية ومنع ظهور المزيد من البقع.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-notes\"\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"20\" width=\"20\"\u003e\n \u003cpath stroke-width=\"1.5\" stroke=\"#9C8102\" d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#9C8102\" d=\"M12 16V12\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#9C8102\" d=\"M12 8H12.01\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eاستخدميه مرتين يومياً، صباحاً ومساءً للحصول على أفضل النتائج\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"20\" width=\"20\"\u003e\n \u003cpath stroke-width=\"1.5\" stroke=\"#9C8102\" d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#9C8102\" d=\"M12 16V12\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#9C8102\" d=\"M12 8H12.01\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eيمكن دمجه مع فيتامين C للحصول على نتائج مضاعفة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"20\" width=\"20\"\u003e\n \u003cpath stroke-width=\"1.5\" stroke=\"#9C8102\" d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#9C8102\" d=\"M12 16V12\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#9C8102\" d=\"M12 8H12.01\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eمناسب لجميع أنواع البشرة بما فيها البشرة الحساسة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"final-cta\"\u003e\n\u003ch2\u003eحان الوقت لبشرة موحدة، مشرقة وخالية من البقع الداكنة\u003c\/h2\u003e\n\u003cp\u003eألفا أربوتين 2% + حمض الهيالورونيك - التركيبة العلمية المثالية لتفتيح البشرة وتوحيد لونها\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.alpha-arbutin-container {\n direction: rtl;\n max-width: 100%;\n margin: 0 auto;\n padding: 15px;\n color: #333;\n overflow-x: hidden;\n}\n\n\/* Typography *\/\nh1, h2, h3, p, ul, li {\n margin: 0;\n padding: 0;\n}\n\n.main-title {\n font-size: 1.8rem;\n color: #333;\n margin-bottom: 10px;\n text-align: center;\n line-height: 1.3;\n}\n\n.sub-title {\n font-size: 1.2rem;\n color: #666;\n text-align: center;\n margin-bottom: 25px;\n font-weight: normal;\n line-height: 1.5;\n}\n\n.section-title {\n font-size: 1.5rem;\n color: #333;\n text-align: center;\n margin-bottom: 25px;\n position: relative;\n padding-bottom: 15px;\n}\n\n.section-title:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n}\n\n.highlight {\n color: #9C8102;\n}\n\n\/* Hero Section *\/\n.hero-section {\n margin-bottom: 40px;\n position: relative;\n}\n\n.product-visual {\n position: relative;\n margin-top: 30px;\n text-align: center;\n}\n\n.product-image {\n position: relative;\n z-index: 2;\n}\n\n.main-product-image {\n max-width: 80%;\n height: auto;\n border-radius: 8px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n}\n\n.glow-effect {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.2) 0%, rgba(255, 255, 255, 0) 70%);\n z-index: 1;\n animation: glow 3s ease-in-out infinite alternate;\n}\n\n@keyframes glow {\n 0% {\n opacity: 0.5;\n transform: translate(-50%, -50%) scale(0.9);\n }\n 100% {\n opacity: 0.8;\n transform: translate(-50%, -50%) scale(1.1);\n }\n}\n\n\/* Promise Section *\/\n.promise-section {\n margin-bottom: 40px;\n background-color: #f9f9f9;\n padding: 25px 15px;\n border-radius: 10px;\n}\n\n.promise-intro {\n text-align: center;\n margin-bottom: 25px;\n font-size: 1.1rem;\n line-height: 1.5;\n}\n\n.promise-cards {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n}\n\n.promise-card {\n background-color: white;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.promise-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n}\n\n.card-icon {\n margin: 0 auto 15px;\n width: 60px;\n height: 60px;\n}\n\n.promise-card h3 {\n margin-bottom: 12px;\n color: #9C8102;\n}\n\n.promise-card p {\n color: #666;\n line-height: 1.6;\n font-size: 0.95rem;\n}\n\n\/* Transformation Section *\/\n.transformation-section {\n margin-bottom: 40px;\n}\n\n.transformation-grid {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n}\n\n.transform-item {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 20px;\n width: 100%;\n}\n\n.transform-visual {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n}\n\n.visual-icon {\n margin-left: 10px;\n}\n\n.visual-text {\n font-size: 1.2rem;\n font-weight: bold;\n}\n\n.problem-list ul, .benefit-list ul {\n list-style: none;\n padding-right: 5px;\n}\n\n.problem-list li, .benefit-list li {\n position: relative;\n padding-right: 25px;\n margin-bottom: 10px;\n line-height: 1.5;\n font-size: 0.95rem;\n}\n\n.problem-list li:before {\n content: '✕';\n position: absolute;\n right: 0;\n color: #e74c3c;\n font-weight: bold;\n}\n\n.benefit-list li:before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #2ecc71;\n font-weight: bold;\n}\n\n.transform-divider {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 10px 0;\n}\n\n\/* Science Section *\/\n.science-section {\n margin-bottom: 40px;\n padding: 25px 15px;\n background: linear-gradient(to bottom, #f9f9f9, #ffffff);\n border-radius: 10px;\n}\n\n.ingredients-breakdown {\n display: flex;\n flex-direction: column;\n gap: 25px;\n}\n\n.ingredient-item {\n background-color: white;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ingredient-name {\n margin-bottom: 15px;\n text-align: center;\n}\n\n.ingredient-highlight {\n background-color: #9C8102;\n color: white;\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 1rem;\n font-weight: bold;\n}\n\n.ingredient-details p {\n margin-bottom: 15px;\n line-height: 1.6;\n font-size: 0.95rem;\n color: #555;\n}\n\n.ingredient-benefits {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.ingredient-benefits span {\n background-color: #f0f0f0;\n padding: 5px 10px;\n border-radius: 15px;\n font-size: 0.85rem;\n color: #333;\n}\n\n\/* Results Timeline *\/\n.results-timeline {\n margin-bottom: 40px;\n}\n\n\/* Timeline CSS That Matches Screenshot Exactly *\/\n.results-timeline {\n margin-bottom: 40px;\n}\n\n.timeline-container {\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.timeline-item {\n position: relative;\n}\n\n.timeline-card {\n display: flex;\n position: relative;\n background-color: #f9f9f9;\n border-radius: 8px;\n overflow: hidden;\n border-right: 4px solid #9C8102;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-week {\n position: absolute;\n right: 0;\n top: 0;\n background-color: #9C8102;\n color: white;\n font-weight: bold;\n padding: 10px 15px;\n min-width: 120px;\n text-align: center;\n border-radius: 0 8px 0 8px;\n}\n\n.timeline-content {\n flex: 1;\n padding: 40px 20px 20px;\n text-align: right;\n}\n\n.timeline-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 15px;\n}\n\n.timeline-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.timeline-list li {\n position: relative;\n padding-right: 20px;\n margin-bottom: 10px;\n font-size: 0.95rem;\n line-height: 1.5;\n}\n\n\n\n\/* Usage Section *\/\n.usage-section {\n margin-bottom: 40px;\n background-color: #f9f9f9;\n padding: 25px 15px;\n border-radius: 10px;\n}\n\n.usage-steps {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-bottom: 25px;\n}\n\n.usage-step {\n display: flex;\n align-items: flex-start;\n background-color: white;\n border-radius: 8px;\n padding: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.step-number {\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.step-content {\n flex: 1;\n}\n\n.step-content h3 {\n margin-bottom: 8px;\n color: #333;\n}\n\n.step-content p {\n color: #666;\n line-height: 1.5;\n font-size: 0.95rem;\n}\n\n.usage-notes {\n display: grid;\n grid-template-columns: 1fr;\n gap: 15px;\n}\n\n.note {\n display: flex;\n align-items: center;\n background-color: white;\n border-radius: 8px;\n padding: 12px 15px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.note-icon {\n margin-left: 10px;\n flex-shrink: 0;\n}\n\n.note p {\n font-size: 0.9rem;\n line-height: 1.5;\n color: #666;\n}\n\n\/* Final CTA *\/\n.final-cta {\n text-align: center;\n background: linear-gradient(to bottom, #f9f9f9, #ffffff);\n padding: 30px 15px;\n border-radius: 10px;\n margin-bottom: 20px;\n}\n\n.final-cta h2 {\n color: #9C8102;\n font-size: 1.3rem;\n margin-bottom: 15px;\n line-height: 1.4;\n}\n\n.final-cta p {\n color: #666;\n line-height: 1.6;\n font-size: 1rem;\n}\n\n\/* Animation Keyframes *\/\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive Adjustments *\/\n@media (min-width: 480px) {\n .main-title {\n font-size: 2rem;\n }\n \n .sub-title {\n font-size: 1.3rem;\n }\n \n .promise-cards {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .usage-notes {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (min-width: 768px) {\n .alpha-arbutin-container {\n padding: 20px;\n }\n \n .promise-cards {\n grid-template-columns: repeat(3, 1fr);\n }\n \n .transformation-grid {\n flex-direction: row;\n align-items: stretch;\n }\n \n .transform-item {\n flex: 1;\n }\n \n .transform-divider {\n flex: 0 0 auto;\n }\n \n .usage-steps {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n }\n \n .usage-notes {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n\/* Animations *\/\n.promise-card, .transform-item, .ingredient-item, .timeline-week, .usage-step {\n animation: fadeIn 0.5s ease-out forwards;\n opacity: 0;\n}\n\u003c\/style\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Alpha-Arbutin 2% + Hyaluronsäure","offer_id":44709540397253,"sku":"","price":750.0,"currency_code":"EGP","in_stock":true},{"title":"Alpha-Arbutin 2% + Vitamin C (Ascorbinsäure 8%))","offer_id":44709540430021,"sku":"","price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The-Ordinary-Alpha-Arbutin-2_-HA_1.jpg?v=1697704829"},{"product_id":"the-ordinary-salycilic-acid","title":"The ordinary salicylic acid مقشر محلول حمض الساليسيليك 2%","description":"\u003cp\u003eيوضع مرة واحدة في المساء.\u003cbr\u003eضعي كمية صغيرة على المنطقة المستهدفة أو على الوجه عامة\u003c\/p\u003e\n\u003cp\u003eاختبار المنتج : ينصح باختبار على البشرة عن طريق تطبيق كمية صغيرة على مساحة صغيرة من البشرة لمدة 3 أيام.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eلا تستخدمه مع المنتجات التالية :\u003c\/strong\u003e\u003cbr\u003eببتيدات النحاس\u003cbr data-mce-fragment=\"1\"\u003e الأحماض\u003cbr data-mce-fragment=\"1\"\u003e فيتامين سي\u003cbr data-mce-fragment=\"1\"\u003eEUK\u003cbr data-mce-fragment=\"1\"\u003eمسحوق النياسيناميد\u003cbr data-mce-fragment=\"1\"\u003eالببتيدات\u003cbr data-mce-fragment=\"1\"\u003eالريتينويد\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eجميع المكونات : \u003cbr\u003e\u003cspan data-mce-fragment=\"1\"\u003eAqua (Water), Saccharide Isomerate, Cocamidopropyl Dimethylamine, Salicylic Acid, Hydroxyethylcellulose, Polysorbate 20, Citric Acid, Sodium Citrate, Sodium Hydroxide, Phenoxyethanol, Chlorphenesin.\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":42123410571461,"sku":"","price":700.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/rdn-salicylic-acid-2pct-solution-30ml.webp?v=1679691960"},{"product_id":"the-ordinary-argerline","title":"The ordinary محلول الأرجيرلين 10% متخصص التجاعيد الحركية","description":"\u003c!-- Argireline Product Description --\u003e\n\u003cstyle\u003e\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.argireline-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n \n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n}\n\n.hero-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n padding: 60px 20px;\n background: linear-gradient(135deg, #000000 0%, #333333 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 40px;\n position: relative;\n overflow: hidden;\n}\n\n.hero-section::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.3), transparent);\n animation: shimmer 3s infinite;\n}\n\n.hero-content {\n z-index: 2;\n}\n\n.hero-image {\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 2;\n}\n\n.main-product-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 20px 40px rgba(156, 129, 2, 0.3);\n opacity: 0;\n transform: scale(0.8) rotateY(10deg);\n animation: productImageReveal 1.5s 0.5s ease forwards;\n}\n\n@keyframes productImageReveal {\n to {\n opacity: 1;\n transform: scale(1) rotateY(0deg);\n }\n}\n\n@keyframes shimmer {\n 0% { left: -100%; }\n 100% { left: 100%; }\n}\n\n.hero-title {\n font-size: 2.5rem;\n font-weight: bold;\n margin-bottom: 20px;\n color: #9C8102;\n opacity: 0;\n animation: fadeInUp 1s forwards;\n text-align: right;\n}\n\n.hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 1s 0.3s forwards;\n text-align: right;\n}\n\n.product-badge {\n display: inline-block;\n background: #9C8102;\n color: white;\n padding: 10px 25px;\n border-radius: 50px;\n font-weight: bold;\n margin-top: 20px;\n opacity: 0;\n animation: fadeInUp 1s 0.6s forwards;\n transition: transform 0.3s ease;\n}\n\n.product-badge:hover {\n transform: scale(1.05);\n}\n\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.content-section {\n margin: 40px 0;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.6s ease;\n}\n\n.content-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.section-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n position: relative;\n padding-bottom: 15px;\n}\n\n.section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 3px;\n background: #9C8102;\n transition: width 0.8s ease;\n transform: translateX(-50%);\n}\n\n.content-section.visible .section-title::after {\n width: 80px;\n}\n\n.section-content {\n font-size: 1.1rem;\n color: #555;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n.feature-card {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border-left: 4px solid #9C8102;\n}\n\n.feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n}\n\n.feature-icon {\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 24px;\n font-weight: bold;\n}\n\n.timeline-header {\n text-align: center;\n margin-bottom: 40px;\n}\n\n.results-timeline {\n position: relative;\n padding: 20px 0;\n}\n\n.timeline-item {\n display: flex;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n animation: timelineSlideIn 0.8s ease forwards;\n}\n\n.timeline-item:nth-child(1) { animation-delay: 0.2s; }\n.timeline-item:nth-child(2) { animation-delay: 0.4s; }\n.timeline-item:nth-child(3) { animation-delay: 0.6s; }\n.timeline-item:nth-child(4) { animation-delay: 0.8s; }\n\n@keyframes timelineSlideIn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.timeline-marker-vertical {\n flex-shrink: 0;\n width: 60px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: 20px;\n}\n\n.timeline-dot-vertical {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n border: 4px solid white;\n box-shadow: 0 0 0 2px #9C8102, 0 4px 15px rgba(156, 129, 2, 0.3);\n position: relative;\n z-index: 2;\n transition: all 0.3s ease;\n}\n\n.timeline-dot-vertical.final {\n background: linear-gradient(45deg, #9C8102, #d4af02);\n transform: scale(1.2);\n box-shadow: 0 0 0 3px white, 0 0 0 6px #9C8102, 0 6px 20px rgba(156, 129, 2, 0.4);\n}\n\n.timeline-line {\n width: 3px;\n height: 100px;\n background: linear-gradient(to bottom, #9C8102, #e0e0e0);\n margin-top: 10px;\n border-radius: 2px;\n}\n\n.timeline-content-card {\n flex: 1;\n background: white;\n padding: 25px;\n border-radius: 15px;\n margin-right: 20px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.timeline-content-card:hover {\n transform: translateX(-5px);\n box-shadow: 0 12px 35px rgba(156, 129, 2, 0.15);\n}\n\n.timeline-content-card.highlight {\n background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);\n border-right: 4px solid #d4af02;\n box-shadow: 0 12px 35px rgba(156, 129, 2, 0.2);\n}\n\n.timeline-badge {\n display: inline-block;\n background: #9C8102;\n color: white;\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 0.9rem;\n font-weight: bold;\n margin-bottom: 15px;\n position: relative;\n}\n\n.timeline-badge.final {\n background: linear-gradient(45deg, #9C8102, #d4af02);\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content-card h3 {\n color: #333;\n margin-bottom: 15px;\n font-size: 1.3rem;\n font-weight: bold;\n}\n\n.timeline-content-card p {\n color: #666;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.results-list {\n list-style: none;\n padding: 0;\n}\n\n.results-list li {\n padding: 8px 0;\n padding-right: 25px;\n position: relative;\n color: #555;\n transition: color 0.3s ease;\n}\n\n.results-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n}\n\n.results-list li:hover {\n color: #333;\n}\n\n.content-with-image {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin-top: 30px;\n}\n\n.content-text {\n order: 1;\n}\n\n.content-image {\n order: 2;\n display: flex;\n justify-content: center;\n}\n\n.section-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n opacity: 0;\n transform: translateX(30px);\n transition: all 0.8s ease;\n}\n\n.content-section.visible .section-image {\n opacity: 1;\n transform: translateX(0);\n}\n\n.cellular-explanation {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin: 30px 0;\n}\n\n.explanation-text {\n order: 1;\n}\n\n.explanation-image {\n order: 2;\n display: flex;\n justify-content: center;\n}\n\n.mechanism-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n opacity: 0;\n transform: scale(0.9) rotateY(-10deg);\n transition: all 1s ease;\n}\n\n.content-section.visible .mechanism-image {\n opacity: 1;\n transform: scale(1) rotateY(0deg);\n}\n\n.section-image:hover,\n.mechanism-image:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 45px rgba(156, 129, 2, 0.3);\n}\n\n@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateX(-20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.studies-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n}\n\n.study-card {\n background: white;\n padding: 20px;\n margin: 15px 0;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n transition: transform 0.3s ease;\n}\n\n.study-card:hover {\n transform: translateX(10px);\n}\n\n.usage-section {\n background: linear-gradient(135deg, #333 0%, #000 100%);\n color: white;\n}\n\n.usage-section .section-title {\n color: #9C8102;\n}\n\n.usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.usage-step {\n background: rgba(255,255,255,0.1);\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n transition: transform 0.3s ease;\n}\n\n.usage-step:hover {\n transform: scale(1.05);\n}\n\n.usage-number {\n width: 40px;\n height: 40px;\n background: #9C8102;\n border-radius: 50%;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.2rem;\n}\n\n.scroll-indicator {\n position: fixed;\n top: 0;\n right: 0;\n width: 4px;\n height: 100vh;\n background: rgba(156, 129, 2, 0.2);\n z-index: 1000;\n}\n\n.scroll-progress {\n width: 100%;\n background: #9C8102;\n height: 0%;\n transition: height 0.1s ease;\n}\n\n@media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n \n .hero-section {\n grid-template-columns: 1fr;\n text-align: center;\n }\n \n .hero-title,\n .hero-subtitle {\n text-align: center;\n }\n \n .hero-content {\n order: 2;\n }\n \n .hero-image {\n order: 1;\n margin-bottom: 30px;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .content-with-image,\n .cellular-explanation {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .content-image,\n .explanation-image {\n order: 1;\n margin-bottom: 20px;\n }\n \n .content-text,\n .explanation-text {\n order: 2;\n }\n \n .timeline-item {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .timeline-marker-vertical {\n margin-left: 0;\n margin-bottom: 20px;\n }\n \n .timeline-line {\n display: none;\n }\n \n .timeline-content-card {\n margin-right: 0;\n width: 100%;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"argireline-container\"\u003e\n \u003c!-- Scroll Progress Indicator --\u003e\n \u003cdiv class=\"scroll-indicator\"\u003e\n \u003cdiv class=\"scroll-progress\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"hero-title\"\u003eقاوم علامات الزمن مع محلول الأرجرلين\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eمحلول أرجيرلين هو منتج مبتكر يعمل مثل \u003cstrong style=\"color: #9C8102;\"\u003eالبوتوكس الموضعي\u003c\/strong\u003e لتقليل ظهور الخطوط الدقيقة والتجاعيد. يستهدف \u003cstrong\u003eعلامات الشيخوخة المرئية\u003c\/strong\u003e دون الحاجة للحقن، مما يوفر بديلًا \u003cstrong style=\"color: #9C8102;\"\u003eأكثر أمانًا وأقل تكلفة\u003c\/strong\u003e للعناية المتقدمة بالبشرة.\u003c\/p\u003e\n \u003cdiv class=\"product-badge\"\u003eالبوتوكس الموضعي\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.jpg?v=1746201574\" alt=\"محلول الأرجرلين\" class=\"main-product-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- What is Argireline Section --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eما هو أرغيليرين؟\u003c\/h2\u003e\n \u003cdiv class=\"content-with-image\"\u003e\n \u003cdiv class=\"content-text\"\u003e\n \u003cp class=\"section-content\"\u003eأرغيليرين هو \u003cstrong style=\"color: #9C8102;\"\u003eسداسي الببتيد الاصطناعي\u003c\/strong\u003e الذي يعمل عن طريق \u003cstrong\u003eاسترخاء عضلات الوجه\u003c\/strong\u003e. هذا يساعد على تقليل ظهور \u003cstrong style=\"color: #9C8102;\"\u003eالتجاعيد الديناميكية\u003c\/strong\u003e، والتي هي التجاعيد التي تتشكل عند تحريك وجهك، مثل عند \u003cstrong\u003eالضحك أو التعبير\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"content-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_2.webp?v=1746201573\" alt=\"كيف يعمل الأرجرلين\" class=\"section-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How it Works Section --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eيعمل على المستوى الخلوي\u003c\/h2\u003e\n \u003cdiv class=\"cellular-explanation\"\u003e\n \u003cdiv class=\"explanation-text\"\u003e\n \u003cp class=\"section-content\"\u003eيعمل محلول أرغيليرين عن طريق \u003cstrong style=\"color: #9C8102;\"\u003eاسترخاء عضلات الوجه\u003c\/strong\u003e التي تسبب التجاعيد الديناميكية. عندما يتم استرخاء هذه العضلات، فإنها تقلل من ظهور التجاعيد.\u003c\/p\u003e\n \u003cp class=\"section-content\"\u003eيحتوي محلول أرغيلين على مكون نشط يسمى \u003cstrong style=\"color: #9C8102;\"\u003eArgireline\u003c\/strong\u003e. Argireline هو سداسي الببتيد الاصطناعي الذي يعمل عن طريق \u003cstrong\u003eتثبيط إطلاق العصبونات الحركية\u003c\/strong\u003e لـ\u003cstrong style=\"color: #9C8102;\"\u003eأستيل كولين\u003c\/strong\u003e. أستيل كولين هو \u003cstrong\u003eناقل عصبي مسؤول عن تقلص العضلات\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"explanation-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.webp?v=1746201573\" alt=\"عمل الأرجرلين\" class=\"mechanism-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eتثبيط أستيل كولين\u003c\/h3\u003e\n \u003cp\u003eيثبط إطلاق العصبونات الحركية لأستيل كولين المسؤول عن تقلص العضلات\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eاسترخاء العضلات\u003c\/h3\u003e\n \u003cp\u003eيؤدي إلى استرخاء العضلات وعدم تقلصها بقوة كما كانت من قبل\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eتقليل التجاعيد\u003c\/h3\u003e\n \u003cp\u003eينتج عنه تقليل ظهور التجاعيد الديناميكية بشكل ملحوظ\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Concentration Section --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eأعلى تركيز ممكن بدون وصفة طبية\u003c\/h2\u003e\n \u003cp class=\"section-content\"\u003eيحتوي محلول أرغيليرين \u003cstrong style=\"color: #9C8102; font-size: 1.2em;\"\u003e10٪\u003c\/strong\u003e على تركيز عالٍ من \u003cstrong style=\"color: #9C8102;\"\u003eArgireline™\u003c\/strong\u003e، وهو \u003cstrong\u003eأعلى تركيز متاح دون وصفة طبية\u003c\/strong\u003e. بالإضافة إلى ذلك، يحتوي المصل أيضًا على مكونات أخرى مفيدة للبشرة، مثل \u003cstrong\u003eالجلسرين وحمض الهيالورونيك\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة النتائج مع محلول الأرجرلين 10%\u003c\/h2\u003e\n \u003cp class=\"section-content\"\u003eاكتشف كيف سيتحول مظهر بشرتك خلال الأسابيع المختلفة من الاستخدام المنتظم\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"results-timeline\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-marker-vertical\"\u003e\n \u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 1\u003c\/div\u003e\n \u003ch3\u003eبداية الاستخدام وترطيب البشرة\u003c\/h3\u003e\n \u003cp\u003eستشعر بالفرق من \u003cstrong style=\"color: #9C8102;\"\u003eالاستخدام الأول\u003c\/strong\u003e حيث يعمل المحلول الخفيف على ترطيب البشرة وتنعيمها.\u003c\/p\u003e\n \u003cul class=\"results-list\"\u003e\n \u003cli\u003eبشرة أكثر \u003cstrong\u003eنعومة ورطوبة\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eامتصاص سريع\u003c\/strong\u003e دون أي شعور بالثقل\u003c\/li\u003e\n \u003cli\u003eشعور خفيف بالشد على المناطق المستهدفة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-marker-vertical\"\u003e\n \u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 2-3\u003c\/div\u003e\n \u003ch3\u003eبداية ظهور النتائج الأولية\u003c\/h3\u003e\n \u003cp\u003eبعد \u003cstrong style=\"color: #9C8102;\"\u003eأسبوعين من الاستخدام المنتظم\u003c\/strong\u003e، ستبدأ في ملاحظة تحسن طفيف في خطوط التعبير.\u003c\/p\u003e\n \u003cul class=\"results-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقليل بسيط\u003c\/strong\u003e في ظهور الخطوط الدقيقة\u003c\/li\u003e\n \u003cli\u003eبشرة أكثر \u003cstrong style=\"color: #9C8102;\"\u003eإشراقاً وانتعاشاً\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eاسترخاء أولي لعضلات الوجه\u003c\/li\u003e\n \u003cli\u003eتخفيف مظهر التعب حول العينين\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-marker-vertical\"\u003e\n \u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 4-6\u003c\/div\u003e\n \u003ch3\u003eتحسن واضح في التجاعيد الديناميكية\u003c\/h3\u003e\n \u003cp\u003eبعد \u003cstrong style=\"color: #9C8102;\"\u003eشهر من الاستخدام المنتظم\u003c\/strong\u003e، ستلاحظ نتائج أكثر وضوحاً خاصة في خطوط الجبهة وحول العينين.\u003c\/p\u003e\n \u003cul class=\"results-list\"\u003e\n \u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eانخفاض واضح\u003c\/strong\u003e في عمق خطوط التعبير حول العينين\u003c\/li\u003e\n \u003cli\u003eخطوط الجبهة \u003cstrong\u003eأقل وضوحاً\u003c\/strong\u003e عند التعبير\u003c\/li\u003e\n \u003cli\u003eاسترخاء أفضل لعضلات الوجه عند التعبير\u003c\/li\u003e\n \u003cli\u003eبشرة أكثر \u003cstrong\u003eنعومة ومرونة\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-marker-vertical\"\u003e\n \u003cdiv class=\"timeline-dot-vertical final\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content-card highlight\"\u003e\n \u003cdiv class=\"timeline-badge final\"\u003eالأسبوع 8-12\u003c\/div\u003e\n \u003ch3\u003eالنتائج الكاملة والتحسن المستمر\u003c\/h3\u003e\n \u003cp\u003eمع استمرار الاستخدام المنتظم لمدة \u003cstrong style=\"color: #9C8102;\"\u003e8-12 أسبوعاً\u003c\/strong\u003e، ستلاحظ تحسناً كبيراً في مظهر البشرة بشكل عام.\u003c\/p\u003e\n \u003cul class=\"results-list\"\u003e\n \u003cli\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eتقليل بنسبة تصل إلى 30%\u003c\/strong\u003e في ظهور التجاعيد الديناميكية\u003c\/li\u003e\n \u003cli\u003eبشرة أكثر \u003cstrong\u003eنعومة وإشراقاً وحيوية\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eتحسن ملحوظ\u003c\/strong\u003e في مرونة البشرة\u003c\/li\u003e\n \u003cli\u003eتقليل واضح في خطوط التعبير حتى عند الحركة\u003c\/li\u003e\n \u003cli\u003eمظهر \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 \u003c\/div\u003e\n\n \u003c!-- Scientific Studies Section --\u003e\n \u003cdiv class=\"content-section studies-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالأرجريلين مادة مثبتة علمياً ومعملياً\u003c\/h2\u003e\n \n \u003cdiv class=\"study-card\"\u003e\n \u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eدراسة 2009\u003c\/strong\u003e - Journal of Cosmetic Dermatology\u003c\/h4\u003e\n \u003cp\u003eاستخدام محلول أرغيلين \u003cstrong style=\"color: #9C8102;\"\u003e10٪\u003c\/strong\u003e لمدة \u003cstrong\u003e30 يومًا\u003c\/strong\u003e أدى إلى \u003cstrong style=\"color: #9C8102;\"\u003eتقليل ملحوظ\u003c\/strong\u003e في ظهور التجاعيد الديناميكية في الجبهة وحول العينين.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"study-card\"\u003e\n \u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eدراسة 2011\u003c\/strong\u003e - Dermatology and Therapy\u003c\/h4\u003e\n \u003cp\u003eاستخدام محلول أرغيلين \u003cstrong style=\"color: #9C8102;\"\u003e10٪\u003c\/strong\u003e لمدة \u003cstrong\u003e60 يومًا\u003c\/strong\u003e أدى إلى \u003cstrong style=\"color: #9C8102;\"\u003eتقليل ملحوظ\u003c\/strong\u003e في ظهور التجاعيد الديناميكية في الجبهة وحول العينين والفم.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"study-card\"\u003e\n \u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eدراسة 2013\u003c\/strong\u003e - Skin Pharmacology and Physiology\u003c\/h4\u003e\n \u003cp\u003eاستخدام محلول أرغيلين \u003cstrong style=\"color: #9C8102;\"\u003e10٪\u003c\/strong\u003e لمدة \u003cstrong\u003e90 يومًا\u003c\/strong\u003e أدى إلى \u003cstrong style=\"color: #9C8102;\"\u003eتقليل ملحوظ في عمق\u003c\/strong\u003e التجاعيد الديناميكية في الجبهة وحول العينين.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"section-content\" style=\"margin-top: 30px; font-weight: bold; color: #9C8102; font-size: 1.1em;\"\u003e\n في الدراسات العلمية، أظهر محلول أرغيلين فعاليته في تقليل ظهور التجاعيد الديناميكية بنسبة تصل إلى \u003cstrong style=\"font-size: 1.3em;\"\u003e30٪\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Instructions Section --\u003e\n \u003cdiv class=\"content-section usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"usage-number\"\u003e1\u003c\/div\u003e\n \u003ch4\u003eتنظيف الوجه\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003eنظف وجهك جيداً\u003c\/strong\u003e وجففه تماماً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"usage-number\"\u003e2\u003c\/div\u003e\n \u003ch4\u003eتطبيق المحلول\u003c\/h4\u003e\n \u003cp\u003eضع \u003cstrong style=\"color: #9C8102;\"\u003eبضع قطرات\u003c\/strong\u003e على المناطق المصابة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"usage-number\"\u003e3\u003c\/div\u003e\n \u003ch4\u003eالانتظار\u003c\/h4\u003e\n \u003cp\u003eاترك المصل \u003cstrong\u003eليجف تماماً\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"usage-number\"\u003e4\u003c\/div\u003e\n \u003ch4\u003eالمرطب\u003c\/h4\u003e\n \u003cp\u003eضع \u003cstrong style=\"color: #9C8102;\"\u003eمرطبك المعتاد\u003c\/strong\u003e بعد الجفاف\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"section-content\" style=\"margin-top: 30px;\"\u003e\n \u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eالاستخدام المثالي:\u003c\/strong\u003e \u003cstrong\u003eمرتين يومياً صباحاً ومساءً\u003c\/strong\u003e للحصول على أفضل النتائج\n \u003c\/p\u003e\n \n \u003cdiv class=\"usage-note\" style=\"background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 20px; border-radius: 10px; margin-top: 20px; border-right: 4px solid #9C8102;\"\u003e\n \u003cp style=\"margin: 0; color: #333;\"\u003e\u003cstrong style=\"color: #9C8102;\"\u003eملاحظة مهمة:\u003c\/strong\u003e محلول أرغيلين \u003cstrong\u003e10٪ مناسب لجميع أنواع البشرة\u003c\/strong\u003e. إذا كانت بشرتك حساسة للغاية، ابدأ باستخدام المصل \u003cstrong style=\"color: #9C8102;\"\u003eمرة واحدة يومياً\u003c\/strong\u003e لترى كيف تتفاعل بشرتك.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Scroll-triggered animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all content sections\n document.querySelectorAll('.content-section').forEach(section =\u003e {\n observer.observe(section);\n });\n\n \/\/ Scroll progress indicator\n const updateScrollProgress = () =\u003e {\n const windowHeight = window.innerHeight;\n const documentHeight = document.documentElement.scrollHeight - windowHeight;\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n const scrollPercentage = (scrollTop \/ documentHeight) * 100;\n \n const progressBar = document.querySelector('.scroll-progress');\n if (progressBar) {\n progressBar.style.height = Math.min(scrollPercentage, 100) + '%';\n }\n };\n\n window.addEventListener('scroll', updateScrollProgress);\n\n \/\/ Feature card hover effects\n document.querySelectorAll('.feature-card').forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px) scale(1.02)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n\n \/\/ Study card stagger animation\n setTimeout(() =\u003e {\n document.querySelectorAll('.study-card').forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateX(0)';\n }, index * 200);\n });\n }, 1000);\n\n \/\/ Usage steps animation\n document.querySelectorAll('.usage-step').forEach((step, index) =\u003e {\n step.style.opacity = '0';\n step.style.transform = 'translateY(30px)';\n \n setTimeout(() =\u003e {\n step.style.transition = 'all 0.6s ease';\n step.style.opacity = '1';\n step.style.transform = 'translateY(0)';\n }, 500 + (index * 150));\n });\n\n \/\/ Timeline items animation observer\n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, { threshold: 0.3 });\n\n \/\/ Observe timeline items\n document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n item.style.animationPlayState = 'paused';\n timelineObserver.observe(item);\n });\n\n \/\/ Smooth scrolling for better UX\n document.documentElement.style.scrollBehavior = 'smooth';\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398544560325,"sku":"","price":820.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-ordinary-argireline-serum-30ml.png?v=1697543593"},{"product_id":"the-ordinary-مصل-الأحماض-الأمينية-فيتامين-b5-ترطيب-دعم-وظيفة-حاجز-البشرة","title":"the ordinary مصل الأحماض الأمينية + فيتامين B5 | ترطيب | دعم وظيفة حاجز البشرة","description":"\u003cp data-sourcepos=\"1:1-1:482\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eمصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري\u003c\/strong\u003e هو مصل خفيف الوزن يعمل مع بشرتك لدعم حاجز الترطيب الطبيعي. من خلال تضمين محلول مركز بنسبة 17٪ (بالوزن) من الأحماض الأمينية ومشتقات الأحماض الأمينية التي تحاكي العوامل المرطبة الطبيعية لبشرتك، فإن هذه التركيبة القائمة على الماء تحافظ على الطبقة الخارجية من بشرتك محمية ومرطبة جيدًا دون الشعور بالدهون. بالإضافة إلى ذلك، يستخدم 5٪ (بالوزن) من فيتامين B5 لتوفير ترطيب سطح الجلد وتحت السطح، مما يفسح المجال لبشرة أكثر نعومة وسلاسة.\u003c\/p\u003e\n\u003cp data-sourcepos=\"1:1-1:482\" data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch2 data-sourcepos=\"3:1-3:27\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eما هي الأحماض الأمينية؟\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-sourcepos=\"3:1-3:27\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"5:1-5:186\" data-mce-fragment=\"1\"\u003eالأحماض الأمينية هي اللبنات الأساسية للبروتينات، وهي ضرورية لصحة البشرة. تشكل الأحماض الأمينية العوامل المرطبة الطبيعية (NMFs)، وهي مزيج من المواد التي تساعد على الحفاظ على ترطيب البشرة.\u003c\/p\u003e\n\u003cp data-sourcepos=\"5:1-5:186\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003ch2 data-sourcepos=\"7:1-7:21\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eما هو فيتامين B5؟\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-sourcepos=\"7:1-7:21\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"9:1-9:115\" data-mce-fragment=\"1\"\u003eفيتامين B5، المعروف أيضًا باسم البانتوثينيك، هو فيتامين قابل للذوبان في الماء يساعد على ترطيب البشرة وتحسين مظهرها.\u003c\/p\u003e\n\u003cp data-sourcepos=\"9:1-9:115\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003ch2 data-sourcepos=\"11:1-11:62\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eكيف يعمل مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري؟\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-sourcepos=\"11:1-11:62\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"13:1-13:166\" data-mce-fragment=\"1\"\u003eيعمل مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري عن طريق تقوية حاجز الترطيب الطبيعي للبشرة وتوفير ترطيب عميق. يساعد هذا على الحفاظ على بشرتك رطبة وناعمة ومتوهجة.\u003c\/p\u003e\n\u003cp data-sourcepos=\"13:1-13:166\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003ch2 data-sourcepos=\"15:1-15:73\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eما هي فوائد استخدام مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري؟\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-sourcepos=\"15:1-15:73\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"17:1-17:67\" data-mce-fragment=\"1\"\u003eيمكن أن يساعد مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري على:\u003c\/p\u003e\n\u003cul data-sourcepos=\"19:1-24:0\" data-mce-fragment=\"1\"\u003e\n\u003cli data-sourcepos=\"19:1-19:19\" data-mce-fragment=\"1\"\u003eترطيب البشرة بعمق\u003c\/li\u003e\n\u003cli data-sourcepos=\"20:1-20:35\" data-mce-fragment=\"1\"\u003eتقوية حاجز الترطيب الطبيعي للبشرة\u003c\/li\u003e\n\u003cli data-sourcepos=\"21:1-21:19\" data-mce-fragment=\"1\"\u003eتحسين نسيج البشرة\u003c\/li\u003e\n\u003cli data-sourcepos=\"22:1-22:37\" data-mce-fragment=\"1\"\u003eتقليل مظهر الخطوط الدقيقة والتجاعيد\u003c\/li\u003e\n\u003cli data-sourcepos=\"23:1-24:0\" data-mce-fragment=\"1\"\u003eمنح البشرة توهجًا صحيًا\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"25:1-25:64\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eكيف تستخدم مصل الأحضاض الأمينية + فيتامين B5 من ذا أوردينري؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-sourcepos=\"27:1-27:218\" data-mce-fragment=\"1\"\u003eللحصول على أفضل النتائج، استخدم مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري مرتين يوميًا، صباحًا ومساءًا. بعد تنظيف وتجفيف وجهك، ضع بضع قطرات من المصل على وجهك ورقبتك. اترك المصل ليجف تمامًا قبل وضع مرطبك المعتاد.\u003c\/p\u003e\n\u003cp data-sourcepos=\"29:1-29:81\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eهل مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري مناسب لجميع أنواع البشرة؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-sourcepos=\"31:1-31:106\" data-mce-fragment=\"1\"\u003eنعم، مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري مناسب لجميع أنواع البشرة، بما في ذلك البشرة الحساسة.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398619107525,"sku":"","price":650.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-amino-acids-b5-30ml.webp?v=1696775588"},{"product_id":"the-ordinary-غسول-سكوالين-مزيل-مكياج-منظف-مرطب-50-مل","title":"The ordinary غسول سكوالين | مزيل مكياج | منظف | مرطب 50 مل","description":"\u003cp data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:265\"\u003eبتركيبته الخفيفة الوزن وغير الدهنية، يعمل هذا الغسول على إزالة المكياج والأوساخ بسهولة، مع الحفاظ على حاجز ترطيب بشرتك. يحتوي على السكوالين، وهو مكون مرطب مشتق من النباتات، بالإضافة إلى استرات محبة للدهون ستترك بشرتك تشعر بالنعومة واللطافة.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:170\"\u003eغسول سكوالين ذا أوردينري  خالي من الصابون، مما يجعله لطيفًا بما يكفي للاستخدام اليومي، ومناسبًا لجميع أنواع البشرة، ويمكن دمجه مع منتجات ذا أوردينري الأخرى.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"11:1-11:43\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eفوائد استخدام غسول سكوالين ذا أوردينري:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"13:1-21:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"13:1-13:50\"\u003eينظف البشرة بعمق دون تجريدها من رطوبتها الطبيعية\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"14:1-14:30\"\u003eيزيل المكياج والأوساخ بسهولة\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"15:1-15:29\"\u003eيحافظ على حاجز ترطيب البشرة\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"16:1-16:36\"\u003eيترك البشرة تشعر بالنعومة واللطافة\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"17:1-17:32\"\u003eغير كوميدوجين وخالي من الصابون\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"18:1-18:32\"\u003eلطيف بما يكفي للاستخدام اليومي\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"19:1-19:26\"\u003eمناسب لجميع أنواع البشرة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eميزة\u003c\/th\u003e\n\u003cth\u003eغسول سكوالين ذا أوردينري\u003c\/th\u003e\n\u003cth\u003e معظم الغسولات الأخرى\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eالمكونات\u003c\/td\u003e\n\u003ctd\u003eطبيعية ومشتقة من النباتات\u003c\/td\u003e\n\u003ctd\u003eقد تحتوي على مواد كيميائية قاسية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالتأثير على البشرة\u003c\/td\u003e\n\u003ctd\u003eلطيف ومرطب\u003c\/td\u003e\n\u003ctd\u003eقد يتسبب في جفاف البشرة أو تهيجها\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالملاءمة لأنواع البشرة\u003c\/td\u003e\n\u003ctd\u003eمناسب لجميع أنواع البشرة\u003c\/td\u003e\n\u003ctd\u003eقد لا يكون مناسب لجميع أنواع البشرة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eإزالة المكياج\u003c\/td\u003e\n\u003ctd\u003eيزيل المكياج بسهولة\u003c\/td\u003e\n\u003ctd\u003eقد لا يزيل المكياج بفعالية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eحاجز الترطيب\u003c\/td\u003e\n\u003ctd\u003eيحافظ على حاجز ترطيب البشرة\u003c\/td\u003e\n\u003ctd\u003eقد تجرد البشرة من رطوبتها الطبيعية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398701387973,"sku":"","price":800.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-squalane-cleanser-50ml.webp?v=1696777008"},{"product_id":"the-ordinary-mineral-uv-filters-spf-30","title":"the ordinary Mineral uv filters spf 30","description":"\u003ch1\u003eصديق بشرتك الأفضل: واقي الشمس Mineral UV Filters SPF 30 مع مضادات الأكسدة\u003c\/h1\u003e\n\u003cp\u003eاحمِي بشرتك بأناقة وعناية مع واقي الشمس Mineral UV Filters SPF 30 مع مضادات الأكسدة من The Ordinary. إنه واقي شمسي معدني فريد يقدم لك حماية بدرجة SPF 30 مع مكونات مضادة للأكسدة ودعم الترطيب.\u003c\/p\u003e\n\u003ch2\u003eما الذي يميز هذا المنتج؟\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eمرشحات معدنية:\u003c\/strong\u003e يحتوي واقي الشمس هذا على مرشحات معدنية مثل Zinc Oxide و Titanium Dioxide، مما يجعله فعّالًا في حماية بشرتك من أشعة الشمس الضارة.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eمكونات مضادة للأكسدة:\u003c\/strong\u003e تحتوي التركيبة على مكونات مضادة للأكسدة مثل Astaxanthin و Ethyl Ferulate و Rosmarinus Officinalis Leaf Extract، والتي تساعد في حماية بشرتك من تأثيرات الجذور الحرة وتعزيز صحة البشرة.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eترطيب ورعاية:\u003c\/strong\u003e بفضل مكونات مثل Sodium Hyaluronate و Allantoin، يقدم هذا الواقي الشمس دعمًا فعّالًا للترطيب والعناية ببشرتك.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eاجعلي هذا الواقي الشمسي جزءًا من روتين العناية بالبشرة اليومي الخاص بك، واحمي بشرتك من الشمس بفعالية وأناقة. لا تدعي الشمس تعكر صفو جمالك؛ استمتعي ببشرة صحية ومشرقة باستخدام واقي الشمس Mineral UV Filters SPF 30 مع مضادات الأكسدة من The Ordinary.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eجميع المكونات : \u003cbr\u003e\u003cspan data-mce-fragment=\"1\"\u003eAqua (Water), Cyclopentasiloxane, Zinc Oxide, Titanium Dioxide, Glycerin, PEG-10 Dimethicone, Helianthus Annuus Seed Oil, PEG-9 Polydimethylsiloxyethyl Dimethicone, Caprylic\/Capric Triglyceride, Hexyl Laurate, Dimethicone\/PEG-10\/15 Crosspolymer, Polyglyceryl-4 Isostearate, Astaxanthin, Disodium Uridine Phosphate, Ethyl Ferulate, Rosmarinus Officinalis Leaf Extract, Tasmannia Lanceolata Fruit\/Leaf Extract, Haematococcus Pluvialis Extract, Picea Mariana Bark Extract, Arginine, Aspartic Acid, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Sodium PCA, PCA, Sodium Lactate, Glucose, Maltose, Fructose, Trehalose, Urea, Allantoin, Sodium Hyaluronate, Linoleic Acid, Oleic Acid, Phytosteryl Canola Glycerides, Palmitic Acid, Stearic Acid, Isochrysis Galbana Extract, Lysolecithin, Lecithin, Triolein, Pentylene Glycol, Dipropylene Glycol, Polyglyceryl-10 Oleate, Polyglyceryl-5 Trioleate, Polyglyceryl-10 Stearate, Tocopherol, Alumina, Citric Acid, Trisodium Ethylenediamine Disuccinate, Sodium Chloride, Sodium Hydroxide, Phenoxyethanol, Chlorphenesin.\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42399960432837,"sku":"","price":1450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-mineral-uv-filters-spf-30-with-antioxidants-50ml.webp?v=1696848637"},{"product_id":"the-ordinary-soothing-barrier-support-serum-30-ml","title":"The Ordinary Soothing \u0026 Barrier Support Serum 30 ml","description":"\u003cp\u003eهل تعاني من احمرار البشرة وتسبب تهيجها في إحباطك وفقدان ثقتك بنفسك؟ في عالم سريع التغير، قد يكون الجلد هو أول من يتأثر، ويعاني من العوامل البيئية الضارة. ترك تهيج البشرة بدون معالجة قد يؤدي إلى تفاقم المشكلة، ما يجعل الأمر أكثر صعوبة في استعادة توازن بشرتك.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support_benefits.png?v=1741180015\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\"اجعل بشرتك درعك، وليس عبئك!\"\u003c\/h3\u003e\n\u003cp\u003eمع سيروم \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e، لديك الحل الفوري! هذا السيروم ليس مجرد علاج، بل هو حليفك في استعادة صحة بشرتك. تركيبته الغنية التي تضم فيتامين ب12 ومشتقات حمض الغاليك والبيسابولول تعمل على تقليل الاحمرار والشعور بالانزعاج. وفي غضون ساعتين فقط، يعزز حاجز بشرتك ويعيد لها حيويتها.\u003c\/p\u003e\n\u003ch3\u003e\"استعد توازن بشرتك بإشراقة جديدة!\"\u003c\/h3\u003e\n\u003cp\u003eعندما يتعلق الأمر بالترطيب، يوفر السيروم زيادة فورية في الترطيب تصل إلى 86%، مما يجعلك تشعر بالراحة والترطيب طوال اليوم. كما يعمل على تحسين ملمس البشرة، ليمنحك مظهراً أكثر نعومة وإشراقاً.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Soothing-Barrier-Support-Serum.webp?v=1741180098\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eكيف يعمل السيروم؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eترميم سريع لحاجز البشرة\u003c\/strong\u003e: بفضل مكوناته الفعالة، يوفر السيروم دعمًا مثاليًا لحاجز البشرة، مما يقلل من فقدان الرطوبة ويقلل من علامات الاحمرار والتهيج.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eزيادة فورية في الترطيب\u003c\/strong\u003e: يوفر السيروم زيادة فورية في ترطيب البشرة تصل إلى 86%*، مما يعني أن بشرتك ستصبح أكثر نعومة وانتعاشًا في لحظات.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتحسين ملحوظ في المظهر\u003c\/strong\u003e: بفضل تقنياته المتعددة، يساهم السيروم في تحسين ملمس البشرة غير المتجانس، مما يمنحك مظهرًا أكثر نضارة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eمكونات فعالة لدعم بشرتك:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eفيتامين B12\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\u003ch3\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.png?v=1741180382\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003eفوائد مدعومة علميًا:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\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\u003cp\u003eإن سيروم \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e هو الخيار المثالي لكل من يسعى للحصول على بشرة صحية ونضرة. لا تتردد في استخدامه، خاصة إذا كنت تعاني من مشاكل جلدية مزمنة أو تتعرض لعوامل تهيج متكررة.\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e\"لأن بشرتك تستحق العناية القصوى!\"\u003c\/h3\u003e\n\u003cp\u003eهذا السيروم مصمم ليناسب جميع أنواع البشرة، بما في ذلك البشرة الحساسة. لا تدع التهيج يؤثر على جمالك، وامنح بشرتك العناية التي تستحقها مع \u003cstrong\u003eSoothing \u0026amp; Barrier Support Serum\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eاختبر الفرق اليوم واستعد لجعل بشرتك أكثر إشراقاً وصحة من أي وقت مضى.\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":44196281155781,"sku":"INSTA1558CHIQ","price":1060.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.jpg?v=1741179626"},{"product_id":"the-ordinary-multipeptide-eye-serum-سيروم-الببتيدات-المركز-لعلاج-تجاعيد-و-انتفاخات-و-هالات-العين","title":"The ordinary multipeptide eye serum سيروم الببتيدات المركز لعلاج تجاعيد و انتفاخات و هالات العين","description":"\u003cp data-end=\"350\" data-start=\"16\"\u003e \u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum4_1000x_359fc6d2-9eb6-4b6a-b035-696ba69d0cf6.webp?v=1741178780\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003eيُعد سيروم The Ordinary Multi-Peptide Eye Serum تركيبة مائية متطورة تم تصميمها خصيصًا لمعالجة علامات التقدم في السن حول منطقة العين. يجمع هذا السيروم بين أحدث تقنيات البيبتيدات والمواد النشطة العلمية ليعمل على تقليل التجاعيد الدقيقة (خطوط عين الحمامة)، وتحسين مظهر الهالات السوداء والانتفاخ، مما يمنح منطقة العين إشراقة وحيوية متجددة.\u003c\/p\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003eالفوائد الرئيسية\u003c\/h2\u003e\n\u003cul data-end=\"1275\" data-start=\"379\"\u003e\n\u003cli data-end=\"559\" data-start=\"379\"\u003e\n\u003cp data-end=\"559\" data-start=\"381\"\u003e\u003cstrong data-end=\"405\" data-start=\"381\"\u003eتحسين مظهر التجاعيد:\u003c\/strong\u003e\u003cbr data-end=\"408\" data-start=\"405\"\u003eتعمل تقنيات البيبتيدات المتعددة، بما في ذلك Palmitoyl Tripeptide-38، على تقليل ظهور التجاعيد حول العين، مما يعيد شباب البشرة ويقلل من علامات التعب.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"726\" data-start=\"561\"\u003e\n\u003cp data-end=\"726\" data-start=\"563\"\u003e\u003cstrong data-end=\"599\" data-start=\"563\"\u003eتقليل الانتفاخ والهالات السوداء:\u003c\/strong\u003e\u003cbr data-end=\"602\" data-start=\"599\"\u003eيساهم السيروم في تحسين لون وإشراقة منطقة العين عن طريق تقليل اللون الداكن والانتفاخ، ليُضفي على عينيكِ نظرة مشرقة ومتوهجة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"910\" data-start=\"728\"\u003e\n\u003cp data-end=\"910\" data-start=\"730\"\u003e\u003cstrong data-end=\"754\" data-start=\"730\"\u003eتنقية وتنعيم البشرة:\u003c\/strong\u003e\u003cbr data-end=\"757\" data-start=\"754\"\u003eبفضل مزيج من النياسيناميد ومستخلص لحاء Fraxinus Excelsior، يعمل السيروم على تنعيم نسيج البشرة وتحسين إشراقتها، مما يجعل منطقة العين أكثر نعومة وتألقًا.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1140\" data-start=\"912\"\u003e\n\u003cp data-end=\"1140\" data-start=\"914\"\u003e\u003cstrong data-end=\"930\" data-start=\"914\"\u003eحماية فائقة:\u003c\/strong\u003e\u003cbr data-end=\"933\" data-start=\"930\"\u003eيوفر السيروم حماية متقدمة بفضل المكونات المضادة للأكسدة مثل Propyl Gallate وGallyl Glucoside، بالإضافة إلى Epigallocatechin Gallatyl Glucoside، التي تحارب الأضرار البيئية وتدعم صحة البشرة على المدى الطويل.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1275\" data-start=\"1142\"\u003e\n\u003cp data-end=\"1275\" data-start=\"1144\"\u003e\u003cstrong data-end=\"1161\" data-start=\"1144\"\u003eتركيبة فاخرة:\u003c\/strong\u003e\u003cbr data-end=\"1164\" data-start=\"1161\"\u003eتأتي التركيبة بتركيز عالٍ من المواد الفعالة مما يبرر السعر المرتفع، إذ إن كمية قليلة تكفي لتحقيق نتائج مذهلة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum1_800x_37a12c9f-39ad-457c-b1cf-64cde5afe460.webp?v=1741178786\" alt=\"\"\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cp data-end=\"1380\" data-start=\"1305\"\u003eيُستخدم السيروم لتعزيز تجديد خلايا منطقة العين من خلال آلية عمل مركبة تشمل:\u003c\/p\u003e\n\u003cul data-end=\"2043\" data-start=\"1381\"\u003e\n\u003cli data-end=\"1675\" data-start=\"1381\"\u003e\n\u003cp data-end=\"1675\" data-start=\"1383\"\u003e\u003cstrong data-end=\"1407\" data-start=\"1383\"\u003eالبيبتيدات المتعددة:\u003c\/strong\u003e\u003cbr data-end=\"1410\" data-start=\"1407\"\u003eمثل Palmitoyl Tripeptide-38، Matrixyl™ synthe'6™, RetinoPeptide 189، SYN™-AKE، CYTOBIOL™ LUMIN-EYE، UNISOOTH EG-28، وEyeseryl™؛ تعمل هذه البيبتيدات كعوامل إشارات خلوية تُحفّز إنتاج البروتينات الضرورية لتجديد البشرة، مما يؤدي إلى تحسين مرونة الجلد وتقليل التجاعيد.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1824\" data-start=\"1679\"\u003e\n\u003cp data-end=\"1824\" data-start=\"1681\"\u003e\u003cstrong data-end=\"1730\" data-start=\"1681\"\u003eالنياسيناميد ومستخلص لحاء Fraxinus Excelsior:\u003c\/strong\u003e\u003cbr data-end=\"1733\" data-start=\"1730\"\u003eيساعدان في توحيد لون البشرة وتقليل الهالات الداكنة، كما يُحسنان من نسيج البشرة وإشراقتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2043\" data-start=\"1828\"\u003e\n\u003cp data-end=\"2043\" data-start=\"1830\"\u003e\u003cstrong data-end=\"1859\" data-start=\"1830\"\u003eالمكونات المضادة للأكسدة:\u003c\/strong\u003e\u003cbr data-end=\"1862\" data-start=\"1859\"\u003eمثل Propyl Gallate وGallyl Glucoside وEpigallocatechin Gallatyl Glucoside تعمل على حماية البشرة من الجذور الحرة وتقلل من الأضرار البيئية، مما يحافظ على صحة منطقة العين لفترة أطول.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"2172\" data-start=\"2045\"\u003eبفضل هذه التركيبة الفريدة، يعمل السيروم على معالجة عدة مشاكل في آنٍ واحد: التجاعيد، الهالات السوداء، الانتفاخ، وفقدان الإشراقة.\u003c\/p\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003eالنتائج السريرية\u003c\/h2\u003e\n\u003cp data-end=\"2292\" data-start=\"2201\"\u003eأظهرت الدراسات أن الاستخدام المنتظم لسيروم The Ordinary Multi-Peptide Eye Serum يؤدي إلى:\u003c\/p\u003e\n\u003cul data-end=\"2549\" data-start=\"2293\"\u003e\n\u003cli data-end=\"2343\" data-start=\"2293\"\u003eتحسين واضح في مظهر التجاعيد الدقيقة حول العين.\u003c\/li\u003e\n\u003cli data-end=\"2416\" data-start=\"2344\"\u003eتقليل لون الهالات الداكنة والانتفاخ، مما يزيد من إشراقة منطقة العين.\u003c\/li\u003e\n\u003cli data-end=\"2492\" data-start=\"2417\"\u003eتحسين ملمس ونضارة الجلد، مع زيادة في إشراق منطقة العين وملمسها الحريري.\u003c\/li\u003e\n\u003cli data-end=\"2549\" data-start=\"2493\"\u003eانخفاض ملحوظ في شدة التصبغات الداكنة داخل منطقة العين.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"3468\" data-start=\"3350\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"3520\" data-start=\"3475\"\u003eما سبب ارتفاع تكلفة هذا المنتج نسبيا بالمقارنة بالمنتجات الأخرى التي تستهددف نفس المشكلة ؟ \u003c\/h2\u003e\n\u003cul data-end=\"4210\" data-start=\"3521\"\u003e\n\u003cli data-end=\"3690\" data-start=\"3521\"\u003e\n\u003cp data-end=\"3690\" data-start=\"3523\"\u003e\u003cstrong data-end=\"3548\" data-start=\"3523\"\u003eتركيبة عالية التركيز:\u003c\/strong\u003e\u003cbr data-end=\"3551\" data-start=\"3548\"\u003eتحتوي التركيبة على مكونات نادرة صعبة الاستخلاص في تركيزات عالية جدا .. يحتوي المنتج على العديد من الببتيدات التي تعتبر الأفضل في محاربة علامات السن\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"3853\" data-start=\"3692\"\u003e\n\u003cp data-end=\"3853\" data-start=\"3694\"\u003e\u003cstrong data-end=\"3710\" data-start=\"3694\"\u003eنتائج شاملة:\u003c\/strong\u003e\u003cbr data-end=\"3713\" data-start=\"3710\"\u003eيقدم السيروم حلاً متكاملاً لمجموعة واسعة من مشاكل الشيخوخة في منطقة العين – من التجاعيد إلى الهالات الداكنة والانتفاخ – في منتج واحد فاخر.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4011\" data-start=\"3855\"\u003e\n\u003cp data-end=\"4011\" data-start=\"3857\"\u003e\u003cstrong data-end=\"3874\" data-start=\"3857\"\u003eفعالية مثبتة:\u003c\/strong\u003e\u003cbr data-end=\"3877\" data-start=\"3874\"\u003eأثبتت الدراسات السريرية فعاليته في تحسين مظهر منطقة العين وإعادة شبابها، مما يجعله استثمارًا ذكيًا لمن يسعون للحصول على نتائج دائمة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4210\" data-start=\"4013\"\u003e\n\u003cp data-end=\"4210\" data-start=\"4015\"\u003e\u003cstrong data-end=\"4031\" data-start=\"4015\"\u003eكل قطرة تحدث فرقا كبيرا:\u003c\/strong\u003e\u003cbr data-end=\"4034\" data-start=\"4031\"\u003eرغم أن السعر قد يكون أعلى من بعض المنتجات الأخرى، إلا أن التركيبة الفريدة والمركزة تضمن أن كل قطرة من المنتج تعمل بكفاءة قصوى، مما يوفر عليك الحاجة لاستخدام عدة منتجات مكلفة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003eآراء المستخدمين\u003c\/h2\u003e\n\u003cp data-end=\"4541\" data-start=\"4238\"\u003e\u003cstrong data-end=\"4270\" data-start=\"4238\"\u003eكيف يتم جمع آراء المستخدمين؟\u003c\/strong\u003e\u003cbr data-end=\"4273\" data-start=\"4270\"\u003eيتم جمع آراء المستخدمين من خلال المتابعة المستمرة مع العملاء وتسجيل تعليقاتهم حول المنتج. كما يتم استخدام برامج مخصصة تعتمد على الذكاء الاصطناعي لجمع الآراء من مختلف المصادر بشكل دقيق ودون أي تحيز، مما يضمن توفير تقييمات شاملة وموثوقة تعكس التجارب الحقيقية للمستخدمين.\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4543\"\u003e\n\u003cli data-end=\"4722\" data-start=\"4543\"\u003e\n\u003cp data-end=\"4566\" data-start=\"4545\"\u003e\u003cstrong data-end=\"4564\" data-start=\"4545\"\u003eإيجابيات شائعة:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4722\" data-start=\"4569\"\u003e\n\u003cli data-end=\"4619\" data-start=\"4569\"\u003eتحسين واضح في مظهر التجاعيد الدقيقة حول العين.\u003c\/li\u003e\n\u003cli data-end=\"4669\" data-start=\"4622\"\u003eتوحيد لون البشرة وزيادة إشراقة منطقة العين.\u003c\/li\u003e\n\u003cli data-end=\"4722\" data-start=\"4672\"\u003eملمس ناعم وإحساس فوري بالانتعاش بعد الاستخدام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4724\"\u003e\n\u003cp data-end=\"4754\" data-start=\"4726\"\u003e\u003cstrong data-end=\"4752\" data-start=\"4726\"\u003eبعض الملاحظات السلبية:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4757\"\u003e\n\u003cli data-end=\"4820\" data-start=\"4757\"\u003eيحتاج بعض المستخدمين إلى فترة أطول لملاحظة النتائج الكاملة.\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4823\"\u003eيعتبر السعر مرتفعًا بالنسبة للبعض، رغم فعاليته المثبتة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"13\" data-start=\"0\"\u003eالمكونات\u003c\/h2\u003e\n\u003cp data-is-only-node=\"\" data-is-last-node=\"\" data-end=\"692\" data-start=\"14\"\u003eAqua (Water), Glycerin, Butylene Glycol, Propanediol, Dipropylene Glycol, Acetyl Glucosamine, Niacinamide, Palmitoyl Tripeptide-38, Acetyl Tetrapeptide-5, Myristoyl Nonapeptide-3, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Caffeine, Epigallocatechin Gallatyl Glucoside, Gallyl Glucoside, Fraxinus Excelsior Bark Extract, Silanetriol, Arginine, Pentylene Glycol, Hydroxymethoxyphenyl Decanone, Propyl Gallate, Maltodextrin, Hydroxypropyl Cyclodextrin, Hydroxyethylcellulose, Xanthan Gum, Citric Acid, Glycolic Acid, Sodium Citrate, Polysorbate 20, Trisodium Ethylenediamine Disuccinate, Dehydroacetic Acid, Ethylhexylglycerin, Benzyl Alcohol, Phenoxyethanol, Chlorphenesin.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":44526811283653,"sku":"","price":1700.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_multipeptide_eye_serum.jpg?v=1741177907"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/collections\/the-ordinary-products.jpg?v=1721223041","url":"https:\/\/instachiq.com\/de\/collections\/the-ordinary-products.oembed","provider":"Instachiq","version":"1.0","type":"link"}