{"product_id":"the-ordinary-alpha-arbutin-2-ha","title":"The Ordinary Alpha Arbutin 2% + HA - soro inibidor de manchas escuras e melanina direcionado","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\"\u003eAlfa Arbutina \u003cspan class=\"highlight\"\u003e2%\u003c\/span\u003e + Ácido hialurônico\u003c\/h1\u003e\n\u003ch2 class=\"sub-title\"\u003eO segredo científico para uma pele uniforme, radiante e livre de manchas\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\u003ePela primeira vez no mundo dos cuidados com a pele, uma fórmula científica inovadora com concentração \u003cspan class=\"highlight\"\u003e2%\u003c\/span\u003e De alfa arbutina pura\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 fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath 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\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M7.5 12H16.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 7.5V16.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eEficácia garantida\u003c\/h3\u003e\n\u003cp\u003eContém 2% de Alpha Arbutin puro - a concentração mais segura e eficaz testada cientificamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" 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-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eResultados rápidos\u003c\/h3\u003e\n\u003cp\u003eGraças à fórmula ideal, os resultados são notados a partir da primeira semana de uso regular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath 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\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M22 4L12 14.01L9 11.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eQualidade garantida\u003c\/h3\u003e\n\u003cp\u003eO pH ideal foi desenvolvido para garantir a estabilidade dos ingredientes e a máxima eficácia\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\"\u003ePele radiante em \u003cspan class=\"highlight\"\u003eApenas 4 semanas\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 fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" 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=\"M15 9L9 15\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M9 9L15 15\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-text\"\u003eAntes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-list\"\u003e\n\u003cul\u003e\n\u003cli\u003eManchas escuras e hiperpigmentação\u003c\/li\u003e\n\u003cli\u003eTom de pele irregular\u003c\/li\u003e\n\u003cli\u003eEfeitos da acne e cicatrizes\u003c\/li\u003e\n\u003cli\u003ePele opaca e sem brilho\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transform-divider\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M5 12H19\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 5L19 12L12 19\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\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 fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" 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 12L11 15L16 9\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-text\"\u003eDepois\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-list\"\u003e\n\u003cul\u003e\n\u003cli\u003eUnifica visivelmente o tom da pele\u003c\/li\u003e\n\u003cli\u003eClarear manchas escuras e efeitos do sol\u003c\/li\u003e\n\u003cli\u003eAliviar os efeitos de espinhas e cicatrizes\u003c\/li\u003e\n\u003cli\u003ePele brilhante e brilhante\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\"\u003eO poder da fórmula científica única\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\"\u003eAlfa Arbutina Pura 2%\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eEficaz ingrediente clareador da pele, atua inibindo a enzima tirosinase responsável pela produção de melanina (pigmento da pele), que previne o aparecimento de manchas escuras e unifica o tom da pele de forma eficaz e segura.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eClarear manchas escuras\u003c\/span\u003e \u003cspan\u003eUnificando o tom da pele\u003c\/span\u003e \u003cspan\u003ePrevenir nova pigmentação\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Ácido hialurônico\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eUm poderoso umectante que retém a umidade na pele e ajuda a fornecer ingredientes ativos às camadas mais profundas da pele, aumentando a eficácia do Alpha Arbutin e garantindo a máxima absorção do produto.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eHidratação intensa\u003c\/span\u003e \u003cspan\u003eMelhorar a absorção dos ingredientes\u003c\/span\u003e \u003cspan\u003eMelhorar a elasticidade da pele\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\"\u003epH ideal\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eO produto foi cuidadosamente desenvolvido para manter o pH ideal que evita a degradação do Alpha Arbutin na água, garantindo a estabilidade dos ingredientes e sua máxima eficácia por mais tempo.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eEstabilidade dos ingredientes\u003c\/span\u003e \u003cspan\u003eEficácia duradoura\u003c\/span\u003e \u003cspan\u003eMáximo benefício possível\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\"\u003eA jornada da sua pele com Alpha Arbutin\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\"\u003eA primeira semana\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\"\u003eO começo da mudança\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eMelhorar a textura da pele\u003c\/li\u003e\n\u003cli\u003eAumentar a hidratação e o frescor da pele\u003c\/li\u003e\n\u003cli\u003eReduzindo a inflamação associada a manchas escuras\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\"\u003eA segunda semana\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\"\u003eO começo do brilho\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eAumento perceptível no brilho da pele\u003c\/li\u003e\n\u003cli\u003eComeçando a clarear manchas escuras recentes\u003c\/li\u003e\n\u003cli\u003eUnifique gradualmente o tom da pele\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\"\u003eA terceira semana\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\"\u003eMelhoria notável\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eClareamento claro de manchas escuras recentes\u003c\/li\u003e\n\u003cli\u003eComeçando a clarear manchas antigas e teimosas\u003c\/li\u003e\n\u003cli\u003eMelhoria significativa no tom da pele\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\"\u003eQuarta semana\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\"\u003eResultados surpreendentes\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eClareamento perceptível de manchas escuras de todos os tipos\u003c\/li\u003e\n\u003cli\u003eUnifica perfeitamente o tom da pele\u003c\/li\u003e\n\u003cli\u003ePele brilhante, brilhante e flexível\u003c\/li\u003e\n\u003cli\u003eUma melhoria visível na aparência e textura da pele\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\"\u003eManeira ideal de usar\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\u003eLimpeza\u003c\/h3\u003e\n\u003cp\u003eComece limpando bem a pele com um limpador adequado ao seu tipo de pele.\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\u003eAplicação\u003c\/h3\u003e\n\u003cp\u003eAplique algumas gotas de soro Alpha Arbutin na pele limpa e seca, concentrando-se nas áreas de manchas escuras e hiperpigmentação.\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\u003eHidratante\u003c\/h3\u003e\n\u003cp\u003eApós absorver o soro, aplique o hidratante apropriado na pele para manter a umidade da pele.\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\u003eProteção\u003c\/h3\u003e\n\u003cp\u003eNão se esqueça de usar protetor solar durante o dia para proteger contra os raios UV e evitar que mais manchas apareçam.\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 fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath 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\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eUse-o duas vezes ao dia, de manhã e à noite para obter melhores resultados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath 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\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003ePode ser combinado com vitamina C para obter resultados duplos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath 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\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eIdeal para todos os tipos de pele, incluindo pele sensível\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É hora de ter uma pele uniforme e radiante, sem manchas escuras\u003c\/h2\u003e\n\u003cp\u003eAlpha Arbutin 2% + Ácido Hialurônico - a fórmula científica ideal para clarear e unificar o tom da pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.alpha-arbutin-container {\n  direction: ltr;\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: left;\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% + Hialurônico","offer_id":44709540397253,"sku":"","price":750.0,"currency_code":"EGP","in_stock":true},{"title":"Alpha Arbutin 2% + Vitamina C (Ascórbico 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","url":"https:\/\/instachiq.com\/pt\/products\/the-ordinary-alpha-arbutin-2-ha","provider":"Instachiq","version":"1.0","type":"link"}