{"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":1087.5,"currency_code":"EGP","in_stock":true},{"title":"Alpha-Arbutin 2% + Vitamin C (Ascorbinsäure 8%))","offer_id":44709540430021,"sku":"","price":1087.5,"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","url":"https:\/\/sa.instachiq.com\/de\/products\/the-ordinary-alpha-arbutin-2-ha","provider":"Instachiq","version":"1.0","type":"link"}