{"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":1050.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","url":"https:\/\/sa.instachiq.com\/de\/products\/the-ordinary-retinol-0-2","provider":"Instachiq","version":"1.0","type":"link"}