{"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\"\u003eLe temps n'attend personne... mais votre peau ne devrait pas y être soumise\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eChaque matin, le miroir vous révèle la vérité : le temps laisse sa marque sur tout le monde. Mais que se passerait-il si vous pouviez réécrire cette histoire?\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\"\u003eLa science pour remonter le cours du temps\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eIntégré dans la structure moléculaire du rétinol se trouve un pouvoir incroyable - le pouvoir de communiquer directement avec vos cellules cutanées, leur ordonnant de se comporter comme elles le faisaient dans leur jeunesse. Ce ne sont pas des exagérations marketing ; ce sont des faits biologiques scientifiques..\u003c\/p\u003e\n\u003cdiv class=\"product-title\"\u003e\n\u003ch2\u003eThe Ordinary Rétinol 0,5 % dans du Squalane : l'outil précis pour le rajeunissement de la peau\u003c\/h2\u003e\n\u003cp\u003eLes scientifiques savent depuis longtemps que le rétinol est la référence en matière de transformation tangible de la peau. Ce qui distingue cette composition est \u003cstrong\u003ePrécision clinique\u003c\/strong\u003e - Une concentration soigneusement calibrée de 0,5 % suspendue dans du squalène identique à la composition naturelle de la peau. Ce n'est pas seulement un produit ; c'est une avancée scientifique disponible dans un flacon compte-gouttes.\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\"\u003eHarmonie moléculaire qui transforme la peau\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\"\u003eRétinol : le messager cellulaire\u003c\/h3\u003e\n\u003cp\u003eLe rétinol n'est pas seulement un ingrédient ; c'est un messager biologique qui:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eAccélérez la régénération cellulaire en \u003cspan class=\"counter\" data-target=\"50\"\u003e50\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eStimuler les cellules fibroblastes pour augmenter la production de collagène\u003c\/li\u003e\n\u003cli\u003eRéorganisation de la matrice dermique pour améliorer la structure\u003c\/li\u003e\n\u003cli\u003eRégulation de la distribution de la mélanine pour obtenir une couleur uniforme\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\"\u003eSqualane : bouclier bio-mimétique\u003c\/h3\u003e\n\u003cp\u003eVotre peau produit naturellement du squalène, mais la production diminue d'environ 10 % chaque décennie après l'âge de 30 ans. Cette formule reconstitue la peau avec une forme pure et stable de squalène qui:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eCrée une barrière protectrice contre l'humidité sans boucher les pores\u003c\/li\u003e\n\u003cli\u003eLivrer précisément les molécules de rétinol à leurs cibles cellulaires\u003c\/li\u003e\n\u003cli\u003eNeutralise les effets potentiellement desséchants du rétinol\u003c\/li\u003e\n\u003cli\u003eIl semble léger tout en offrant une efficacité maximale\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Étapes temporelles de transformation\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eAlors que de nombreux produits promettent des miracles du jour au lendemain, la véritable transformation de la peau suit un chemin scientifique:\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\u003eSemaines 1-2\u003c\/h3\u003e\n\u003cp\u003eRéveil cellulaire primaire ; un léger peeling peut se produire au début de l'accélération\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\u003eSemaine 3-4\u003c\/h3\u003e\n\u003cp\u003eLissage visible des fines lignes, en particulier autour des yeux et de la bouche\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\u003eSemaine 5-8\u003c\/h3\u003e\n\u003cp\u003eAmélioration notable de la texture et du teint de la peau\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\u003eSemaine 9-12\u003c\/h3\u003e\n\u003cp\u003eRestructuration significative de l'apparence de la peau ; Diminution de la clarté des lignes profondes\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\"\u003eCe qui distingue cette formule des autres produits au rétinol?\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eLa science du rétinol n'est pas nouvelle, mais le délivrer efficacement est le vrai défi. La plupart des combinaisons échouent dans l'un des trois domaines cruciaux:\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\"\u003eCohérence\u003c\/h3\u003e\n\u003cp\u003eLe rétinol se détériore rapidement lorsqu'il est exposé à la lumière et à l'air\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\"\u003eLivraison\u003c\/h3\u003e\n\u003cp\u003eSans transporteurs adéquats, le rétinol a du mal à atteindre au-delà des couches superficielles\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\"\u003eEndurance\u003c\/h3\u003e\n\u003cp\u003eDes taux élevés d'irritation entraînent l'arrêt de l'utilisation avant que les résultats ne soient visibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003cp\u003eLa formule sans eau de The Ordinary, à base de squalane, répond directement à ces trois défis, tout en maintenant l'intégrité moléculaire jusqu'au moment de l'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch3 class=\"accent-text\"\u003eFormule avancée à un prix exceptionnel\u003c\/h3\u003e\n\u003cp\u003eCe n'est pas juste un soin de la peau - c'est de la biochimie appliquée dans sa forme la plus pure. Chaque flacon contient la concentration exacte nécessaire pour obtenir des résultats visibles sans agents de remplissage, parfums ou additifs marketing inutiles.\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\"\u003eVotre relation avec le temps : redéfinie\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eLe miroir ne ment pas - il reflète les choix. Chaque nuit où vous appliquez ce sérum représente une décision de vous engager dans la science du renouvellement de la peau plutôt que d'accepter le passage du temps comme inévitable.\u003c\/p\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch3 class=\"accent-text\"\u003ePour de meilleurs résultats:\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\"\u003eCommencez avec une petite quantité (3-4 gouttes) dans votre routine du soir\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eAppliquer sur une peau propre et sèche avant les hydratants lourds\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eToujours utiliser un écran solaire le lendemain\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eConservez-le au réfrigérateur après ouverture\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eEnvisagez de commencer avec 0,2 % si vous êtes nouveau aux rétinoïdes\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eNon recommandé pendant la grossesse ou l'allaitement, ou avec d'autres rétinoïdes\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\"\u003eL'option scientifique pour une transformation tangible\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eThe Ordinary Rétinol 0,5 % dans du Squalane – Parce que des soins de la peau efficaces ne concernent pas des promesses miracles. Il s'agit d'ingrédients scientifiquement prouvés à des concentrations précises.\u003c\/p\u003e\n\u003cp class=\"cta-subtitle\"\u003e\u003cstrong\u003eL'horloge biologique de votre peau tourne. Le moment de réinitialiser est maintenant.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eCommandez maintenant\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: ltr;\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-left: 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-left: 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-left: 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-left: 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","url":"https:\/\/instachiq.com\/fr\/products\/the-ordinary-retinol-0-2","provider":"Instachiq","version":"1.0","type":"link"}