{"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\"\u003eO tempo não espera por ninguém... mas a sua pele não deveria estar sujeita a ele\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eTodas as manhãs, o espelho lhe revela a verdade: o tempo deixa sua marca em todos.Mas e se você pudesse reescrever essa história?\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\"\u003eA ciência de voltar no tempo\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eIncorporado na estrutura molecular do retinol está um poder incrível - o poder de se comunicar diretamente com as células da pele, orientando-as a se comportarem como quando eram jovens.Estes não são exageros de marketing;São fatos biológicos científicos.\u003c\/p\u003e\n\u003cdiv class=\"product-title\"\u003e\n\u003ch2\u003eThe Ordinary Retinol 0,5% em Esqualeno: a ferramenta precisa para o rejuvenescimento da pele\u003c\/h2\u003e\n\u003cp\u003eOs cientistas sabem há muito tempo que o retinol é o padrão ouro para a transformação tangível da pele.O que distingue esta composição é \u003cstrong\u003ePrecisão clínica\u003c\/strong\u003e - Uma concentração cuidadosamente calibrada de 0,5% suspensa em esqualeno idêntica à composição natural da pele.Este não é apenas um produto;É uma inovação científica disponível em frasco conta-gotas.\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\"\u003eHarmonia molecular que transforma a pele\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\"\u003eRetinol: o mensageiro celular\u003c\/h3\u003e\n\u003cp\u003eO retinol não é apenas um ingrediente;É um mensageiro biológico que:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eAcelerar a regeneração celular \u003cspan class=\"counter\" data-target=\"50\"\u003e50\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eEstimular células de fibroblastos para aumentar a produção de colágeno\u003c\/li\u003e\n\u003cli\u003eReorganização da matriz da derme para melhorar a estrutura estrutural\u003c\/li\u003e\n\u003cli\u003eRegulando a distribuição da melanina para obter uma cor 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\"\u003eEsqualano: escudo biomimético\u003c\/h3\u003e\n\u003cp\u003eSua pele produz esqualeno naturalmente, mas a produção diminui cerca de 10% a cada década após os 30 anos. Esta fórmula reabastece a pele com uma forma pura e estável de esqualeno que:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eCria uma barreira protetora contra umidade sem obstruir os poros\u003c\/li\u003e\n\u003cli\u003eFornece com precisão moléculas de retinol aos seus alvos celulares\u003c\/li\u003e\n\u003cli\u003eNeutraliza os potenciais efeitos secantes do retinol\u003c\/li\u003e\n\u003cli\u003eParece leve, proporcionando máxima eficácia\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\"\u003eEstágios de tempo de transformação\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eEmbora muitos produtos prometam milagres durante a noite, a verdadeira transformação da pele segue um caminho científico:\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\u003eSemana 1-2\u003c\/h3\u003e\n\u003cp\u003eDespertar celular primário;Pode ocorrer uma leve descamação com o início da aceleração\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\u003eSemana 3-4\u003c\/h3\u003e\n\u003cp\u003eSuavização perceptível de linhas finas, especialmente ao redor dos olhos e da boca\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\u003eSemana 5-8\u003c\/h3\u003e\n\u003cp\u003eMelhoria notável na textura e tom da pele\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\u003eSemana 9-12\u003c\/h3\u003e\n\u003cp\u003eReestruturação significativa da aparência da pele;Diminuição da clareza das linhas profundas\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\"\u003eO que diferencia esta fórmula de outros produtos de retinol?\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eA ciência do retinol não é nova, mas fornecê-lo de forma eficaz é o verdadeiro desafio.A maioria das combinações falha em uma das três áreas cruciais:\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\"\u003eConsistência\u003c\/h3\u003e\n\u003cp\u003eO retinol deteriora-se rapidamente quando exposto à luz e ao ar\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\"\u003eEntrega\u003c\/h3\u003e\n\u003cp\u003eSem transportadores adequados, o retinol luta para ir além das camadas superficiais\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\"\u003eResistência\u003c\/h3\u003e\n\u003cp\u003eAltas taxas de irritação levam à descontinuação do uso antes que os resultados sejam vistos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003cp\u003eA fórmula à base de esqualano e sem água do Ordinary aborda todos os três desafios diretamente, enquanto mantém a integridade molecular até o momento do uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch3 class=\"accent-text\"\u003eFórmula avançada a um preço excepcional\u003c\/h3\u003e\n\u003cp\u003eNão se trata apenas de cuidados com a pele – trata-se de bioquímica aplicada na sua forma mais pura.Cada frasco contém a concentração exata necessária para obter resultados visíveis sem enchimentos, fragrâncias ou aditivos de marketing desnecessários.\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\"\u003eSua relação com o tempo: redefinida\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eO espelho não mente – ele reflete escolhas.Cada noite que você aplica este soro representa uma decisão de se envolver com a ciência da renovação da pele, em vez de aceitar a passagem do tempo como inevitável.\u003c\/p\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch3 class=\"accent-text\"\u003ePara melhores resultados:\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\"\u003eComece com uma pequena quantidade (3-4 gotas) na sua rotina noturna\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eAplique na pele limpa e seca antes de hidratantes pesados\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eSempre use protetor solar no dia seguinte\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eGuarde na geladeira após aberto\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eConsidere começar com 0,2% se você é novo no uso de retinóides\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eNão recomendado durante a gravidez ou amamentação, ou com outros retinóides\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\"\u003eA opção científica pela transformação tangível\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eO Retinol Comum 0,5% em Esqualano – Porque o cuidado eficaz da pele não envolve afirmações milagrosas.Trata-se de ingredientes cientificamente comprovados em concentrações precisas.\u003c\/p\u003e\n\u003cp class=\"cta-subtitle\"\u003e\u003cstrong\u003eO relógio biológico da sua pele está funcionando.A hora de reiniciar é agora.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eEncomende agora\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-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","url":"https:\/\/instachiq.com\/pt\/products\/the-ordinary-retinol-0-2","provider":"Instachiq","version":"1.0","type":"link"}