{"title":"Soros faciais e tratamentos direcionados","description":"","products":[{"product_id":"the-ordinary-caffeine-solution","title":"A solução comum de cafeína 5% + EGCG - soro para olheiras e inchaço sob os olhos","description":"\u003cdiv class=\"caf-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* Style Settings *\/\n .caf-premium-wrapper {\n --caf-bg-dark: #120b08; \/* Style Settings *\/\n --caf-bg-card: rgba(30, 20, 15, 0.6); \/* Style Settings *\/\n --caf-gold-main: #d4af37; \/* Style Settings *\/\n --caf-gold-light: #f3e5ab; \/* Style Settings *\/\n --caf-gold-glow: rgba(212, 175, 55, 0.25);\n --caf-tea-green: #81b29a; \/* Style Settings *\/\n --caf-text-main: #fdfbf7;\n --caf-text-muted: #cbbca0;\n --caf-border: rgba(212, 175, 55, 0.2);\n --caf-border-hover: rgba(243, 229, 171, 0.6);\n \n background-color: var(--caf-bg-dark);\n color: var(--caf-text-main);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 40px 0;\n border-radius: 20px;\n box-shadow: 0 0 80px rgba(212, 175, 55, 0.05) inset;\n }\n\n .caf-premium-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .caf-premium-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n border: 1px solid rgba(212, 175, 55, 0.1);\n }\n\n .caf-container {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* Style Settings *\/\n .caf-ambient-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n }\n\n .caf-particle {\n position: absolute;\n border-radius: 50%;\n bottom: -100px;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n box-shadow: 0 0 15px var(--caf-gold-glow);\n animation: floatUpCaf 16s infinite ease-in-out;\n filter: blur(5px);\n }\n\n @keyframes floatUpCaf {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.6; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n }\n\n \/* Style Settings *\/\n .caf-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(26px, 4.5vw, 42px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #fff;\n text-shadow: 0 5px 20px rgba(0,0,0,0.8);\n }\n\n .caf-title-glow span {\n background: linear-gradient(135deg, var(--caf-gold-light) 0%, var(--caf-gold-main) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 20px var(--caf-gold-glow);\n }\n\n .caf-section-title {\n display: block;\n width: 100%;\n font-size: clamp(22px, 4vw, 30px);\n font-weight: 800;\n color: #fff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .caf-section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--caf-gold-main), transparent);\n border-radius: 10px;\n box-shadow: 0 0 10px var(--caf-gold-main);\n }\n\n \/* Style Settings *\/\n .caf-hero {\n text-align: center;\n padding: 20px 0 40px;\n }\n\n .caf-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid var(--caf-gold-main);\n color: var(--caf-gold-light);\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 0.95rem;\n font-weight: bold;\n margin-bottom: 25px;\n box-shadow: 0 0 20px var(--caf-gold-glow);\n }\n \n .caf-hero-subtitle {\n font-size: 1.15rem;\n color: var(--caf-text-muted);\n max-width: 800px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n \/* Style Settings *\/\n .caf-glass-box {\n background: var(--caf-bg-card);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border: 1px solid var(--caf-border);\n border-radius: 20px;\n padding: 40px;\n margin: 40px 0;\n box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .caf-glass-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--caf-gold-light), var(--caf-gold-main), transparent);\n }\n\n \/* === The Synergy Box (UVP Highlight) === *\/\n .caf-synergy-box {\n background: linear-gradient(145deg, rgba(30, 20, 15, 0.8), rgba(10, 5, 5, 0.95));\n border: 2px solid var(--caf-gold-main);\n border-radius: 20px;\n padding: 40px 30px;\n margin: 50px 0;\n text-align: center;\n position: relative;\n box-shadow: 0 0 40px rgba(212, 175, 55, 0.15);\n }\n\n .caf-synergy-equation {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 30px;\n }\n\n .caf-synergy-item {\n background: rgba(255,255,255,0.03);\n border: 1px dashed var(--caf-gold-light);\n padding: 20px;\n border-radius: 15px;\n flex: 1;\n min-width: 250px;\n }\n\n .caf-synergy-plus {\n font-size: 3rem;\n color: var(--caf-gold-main);\n font-weight: 900;\n }\n\n .caf-synergy-result {\n background: var(--caf-gold-main);\n color: #000;\n padding: 20px;\n border-radius: 15px;\n font-size: 1.3rem;\n font-weight: 900;\n width: 100%;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);\n }\n\n \/* Style Settings *\/\n .caf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n\n .caf-card {\n background: linear-gradient(145deg, rgba(25, 15, 10, 0.7), rgba(10, 5, 5, 0.9));\n border: 1px solid rgba(212, 175, 55, 0.15);\n border-radius: 16px;\n padding: 30px 25px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n text-align: left;\n }\n\n .caf-card:hover {\n transform: translateY(-8px);\n border-color: var(--caf-gold-main);\n box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n background: rgba(35, 20, 10, 0.8);\n }\n\n .caf-icon {\n width: 55px;\n height: 55px;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.3);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--caf-gold-light);\n font-size: 26px;\n transition: all 0.3s ease;\n }\n \n .caf-card:hover .caf-icon {\n background: linear-gradient(135deg, var(--caf-gold-main), var(--caf-gold-light));\n color: #000;\n transform: scale(1.1) rotate(-5deg);\n border-color: transparent;\n box-shadow: 0 0 20px var(--caf-gold-glow);\n }\n\n .caf-card h3 {\n font-size: 1.2rem;\n color: #fff;\n margin-bottom: 12px;\n }\n\n .caf-card p {\n color: var(--caf-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Style Settings *\/\n .caf-stats-wrap {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin: 40px 0;\n background: var(--caf-bg-card);\n padding: 35px;\n border-radius: 20px;\n border: 1px solid var(--caf-border);\n }\n\n .caf-stat-item {\n text-align: center;\n position: relative;\n padding: 15px;\n }\n\n .caf-stat-num {\n font-size: 3.5rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--caf-gold-light), var(--caf-gold-main));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n line-height: 1;\n margin-bottom: 10px;\n text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);\n font-family: system-ui, -apple-system, sans-serif;\n }\n \n .caf-stat-desc {\n color: #fff;\n font-size: 1.05rem;\n line-height: 1.5;\n }\n\n \/* Style Settings *\/\n .caf-timeline {\n position: relative;\n padding-right: 35px;\n margin: 50px 0;\n }\n\n .caf-timeline::before {\n content: '';\n position: absolute;\n top: 0;\n right: 15px;\n width: 3px;\n height: 100%;\n background: linear-gradient(180deg, var(--caf-gold-main), transparent);\n border-radius: 3px;\n }\n\n .caf-timeline-item {\n position: relative;\n margin-bottom: 30px;\n background: rgba(255,255,255,0.02);\n border: 1px solid var(--caf-border);\n padding: 25px;\n border-radius: 16px;\n text-align: left;\n transition: all 0.3s;\n }\n\n .caf-timeline-item:hover {\n background: rgba(212, 175, 55, 0.05);\n transform: translateX(-10px);\n border-color: rgba(212, 175, 55, 0.4);\n }\n\n .caf-timeline-item::before {\n content: '';\n position: absolute;\n top: 35px;\n right: -23px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: var(--caf-gold-main);\n box-shadow: 0 0 15px var(--caf-gold-main);\n border: 3px solid var(--caf-bg-dark);\n }\n\n \/* Style Settings *\/\n .caf-steps-wrap {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 50px;\n }\n\n .caf-step-box {\n background: rgba(0,0,0,0.5);\n border: 1px solid var(--caf-border);\n padding: 35px 20px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s;\n }\n\n .caf-step-box:hover {\n border-color: var(--caf-gold-main);\n transform: translateY(-5px);\n background: rgba(212, 175, 55, 0.05);\n }\n\n .caf-step-num {\n width: 50px;\n height: 50px;\n background: var(--caf-bg-dark);\n border: 2px solid var(--caf-gold-main);\n color: var(--caf-gold-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n font-weight: bold;\n margin: 0 auto 20px;\n box-shadow: 0 0 15px var(--caf-gold-glow);\n }\n\n \/* === Animations === *\/\n .caf-reveal {\n opacity: 0;\n transform: translateY(40px) scale(0.98);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .caf-reveal.caf-active {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n\n .caf-delay-1 { transition-delay: 0.1s; }\n .caf-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .caf-hero { padding: 10px 0 20px; }\n .caf-synergy-plus { transform: rotate(90deg); }\n .caf-timeline { padding-right: 25px; }\n .caf-timeline::before { right: 10px; }\n .caf-timeline-item::before { right: -17px; width: 12px; height: 12px; top: 30px;}\n }\n \u003c\/style\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"caf-ambient-particles\" id=\"caf-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"caf-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"caf-hero caf-reveal caf-active\"\u003e\n\u003cdiv class=\"caf-badge\"\u003eElixir despertando o contorno dos olhos\u003c\/div\u003e\n\u003ch1 class=\"caf-title-glow\"\u003eO pesadelo das olheiras e dos inchaços acabou: \u003cbr\/\u003e\u003cspan\u003eUma “xícara de café concentrado” acorda seus olhos em segundos!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"caf-hero-subtitle\"\u003e\n Não importa o quanto você durma 8 horas, você ainda parece cansado?O corretivo gruda e não cobre o escuro? \n \u003cstrong style=\"color: #fff;\"\u003eO problema não é o número de horas que você dorme, o problema é a circulação sanguínea sob os olhos.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem --\u003e\n\u003cdiv class=\"caf-glass-box caf-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003ePor que os cremes para os olhos regulares falham?\u003c\/h2\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 1.1rem; line-height: 1.8;\"\u003e\n A maioria dos cremes para os olhos hidrata apenas a superfície.Mas a escuridão que você vê é na verdade “sangue congestionado” devido à má circulação, e o inchaço é apenas “fluido preso” sob a pele muito fina sob os olhos.A hidratação por si só não resolverá este problema estrutural.\n \u003c\/p\u003e\n\u003cdiv style=\"border-top: 1px dashed var(--caf-border); padding-top: 25px; margin-top: 25px;\"\u003e\n\u003cp style=\"color: var(--caf-gold-light); font-size: 1.25rem; font-weight: bold;\"\u003eSolução Médica Direta: Solução de Cafeína 5% + EGCG\u003c\/p\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem; margin-top: 10px;\"\u003e\n Você não precisa de um hidratante.Você precisa de um estimulante biológico que atraia fluidos e dissolva a pigmentação com o poder de altas concentrações de The Ordinary.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. The Synergy UVP (The Golden Equation) --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eA equação que chocou os dermatologistas\u003c\/h2\u003e\n\u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted); margin-bottom: 20px;\"\u003eO segredo da tremenda eficácia reside na combinação dos dois ingredientes mais poderosos do mundo dos cuidados oftalmológicos:\u003c\/p\u003e\n\u003cdiv class=\"caf-synergy-box caf-reveal\"\u003e\n\u003cdiv class=\"caf-synergy-equation\"\u003e\n\u003cdiv class=\"caf-synergy-item\"\u003e\n\u003ch3 style=\"color: var(--caf-gold-light); font-size: 1.5rem; margin-bottom: 10px;\"\u003e☕ Cafeína 5%\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003ePor si só, retira os líquidos retidos, contrai os vasos sanguíneos e alivia imediatamente o inchaço matinal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-plus\"\u003e+\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-item\" style=\"border-color: var(--caf-tea-green);\"\u003e\n\u003ch3 style=\"color: var(--caf-tea-green); font-size: 1.5rem; margin-bottom: 10px;\"\u003e🌿EGCG chá verde\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003ePor si só, clareia a pigmentação escura sob a pele e protege contra a oxidação que causa a cor marrom e azul.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-result\"\u003e\n = A dupla mais poderosa do mundo para apagar olheiras e inchaços como se nunca tivessem existido!\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Clinical Results --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eOs números falam por si\u003c\/h2\u003e\n\u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted);\"\u003eCom base nas avaliações clínicas dos usuários após 6 semanas de uso regular:\u003c\/p\u003e\n\u003cdiv class=\"caf-stats-wrap caf-reveal\"\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e87%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003eRedução notável de olheiras e pigmentação\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e92%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003eReduzindo radicalmente o inchaço e as bolsas sob os olhos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e95%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003eMaior brilho e brilho de toda a área dos olhos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Benefits Grid --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eO que o “Soro de Cafeína” fará pelos seus olhos?\u003c\/h2\u003e\n\u003cdiv class=\"caf-grid\"\u003e\n\u003cdiv class=\"caf-card caf-reveal\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e👁️\u003c\/div\u003e\n\u003ch3\u003eDesfazendo as malas pela manhã\u003c\/h3\u003e\n\u003cp\u003eAdeus aos olhos inchados ao acordar.A cafeína em alta concentração estimula a drenagem linfática para esvaziar o líquido retido em minutos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal caf-delay-1\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e🔆\u003c\/div\u003e\n\u003ch3\u003eElasticidade hereditária da pigmentação\u003c\/h3\u003e\n\u003cp\u003eO extrato puro de EGCG das folhas de chá verde tem como alvo a melanina e os antioxidantes para unificar e clarear visivelmente a cor da área dos olhos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal caf-delay-2\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eEscudo de proteção contra flacidez\u003c\/h3\u003e\n\u003cp\u003eA fórmula enriquecida com antioxidantes protege o delicado colágeno ao redor dos olhos contra a degradação causada por telas e poluição.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eCorretivo de mistura perfeita\u003c\/h3\u003e\n\u003cp\u003eGraças à sua textura leve e rápida absorção, funciona como um primer ideal que evita que o corretivo se acumule ou estria sob os olhos ao longo do dia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline of Results --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eA jornada da transformação: da exaustão ao frescor\u003c\/h2\u003e\n\u003cdiv class=\"caf-timeline caf-reveal\"\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eApós o primeiro uso\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eSensação imediata de resfriamento e leve aperto.Uma rápida retirada do inchaço matinal e você se olha no espelho e encontra seus olhos completamente “acordados”.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eDepois de duas semanas\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eA cor escura azulada\/marrom começa a desaparecer.O contorno dos olhos parece mais brilhante e a quantidade de corretivo necessária diminui gradualmente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eDepois de um mês inteiro\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eUma verdadeira transformação na aparência do cansaço.As olheiras teimosas são visivelmente diminuídas e o contorno dos olhos fica tenso, claro e reflete saúde e frescor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Usage Guide --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003ePassos simples para ótimos resultados\u003c\/h2\u003e\n\u003cdiv class=\"caf-steps-wrap caf-reveal\"\u003e\n\u003cdiv class=\"caf-step-box\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eLimpeza\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eLave bem o rosto e certifique-se de que a área dos olhos esteja completamente seca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-1\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eUma gota\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eAplique no máximo uma a duas gotas na ponta dos dedos (uma pequena quantidade ajuda bastante).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-2\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eGordura\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eAplique o soro levemente (de dentro para fora) ao redor do osso do olho até que seja absorvido.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-3\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eContinuidade\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eUse duas vezes ao dia (manhã e noite).Em seguida, aplique um hidratante leve para os olhos, se necessário.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"caf-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.1)); border-radius: 20px; border: 1px solid var(--caf-border);\"\u003e\n\u003ch2 class=\"caf-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eNão deixe que o cansaço roube a beleza dos seus olhos!\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n Em vez de gastar seu dinheiro em um novo corretivo que esconda o problema, invista em uma fórmula científica que trate o problema desde a raiz.\n \u003c\/p\u003e\n\u003cp style=\"color: var(--caf-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--caf-gold-glow);\"\u003e\n Encomende agora o Sérum de Cafeína 5% + EGCG original e devolva aos seus olhos o verdadeiro brilho!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ Scroll Reveal Animation Logic\n var reveals = document.querySelectorAll('.caf-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('caf-active');\n observer.unobserve(entry.target); \n }\n });\n }, {\n root: null,\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n });\n\n reveals.forEach(function(reveal) {\n reveal.classList.remove('caf-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Generate Ambient Caffeine Drops\n var ambientContainer = document.getElementById('caf-particles');\n var particleCount = 20; \n \n for (var i = 0; i \u003c particleCount; i++) {\n var particle = document.createElement('div');\n particle.classList.add('caf-particle');\n \n var size = Math.random() * 30 + 10; \n var left = Math.random() * 100; \n var duration = Math.random() * 15 + 10; \n var delay = Math.random() * 10; \n \n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = left + '%';\n particle.style.animationDuration = duration + 's';\n particle.style.animationDelay = delay + 's';\n \n ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40639739134149,"sku":"INSTA0542CHIQ","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/theordinarycaffeinesolution.jpg?v=1702042424"},{"product_id":"the-ordinary-lactic-acid-30ml","title":"The Ordinary Lactic Acid 5% + HA - Sérum Suave Peeling e Hidratação - 30ml","description":"\u003cstyle\u003e\n .ordinary-container {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n background: #fff;\n direction: ltr;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 60px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n animation: shimmer 10s infinite;\n }\n\n @keyframes shimmer {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n\n .hero-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n margin-bottom: 40px;\n opacity: 0;\n transform: scale(0.9);\n animation: zoomIn 1.2s 0.3s forwards;\n }\n\n @keyframes zoomIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .main-title {\n font-size: 2.6em;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.2s forwards;\n }\n\n .subtitle {\n font-size: 1.5em;\n color: #666;\n margin-bottom: 30px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.4s forwards;\n line-height: 1.4;\n }\n\n .pharaoh-intro {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n position: relative;\n }\n\n .pharaoh-intro::before {\n content: '👑';\n position: absolute;\n top: 20px;\n left: 30px;\n font-size: 2em;\n opacity: 0.3;\n }\n\n .pharaoh-intro h2 {\n color: #9C8102;\n font-size: 2.2em;\n margin-bottom: 25px;\n }\n\n .pharaoh-intro p {\n font-size: 1.2em;\n line-height: 1.8;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .why-lactic-section {\n padding: 60px 30px;\n background: white;\n }\n\n .comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .comparison-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.4s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n }\n\n .comparison-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .comparison-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #dfb919;\n }\n\n .comparison-icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .comparison-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .comparison-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: center;\n }\n\n .benefits-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 35px;\n margin-top: 40px;\n }\n\n .benefit-card {\n background: white;\n padding: 35px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.4s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n }\n\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #9C8102;\n }\n\n .benefit-icon {\n font-size: 3.5em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 10px;\n text-align: center;\n }\n\n .benefit-subtitle {\n color: #999;\n font-size: 1.1em;\n font-weight: 600;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: left;\n }\n\n .gentle-formula-section {\n padding: 60px 30px;\n background: white;\n }\n\n .formula-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .formula-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .formula-info {\n background: #f8f9fa;\n padding: 40px;\n border-radius: 20px;\n border: 1px solid #e9ecef;\n }\n\n .formula-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n }\n\n .formula-feature h4 {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .science-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .science-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .science-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .science-info {\n background: white;\n padding: 40px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .science-info::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .ph-meter {\n background: linear-gradient(90deg, #ff4757, #ffa502, #2ed573);\n height: 20px;\n border-radius: 10px;\n position: relative;\n margin: 20px 0;\n }\n\n .ph-indicator {\n position: absolute;\n top: -5px;\n left: 20%;\n width: 30px;\n height: 30px;\n background: #9C8102;\n border-radius: 50%;\n border: 3px solid white;\n box-shadow: 0 2px 10px rgba(0,0,0,0.3);\n }\n\n .ph-label {\n text-align: center;\n margin-top: 10px;\n font-weight: 700;\n color: #9C8102;\n }\n\n .ingredients-section {\n padding: 60px 30px;\n background: white;\n }\n\n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .ingredient-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .ingredient-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .ingredient-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .ingredient-name {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .usage-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .usage-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .usage-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .usage-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .usage-steps {\n list-style: none;\n padding: 0;\n }\n\n .usage-steps li {\n padding: 12px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 35px;\n }\n\n .usage-steps li::before {\n content: attr(data-step);\n position: absolute;\n right: 0;\n top: 12px;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n text-align: center;\n line-height: 25px;\n font-size: 0.85em;\n font-weight: 700;\n }\n\n .warning-card {\n background: #fff3cd;\n border: 2px solid #ffeaa7;\n padding: 25px;\n border-radius: 15px;\n margin-top: 20px;\n }\n\n .warning-title {\n color: #856404;\n font-weight: 700;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .warning-list {\n list-style: none;\n padding: 0;\n }\n\n .warning-list li {\n padding: 8px 0;\n position: relative;\n padding-right: 25px;\n color: #856404;\n }\n\n .warning-list li::before {\n content: '⚠️';\n position: absolute;\n right: 0;\n top: 8px;\n }\n\n .skin-types-section {\n padding: 60px 30px;\n background: white;\n }\n\n .skin-types-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .skin-type-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .skin-type-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .skin-type-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .skin-type-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .results-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .results-timeline {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .result-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n position: relative;\n }\n\n .result-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .result-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .result-period {\n color: #9C8102;\n font-weight: 700;\n font-size: 1.2em;\n margin-bottom: 15px;\n }\n\n .before-after-section {\n padding: 60px 30px;\n background: white;\n }\n\n .before-after-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .before-after-card {\n text-align: center;\n background: white;\n padding: 20px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n transition: all 0.3s ease;\n }\n\n .before-after-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n }\n\n .before-after-image {\n max-width: 100%;\n border-radius: 15px;\n margin-bottom: 15px;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n color: white;\n padding: 80px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '🏺';\n position: absolute;\n top: 20px;\n right: 20px;\n font-size: 3em;\n opacity: 0.1;\n }\n\n .cta-button {\n background: #9C8102;\n color: white;\n padding: 18px 45px;\n border: none;\n border-radius: 50px;\n font-size: 1.3em;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 30px;\n animation: glow 2s infinite alternate;\n }\n\n @keyframes glow {\n 0% { box-shadow: 0 0 25px rgba(156, 129, 2, 0.5); }\n 100% { box-shadow: 0 0 35px rgba(156, 129, 2, 0.8), 0 0 45px rgba(156, 129, 2, 0.3); }\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n background: #d4af37;\n }\n\n .section-title {\n text-align: center;\n font-size: 2.4em;\n color: #9C8102;\n margin-bottom: 20px;\n position: relative;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.4em;\n color: #666;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n border-radius: 2px;\n animation: expandLine 1s ease-out forwards;\n }\n\n @keyframes expandLine {\n 0% { width: 0; }\n 100% { width: 100px; }\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-on-scroll {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s ease;\n }\n\n .animate-on-scroll.animated {\n opacity: 1;\n transform: translateY(0);\n }\n\n .highlight {\n color: #9C8102;\n font-weight: 700;\n }\n\n .divider {\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n margin: 50px 0;\n opacity: 0;\n animation: fadeIn 1s forwards;\n border-radius: 2px;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n .ingredients-list {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n margin-top: 20px;\n border: 1px solid #e9ecef;\n }\n\n .ingredients-list h4 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n @media (max-width: 768px) {\n .main-title { font-size: 2.2em; }\n .section-title { font-size: 2em; }\n .comparison-grid, .benefits-grid, .ingredients-grid, .usage-grid, .skin-types-grid, .results-timeline, .before-after-grid {\n grid-template-columns: 1fr;\n }\n .formula-content, .science-content {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"ordinary-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"The Ordinary Lactic Acid 10% + HA\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_HA.webp?v=1749661210\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eO segredo de beleza usado pelos Faraós... numa fórmula moderna e avançada\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Pharaoh Introduction --\u003e\n\u003cdiv class=\"pharaoh-intro\"\u003e\n\u003ch2\u003eUm dos segredos das rainhas para a sua pele\u003c\/h2\u003e\n\u003cp\u003eOs antigos egípcios foram os primeiros a descobrir a magia do ácido láctico na manutenção da pele jovem e fresca.A própria Cleópatra costumava tomar banho em leite azedo para manter sua beleza lendária.E hoje, \u003cstrong class=\"highlight\"\u003eThe Ordinary\u003c\/strong\u003e Ele trouxe para você o mesmo segredo faraônico em uma fórmula científica avançada com concentração de 10% com ácido hialurônico.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Why Lactic Acid Section --\u003e\n\u003cdiv class=\"why-lactic-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003ePor que o ácido láctico é a escolha perfeita?\u003c\/h2\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003cspan class=\"comparison-icon\"\u003e🧬\u003c\/span\u003e\n\u003ch3 class=\"comparison-title\"\u003eNem todos os ácidos são iguais\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eO ácido láctico é um dos ácidos mais suaves para a pele sensível, pois é um dos ácidos naturais que já estão presentes no corpo.Isto faz com que funcione suavemente, mas com o dobro da força de outros ácidos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003cspan class=\"comparison-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"comparison-title\"\u003eFoco perfeito e seguro\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eUma concentração de 10% é o limite ideal que dá resultados claros sem irritação ou sensibilidade excessiva.O nível de pH de 3,8 é controlado cientificamente para garantir a máxima eficácia com o mínimo de efeitos colaterais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eBenefícios que mudarão completamente a aparência da sua pele\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🎯\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eO lutador número um contra acne\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eTrata o existente e previne o novo\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eO ácido láctico esfolia suavemente a pele morta, quebrando as ligações que unem as células mortas.Isso abre os poros entupidos e evita a formação de novas espinhas.Estudos demonstraram que o ácido láctico reduz as infecções por acne em até 90%, o que o torna compatível com outros medicamentos para acne, como o retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e⏰\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eUma máquina do tempo para sua pele\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eSua aparência será diferente da sua idade\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eEm altas concentrações, o ácido láctico penetra nas camadas mais profundas da pele e estimula a formação natural de colágeno.O resultado?A renovação celular, o endurecimento da pele e o aumento da espessura, fazem com que as rugas finas desapareçam e a sua pele pareça anos mais jovem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidratação imaginativa sem gordura\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eA umidade que acompanha você durante todo o dia\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eO ácido láctico não só esfolia, mas também hidrata profundamente a pele, deixando-a macia e elástica.Esta fórmula é apoiada por\u003cstrong\u003eÁcido hialurônico\u003c\/strong\u003e Ele extrai 1.000 vezes seu peso em água e cria uma barreira de umidade que garante hidratação duradoura.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnificando o tom da pele e eliminando a pigmentação\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003ePele clara e uniforme como um espelho\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eO ácido lático atua reduzindo a produção de melanina em áreas escuras e ajuda a clarear a pigmentação, marcas de espinhas e manchas escuras.O resultado é uma pele naturalmente uniforme e radiante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Gentle Formula Section --\u003e\n\u003cdiv class=\"gentle-formula-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eFórmula suave para peles sensíveis\u003c\/h2\u003e\n\u003cdiv class=\"formula-content\"\u003e\n\u003cdiv class=\"formula-info animate-on-scroll\" style=\"grid-column: 1 \/ -1;\"\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003eA pimenta da Tasmânia: a guardiã natural\u003c\/h4\u003e\n\u003cimg alt=\"Tasmanian Pepperberry\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/tasmanian-pepperberry-banner_48681ebd-6dc6-4450-80cd-206effbd0d2d.webp?v=1749661271\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\/\u003e\n\u003cp\u003eA fórmula contém extrato de pimenta da Tasmânia, que é um antiinflamatório natural que reduz a vermelhidão e irritação que podem ocorrer com produtos esfoliantes.Isso torna o produto adequado até mesmo para peles muito sensíveis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003eFórmula leve à base de água\u003c\/h4\u003e\n\u003cimg alt=\"Product Texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-lactic-acid-10pct-ha-30ml-swatch.webp?v=1749661271\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\/\u003e\n\u003cp\u003eA textura leve e aquosa permite que o produto seja rapidamente absorvido sem deixar sensação oleosa ou pegajosa, o que o torna ideal para peles secas que necessitam de hidratação sem pesar.\u003c\/p\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 animate-on-scroll\"\u003eA ciência por trás da eficácia\u003c\/h2\u003e\n\u003cdiv class=\"science-content\"\u003e\n\u003cimg alt=\"Science Behind Effectiveness\" class=\"science-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_ha_2.webp?v=1749661364\"\/\u003e\n\u003cdiv class=\"science-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eEquilíbrio ideal do pH\u003c\/h3\u003e\n\u003cdiv class=\"ph-meter\"\u003e\n\u003cdiv class=\"ph-indicator\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-label\"\u003epH 3,8 - equilíbrio perfeito\u003c\/div\u003e\n\u003cp style=\"margin: 25px 0;\"\u003eO pH de 3,8 é ajustado com precisão para corresponder ao pKa do ácido láctico.Este número é muito importante porque garante o equilíbrio ideal entre sal e acidez, e é isso que garante que o ácido chegue à pele de forma eficiente e consiga uma esfoliação eficaz que pode ser usada diariamente.\u003c\/p\u003e\n\u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eFórmula balanceada para uso diário\u003c\/h4\u003e\n\u003cp\u003eAo contrário de outros ácidos que requerem uso intermitente, o ácido láctico nesta fórmula foi desenvolvido para ser suave o suficiente para uso diário e, ao mesmo tempo, eficaz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eIngredientes ativos\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🧪\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eÁcido láctico (10%)\u003c\/h3\u003e\n\u003cp\u003eEsfoliação suave e eficaz da superfície da pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eHialuronato de sódio\u003c\/h3\u003e\n\u003cp\u003eHidratação profunda e intensa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003ePimenta da Tasmânia\u003c\/h3\u003e\n\u003cp\u003eCalmante e antiinflamatório\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eGlicerina\u003c\/h3\u003e\n\u003cp\u003eHidratação extra e proteção da barreira cutânea\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list animate-on-scroll\"\u003e\n\u003ch4\u003eLista completa de ingredientes:\u003c\/h4\u003e\n\u003cp style=\"font-size: 0.9em; color: #666; line-height: 1.6;\"\u003eAqua (Water), Lactic Acid, Glycerin, Pentylene Glycol, Propanediol, Sodium Hydroxide, Sodium Hyaluronate Crosspolymer, Tasmannia Lanceolata Fruit\/Leaf Extract, Acacia Senegal Gum, Xanthan Gum, Isoceteth-20, Trisodium Ethylenediamine Disuccinate, Ethylhexylglycerin, 1,2-Hexanediol, Caprylyl Glycol.\u003c\/p\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 animate-on-scroll\"\u003eComo usar para obter melhores resultados\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003eMomento perfeito ⏰\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"padding: 10px 0; border-bottom: 1px solid #f0f0f0;\"\u003e\u003cstrong\u003eUse-o uma vez por dia apenas à noite\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"padding: 10px 0;\"\u003eComece com 3 vezes por semana e aumente gradualmente conforme sua pele aceita.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003eA maneira correta 📋\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eLimpe bem o rosto com o limpador apropriado\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eAplique uma fina camada do produto na pele seca\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eEvite a área ao redor dos olhos\u003c\/li\u003e\n\u003cli data-step=\"4\"\u003eAguarde 10-15 minutos e aplique hidratante\u003c\/li\u003e\n\u003cli data-step=\"5\"\u003e\u003cstrong\u003eVocê deve usar protetor solar FPS 30+ no dia seguinte\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003cdiv class=\"warning-card\"\u003e\n\u003ch4 class=\"warning-title\"\u003e⚠️ Avisos importantes\u003c\/h4\u003e\n\u003cul class=\"warning-list\"\u003e\n\u003cli\u003eNão use com outros produtos que contenham ácidos ao mesmo tempo\u003c\/li\u003e\n\u003cli\u003eNão use com retinol na mesma noite\u003c\/li\u003e\n\u003cli\u003ePare de usar se ocorrer irritação grave\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!-- Skin Types Section --\u003e\n\u003cdiv class=\"skin-types-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eIdeal para todos os tipos de pele\u003c\/h2\u003e\n\u003cdiv class=\"skin-types-grid\"\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePele seca\u003c\/h3\u003e\n\u003cp\u003eÉ mais adequado para isso por causa de suas propriedades hidratantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePele normal\u003c\/h3\u003e\n\u003cp\u003eConfere-lhe suavidade e frescura extra\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🎨\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePele com pigmentação\u003c\/h3\u003e\n\u003cp\u003eEle irá unificar sua cor e purificá-la\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🪨\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePele que sofre de textura áspera\u003c\/h3\u003e\n\u003cp\u003eSuaviza e melhora sua textura\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eCronograma de resultados visíveis\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center; margin: 30px 0;\"\u003e\n\u003cimg alt=\"Expected Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Light_Blue_Natural_Cosmetics_Skin_Care_Instagram_Post_1_1024x1024.png?v=1636194582\" style=\"max-width: 400px; width: 100%; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDepois de uma semana\u003c\/div\u003e\n\u003cp\u003eTextura mais suave e frescor visível\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDepois de duas semanas\u003c\/div\u003e\n\u003cp\u003eMelhora dos poros e unificação do tom da pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDepois de um mês\u003c\/div\u003e\n\u003cp\u003eRedução visível da pigmentação e linhas finas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDepois de dois meses\u003c\/div\u003e\n\u003cp\u003ePele completamente rejuvenescida e com aspecto mais jovem\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Before\/After Section --\u003e\n\u003cdiv class=\"before-after-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\" style=\"color: #9C8102;\"\u003eAntes e depois\u003c\/h2\u003e\n\u003cdiv class=\"before-after-grid\"\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 1\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/l6s6p07sab751_480x480.jpg?v=1636189193\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 2\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/f05a2a5bee88c842c1f1c516736f0766_480x480.jpg?v=1636192405\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 3\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SR_A__BA_2000x2000_300dpi_1800x1800_0b68a680-ec16-4050-a8b2-acf210aea6a8_480x480.jpg?v=1636195250\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cdiv class=\"animate-on-scroll\"\u003e\n\u003ch2 style=\"color: white; font-size: 2.2em; margin-bottom: 20px;\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin: 25px 0; color: #d4af37;\"\u003eComece sua jornada rumo à pele dos seus sonhos com o mesmo segredo que fez de Cleópatra a rainha mais linda da história.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eObtenha o Segredo Faraônico agora\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animate-on-scroll elements\n document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Animate comparison cards\n const comparisonObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.comparison-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.why-lactic-section').forEach(section =\u003e {\n comparisonObserver.observe(section);\n });\n\n \/\/ Animate benefits cards\n const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.benefit-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 300);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.benefits-section').forEach(section =\u003e {\n benefitsObserver.observe(section);\n });\n\n \/\/ Animate ingredient cards\n const ingredientsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.ingredient-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 150);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.ingredients-section').forEach(section =\u003e {\n ingredientsObserver.observe(section);\n });\n\n \/\/ Animate skin type cards\n const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.skin-type-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 150);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.skin-types-section').forEach(section =\u003e {\n skinTypesObserver.observe(section);\n });\n\n \/\/ Animate result cards\n const resultsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.result-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.results-section').forEach(section =\u003e {\n resultsObserver.observe(section);\n });\n\n \/\/ CTA button interaction\n document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n const button = document.querySelector('.cta-button');\n button.style.animation = 'none';\n setTimeout(() =\u003e {\n button.style.animation = 'glow 2s infinite alternate';\n }, 100);\n });\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40124296298693,"sku":"INSTA0557CHIQ","price":740.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Theordinarylacticacid.jpg?v=1627189462"},{"product_id":"the-ordinary-hyaluronic-acid","title":"The Ordinary Ácido Hialurônico 2% + B5 - Sérum Hidratante e Preenchimento - 30ml","description":"\u003ch3 class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eRugas não são apenas linhas, são um pedido de socorro\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eA sua pele clama para perder a frescura e cada dia que passa sem tratamento torna o problema mais profundo e mais difícil de reverter.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eVocê sabia que as rugas prematuras não são apenas uma mudança natural?Pelo contrário, é uma evidência de uma deterioração na barreira vital de hidratação da pele.Estas linhas não são apenas marcas de passagem;São avisos de que sua pele está começando a perder a capacidade de reter umidade e elasticidade.A cada dia que passa sem uma hidratação eficaz, essas marcas ficam mais profundas e mais difíceis de tratar.Lembre-se, as rugas começam a aparecer quando a pele não tem os devidos cuidados;Qualquer falta de hidratação pode se transformar em linhas e rugas que não desaparecem facilmente.Dê à sua pele a força necessária com ácido hialurônico e restaure sua vitalidade antes que seja tarde demais.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbr\/\u003e\u003cbr\/\u003e“Por que deixar sua pele sofrer de sede?”\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSe a sua pele estiver seca e sem elasticidade e frescura, isso não afecta apenas a sua aparência;Também enfraquece a sua capacidade de lidar com factores ambientais e envelhecimento prematuro.A secura não é apenas uma condição passageira, é um fator importante que leva ao aparecimento de linhas finas, manchas opacas e perda de suavidade.É aqui que o soro entra em ação \u003cstrong\u003eÁcido hialurônico 2% + B5\u003c\/strong\u003e Quem \u003cstrong\u003eThe Ordinary\u003c\/strong\u003e;Não é apenas um hidratante comum, mas uma fórmula científica avançada que atua profundamente para restaurar o equilíbrio e a hidratação da pele por dentro e por fora.\u003c\/p\u003e\n\u003ch3\u003eA ciência por trás da hidratação profunda\u003c\/h3\u003e\n\u003cp\u003eO soro contém \u003cstrong\u003e5 tipos de ácido hialurônico\u003c\/strong\u003e Com diferentes pesos moleculares, permitem atingir múltiplas camadas da pele.A composição inclui ácidos de baixo, médio e alto peso molecular, bem como \u003cstrong\u003ePolímero cruzado de ácido hialurônico\u003c\/strong\u003e E\u003cstrong\u003eÁcido hialurônico hidrolisado\u003c\/strong\u003e.Esta diversidade molecular permite que a hidratação seja distribuída eficazmente por todos os níveis da pele, ajudando a repor as áreas secas, a apoiar a elasticidade da pele e a restaurar a elasticidade.\u003c\/p\u003e\n\u003ch3\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3\u003eCeramidas: o último baluarte entre a pele e os fatores do envelhecimento\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eQuando a barreira cutânea se rompe, a sua pele inicia uma jornada irreversível em direção ao ressecamento e à perda de brilho.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSem uma barreira forte, todos os inimigos da sua pele irão invadi-la impiedosamente. \u003c\/strong\u003eA pele normal contém \u003cstrong\u003eCeramidas\u003c\/strong\u003e Como parte essencial da barreira protetora que retém a umidade e evita sua perda.\u003c\/p\u003e\n\u003cp\u003eQuando estas ceramidas são perdidas, leva ao colapso da barreira cutânea, perda de hidratação e frescura, e expõe a pele a factores ambientais que causam o envelhecimento.Sem este apoio, a pele transforma-se num campo de batalha, onde os sinais de stress e envelhecimento se aceleram.Isso deixará sua pele exposta e vulnerável a danos?\u003c\/p\u003e\n\u003cp\u003eO soro contém uma alta concentração de ceramidas que ajudarão a pele a restaurar seu escudo protetor e evitarão que agentes nocivos penetrem nas camadas mais profundas da pele. \u003c\/p\u003e\n\u003ch3\u003ePantenol (Provitamina B5): Suporte adicional \u003c\/h3\u003e\n\u003cp\u003eTambém disponível em fórmula \u003cstrong\u003eProvitamina B5\u003c\/strong\u003e, que potencializa a formação de elementos gordurosos essenciais que mantêm a pele macia e hidratada.O Pantenol não só proporciona benefícios hidratantes, mas também contribui para fortalecer a barreira cutânea, reduzindo a perda de hidratação e ajudando a manter a pele continuamente fresca e radiante.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eCada gota reconstrói sua pele por dentro\u003c\/h3\u003e\n\u003cp\u003eGraças a esta fórmula científica avançada, o sérum alcança resultados imediatos na hidratação da pele e o seu efeito continua a longo prazo para manter a sua frescura e brilho natural.A textura leve e seca fazem deste sérum a escolha ideal para todos os tipos de pele, principalmente para quem procura uma hidratação eficaz sem sensação pegajosa.\u003c\/p\u003e\n\u003ch3 class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cstrong\u003eComo usar:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eAplicar algumas gotas no rosto de manhã e à noite antes do creme.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eTamanho: 30ml\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40124313272517,"sku":"INSTA0558CHIQ","price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign_60.jpg?v=1697108608"},{"product_id":"the-ordinary-buffet-anti-aging-serum-30ml","title":"The Ordinary Peptides and Hyaluronic Technology Serum para a pele |Antienvelhecimento |Rejuvenescimento abrangente da pele","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n color: #333;\n line-height: 1.6;\n background-color: white;\n direction: ltr;\n }\n \n .product-description {\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .section.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .title {\n color: #9C8102;\n font-size: 28px;\n margin-bottom: 20px;\n position: relative;\n font-weight: 600;\n text-align: center;\n padding-bottom: 10px;\n }\n \n .title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n }\n \n .subtitle {\n color: #9C8102;\n font-size: 22px;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n .product-image {\n width: 100%;\n max-width: 600px;\n height: auto;\n margin: 20px auto;\n display: block;\n border-radius: 5px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .product-image:hover {\n transform: scale(1.02);\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n }\n \n .description {\n font-size: 16px;\n line-height: 1.8;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .feature-card {\n background-color: white;\n border-radius: 8px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 5px 20px rgba(156, 129, 2, 0.15);\n }\n \n .feature-card-title {\n color: #9C8102;\n font-size: 18px;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n \/* Timeline styles *\/\n .timeline-container {\n position: relative;\n margin: 40px auto;\n max-width: 800px;\n }\n \n .timeline-track {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 50px 0;\n }\n \n .timeline-progress {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #9C8102;\n border-radius: 4px;\n width: 0;\n transition: width 1s ease;\n }\n \n .timeline-markers {\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: -14px;\n }\n \n .timeline-marker {\n position: relative;\n width: 24px;\n height: 24px;\n background-color: white;\n border: 2px solid #e0e0e0;\n border-radius: 50%;\n cursor: pointer;\n z-index: 2;\n }\n \n .timeline-marker.active {\n background-color: #9C8102;\n border-color: #9C8102;\n }\n \n .timeline-marker-label {\n position: absolute;\n top: -30px;\n right: 50%;\n transform: translateX(50%);\n font-size: 14px;\n font-weight: 600;\n color: #777;\n text-align: center;\n white-space: nowrap;\n }\n \n .timeline-marker.active .timeline-marker-label {\n color: #9C8102;\n }\n \n .timeline-content {\n display: none;\n background-color: #f8f8f8;\n padding: 20px;\n border-radius: 8px;\n margin-top: 30px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }\n \n .timeline-content.active {\n display: block;\n }\n \n .timeline-content h3 {\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 18px;\n }\n \n .timeline-content p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 15px;\n }\n \n .timeline-content li {\n margin-bottom: 8px;\n font-size: 14px;\n }\n \n .highlight {\n color: #9C8102;\n font-weight: 600;\n }\n \n .info-box {\n background-color: #f8f8f8;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n }\n \n .grid-container {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin: 30px 0;\n }\n \n .grid-item {\n flex: 1;\n min-width: 250px;\n }\n \n .usage-steps {\n margin: 30px 0;\n }\n \n .step {\n display: flex;\n margin-bottom: 20px;\n align-items: center;\n }\n \n .step-number {\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50%;\n color: white;\n text-align: center;\n line-height: 30px;\n margin-left: 15px;\n flex-shrink: 0;\n }\n \n .step-content {\n flex: 1;\n }\n \n .step h4 {\n margin-bottom: 5px;\n color: #444;\n }\n \n .step p {\n font-size: 14px;\n color: #666;\n }\n \n .divider {\n height: 1px;\n background-color: #e0e0e0;\n margin: 40px 0;\n }\n \n .peptide-box {\n background-color: white;\n border-radius: 8px;\n padding: 25px;\n margin-bottom: 25px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\n border-right: 4px solid #9C8102;\n }\n \n .peptide-name {\n color: #9C8102;\n font-size: 20px;\n margin-bottom: 12px;\n font-weight: 600;\n }\n \n .peptide-technical {\n color: #888;\n font-size: 14px;\n margin-bottom: 15px;\n font-style: italic;\n }\n \n .peptide-effect {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .ingredients-list {\n font-size: 14px;\n margin-top: 10px;\n color: #666;\n line-height: 1.5;\n }\n \n .stat-container {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin: 30px 0;\n }\n \n .stat-item {\n text-align: center;\n padding: 20px;\n width: 180px;\n margin: 10px;\n }\n \n .stat-number {\n font-size: 42px;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 5px;\n }\n \n .stat-label {\n font-size: 14px;\n color: #666;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"section\" id=\"section1\"\u003e\n\u003ch2 class=\"title\"\u003eUma descoberta revolucionária no mundo dos cuidados com a pele\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eO Ordinary Multi-Peptide + HA Serum não é apenas um produto para o cuidado da pele, é uma fórmula avançada que muda a forma como pensamos sobre a saúde e o rejuvenescimento da pele.Esta fórmula avançada combina as mais recentes inovações científicas com os ingredientes ativos mais eficazes, para fornecer à sua pele tudo o que necessita para restaurar a sua juventude e brilho.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003eO que são peptídeos e por que são importantes para a pele?\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eOs peptídeos são cadeias curtas de aminoácidos e são os blocos de construção das proteínas da pele, como o colágeno e a elastina, responsáveis pela aparência jovem e firme da pele.Os peptídeos atuam como moléculas sinalizadoras, ajudando a estimular a produção de colágeno e outras proteínas essenciais na pele.\u003c\/p\u003e\n\u003cp class=\"description\"\u003eO Ordinary Multi-Peptide + HA Serum contém uma mistura avançada de cinco tecnologias de peptídeos cientificamente estudadas, além de aminoácidos amigos da pele e vários complexos de ácido hialurônico.Esta poderosa combinação ajuda a melhorar a elasticidade e firmeza da pele e a reduzir significativamente o aparecimento de rugas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section3\"\u003e\n\u003ch2 class=\"title\"\u003ePeptídeos no Soro Multi-Peptídeo + HA Comum\u003c\/h2\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eMatrixyl™ 3000\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngredientes ativos: palmitoil tetrapeptídeo-7 e palmitoil tripeptídeo-1\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eMatrixyl™ 3000 é um complexo peptídico popular que estimula a produção de colágeno na pele.Este complexo ajuda a reduzir a aparência de linhas finas e rugas, apoiando os principais componentes estruturais da pele.É considerado um dos agentes antienvelhecimento mais eficazes, pois estimula a pele a produzir mais colágeno e elastina, o que ajuda a preencher linhas finas e rugas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eMatrixyl™ synthe'6™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngrediente ativo: palmitoil tripeptídeo-38\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eMatrixyl™ synthe'6™ promove a produção de seis componentes essenciais da matriz da pele, incluindo colágeno e elastina.Este peptídeo avançado ajuda a melhorar a elasticidade da pele e reduzir a profundidade das rugas, especialmente na testa e na área dos olhos.Também melhora a estrutura geral e a textura da pele, realçando a sua aparência jovem e firme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eSYN™-AKE\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngrediente ativo: diacetato de dipeptídeo diaminobutiroil benzilamida\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eSYN™-AKE é um peptídeo avançado que imita o efeito do veneno de cobra, inibindo a liberação de neurotransmissores que causam contrações musculares.Isso ajuda a relaxar os músculos faciais e a reduzir o aparecimento de “linhas dinâmicas” que se formam com expressões faciais repetitivas, como sorrir ou franzir a testa.Este peptídeo é particularmente eficaz na redução de linhas na testa e ao redor dos olhos, conferindo à pele uma aparência mais lisa e relaxada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eARGIRELOX™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngredientes ativos: acetil hexapeptídeo-8 (Argireline) e pentapeptídeo-18\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eARGIRELOX™ é um complexo peptídico duplo que combina o poder do peptídeo Argirelina e Leuphasyl.Funciona de forma semelhante ao Botox, mas sem as injeções, inibindo os sinais nervosos que causam a contração dos músculos.Este complexo é particularmente eficaz na redução do aparecimento de linhas de expressão e rugas dinâmicas nas áreas da testa, entre as sobrancelhas e ao redor dos olhos.Estudos demonstraram que a combinação destes dois peptídeos alcança melhores resultados do que usar cada um deles separadamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eRELISTASE™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003ePrincípio ativo: acetilarginiltriptofila difenilglicina\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eRELISTASE™ é um peptídeo especializado que melhora a elasticidade e firmeza da pele.Este peptídeo tem como objetivo promover a produção de elastina e proteger as fibras elásticas da pele, ajudando a combater a flacidez e a melhorar a firmeza da pele.Também promove a síntese de colágeno e protege as fibras existentes da quebra, resultando em uma pele mais firme e jovem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section4\"\u003e\n\u003ch2 class=\"title\"\u003eÁcido hialurônico: o parceiro ideal para peptídeos\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eO soro Multi-Peptide + HA contém vários compostos de ácido hialurônico, que é um poderoso hidratante para a pele.O ácido hialurônico não é como qualquer ingrediente hidratante comum;É \u003cstrong\u003eUm ímã molecular superpoderoso que pode absorver até 1.000 vezes seu peso em água\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp class=\"description\"\u003eGraças às suas partículas de diferentes tamanhos, o ácido hialurónico deste sérum consegue penetrar em diferentes camadas da pele, proporcionando uma hidratação profunda e sustentada.Esta hidratação profunda ajuda:\u003c\/p\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eBenefícios do ácido hialurônico no soro:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAumente a pele e torne-a mais cheia e suave\u003c\/li\u003e\n\u003cli\u003eReduz imediatamente a aparência de linhas finas e rugas\u003c\/li\u003e\n\u003cli\u003eMelhorar a elasticidade da pele e sua capacidade de reter a umidade\u003c\/li\u003e\n\u003cli\u003eAumentar a eficácia dos peptídeos, proporcionando um ambiente ideal para a sua ação\u003c\/li\u003e\n\u003cli\u003eMelhorar a absorção de outros ingredientes ativos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eJornada de rejuvenescimento da pele com Multi-Peptide + HA Serum\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eExperimente uma transformação da pele com o uso regular.A cada etapa a pele fica mais jovem, fresca e radiante!\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-track\"\u003e\n\u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-markers\"\u003e\n\u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eImediato - 1 semana\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 2-4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 5-8\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 9-12\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003eImediato - Semana 1: Hidratação profunda e relaxamento\u003c\/h3\u003e\n\u003cp\u003eOs resultados imediatos começam graças ao ácido hialurônico, aos peptídeos SYN-AKE e ARGIRELOX que hidratam a pele e relaxam os músculos faciais.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eHidratação instantânea e profunda da pele\u003c\/li\u003e\n\u003cli\u003eUm leve relaxamento dos músculos faciais reduz o aparecimento de linhas de expressão\u003c\/li\u003e\n\u003cli\u003ePele mais lisa e radiante\u003c\/li\u003e\n\u003cli\u003eMelhoria instantânea na textura da pele\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eSemana 2-4: Melhora da textura e brilho da pele\u003c\/h3\u003e\n\u003cp\u003ePeptídeos como Matrixyl 3000 e Matrixyl Synthe'6 começam a estimular a produção de colágeno, levando a uma melhora gradual na elasticidade e suavidade da pele.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eComeçando a reduzir a aparência de linhas finas\u003c\/li\u003e\n\u003cli\u003eMelhora notável na elasticidade da pele\u003c\/li\u003e\n\u003cli\u003eAumento do brilho e frescor da pele\u003c\/li\u003e\n\u003cli\u003eMelhoria no tom da pele\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eSemana 5-8: Melhora notável nos sinais de envelhecimento\u003c\/h3\u003e\n\u003cp\u003eÀ medida que o soro continua a ser utilizado, a produção de colágeno e elastina aumenta, levando a uma maior melhora no aparecimento de rugas e na elasticidade da pele.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRedução visível na profundidade das rugas\u003c\/li\u003e\n\u003cli\u003eMelhora notável no endurecimento da pele e redução da flacidez\u003c\/li\u003e\n\u003cli\u003eMelhor tom de pele e pigmentação reduzida\u003c\/li\u003e\n\u003cli\u003eUm aumento no tamanho e densidade das células, dando à pele uma aparência mais cheia\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eSemana 9-12: Resultados completos e rejuvenescimento abrangente\u003c\/h3\u003e\n\u003cp\u003eApós 3 meses de uso regular, os peptídeos e o ácido hialurônico atingem seu pico de eficácia no rejuvenescimento da pele e no combate aos sinais de envelhecimento.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRedução significativa na profundidade e comprimento das rugas e linhas finas\u003c\/li\u003e\n\u003cli\u003ePele visivelmente mais firme e elástica\u003c\/li\u003e\n\u003cli\u003eMelhoria na estrutura da pele e aumento na densidade da pele\u003c\/li\u003e\n\u003cli\u003eCor uniforme e brilho saudável\u003c\/li\u003e\n\u003cli\u003eMelhoria geral na aparência e saúde da pele\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section5\"\u003e\n\u003ch2 class=\"title\"\u003eCaracterísticas exclusivas do soro The Ordinary Multi-Peptide + HA\u003c\/h2\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eUma fórmula abrangente e multibenefícios\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eCombina 5 tecnologias avançadas de peptídeos em um produto\u003c\/li\u003e\n\u003cli\u003eCombate todos os sinais de envelhecimento de uma só vez\u003c\/li\u003e\n\u003cli\u003eTrata linhas finas, rugas, perda de elasticidade e tom de pele irregular\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eAlta concentração de ingredientes ativos\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eContém 25,1% de tecnologias ativas por peso\u003c\/li\u003e\n\u003cli\u003eFórmula livre de enchimentos desnecessários\u003c\/li\u003e\n\u003cli\u003eConcentração ideal para máxima eficácia sem irritação da pele\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eFórmula leve à base de água\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eTextura leve e fácil de absorver\u003c\/li\u003e\n\u003cli\u003eNão deixa sensação gordurosa ou pegajosa na pele\u003c\/li\u003e\n\u003cli\u003ePode ser usado facilmente sob maquiagem\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eIdeal para todos os tipos de pele\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eFórmula suave adequada até mesmo para peles sensíveis\u003c\/li\u003e\n\u003cli\u003eLivre de perfume, álcool e óleo mineral\u003c\/li\u003e\n\u003cli\u003eNão causa poros obstruídos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-container\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eTecnologias avançadas de peptídeos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e25.1%\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003ePorcentagem de ingredientes ativos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e12\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eUma semana para resultados completos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e100%\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eIdeal para todos os tipos de pele\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section6\"\u003e\n\u003ch2 class=\"title\"\u003eÓtimo como usar\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eLimpe sua pele\u003c\/h4\u003e\n\u003cp\u003eComece limpando bem a pele e secando-a suavemente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eAplique algumas gotas\u003c\/h4\u003e\n\u003cp\u003eDistribua algumas gotas de soro na pele limpa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eUse-o duas vezes ao dia\u003c\/h4\u003e\n\u003cp\u003eUse duas vezes ao dia, de manhã e à noite, para obter melhores resultados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eSiga com hidratante\u003c\/h4\u003e\n\u003cp\u003ePara uma hidratação ideal, aplique seu hidratante favorito após absorver o soro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eNotas importantes para uso:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eEvite usar soros com ácidos diretos como ácido glicólico ou ácido láctico na mesma rotina\u003c\/li\u003e\n\u003cli\u003eEvite usá-lo com produtos de vitamina C (ácido ascórbico) na mesma rotina\u003c\/li\u003e\n\u003cli\u003ePode ser usado antes ou depois de outros produtos de ácido hialurônico\u003c\/li\u003e\n\u003cli\u003eÉ preferível realizar um teste de alergia antes do uso completo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section7\"\u003e\n\u003ch2 class=\"title\"\u003eTodos os componentes\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cp class=\"ingredients-list\"\u003e\n Aqua (Water), Glycerin, Lactococcus Ferment Lysate, Acetyl Hexapeptide-8, Pentapeptide-18, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7, Palmitoyl Tripeptide-38, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Acetylarginyltryptophyl Diphenylglycine, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate, Allantoin, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Arginine, Aspartic Acid, Trehalose, Fructose, Glucose, Maltose, Urea, Sodium PCA, PCA, Sodium Lactate, Citric Acid, Hydroxypropyl Cyclodextrin, Sodium Chloride, Sodium Hydroxide, Butylene Glycol, Pentylene Glycol, Acacia Senegal Gum, Xanthan Gum, Carbomer, Polysorbate 20, PPG-26-Buteth-26, PEG-40 Hydrogenated Castor Oil, Trisodium Ethylenediamine Disuccinate, Ethoxydiglycol, Sodium Benzoate, Caprylyl Glycol, Ethylhexylglycerin, Phenoxyethanol, Chlorphenesin.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Make all sections visible initially to fix display issues\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Make all sections visible\n const sections = document.querySelectorAll('.section');\n sections.forEach(section =\u003e {\n section.classList.add('active');\n });\n \n \/\/ Initialize timeline functionality\n initializeTimeline();\n });\n \n \/\/ Timeline functionality\n function initializeTimeline() {\n \/\/ Set the first marker active by default\n const progress = document.getElementById('timelineProgress');\n progress.style.width = '0%';\n }\n \n \/\/ Show timeline content\n function showTimelineContent(index) {\n \/\/ Reset all markers and contents\n const markers = document.querySelectorAll('.timeline-marker');\n const contents = document.querySelectorAll('.timeline-content');\n \n markers.forEach(m =\u003e m.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n \n \/\/ Activate selected marker and content\n markers[index].classList.add('active');\n contents[index].classList.add('active');\n \n \/\/ Update progress bar\n const progress = document.getElementById('timelineProgress');\n const progressWidth = [0, 33, 66, 100][index];\n progress.style.width = progressWidth + '%';\n }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40836991254725,"sku":"INSTA0586CHIQ","price":1060.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinary_multipeptide_ha_serum.jpg?v=1734971193"},{"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"},{"product_id":"the-ordinary-mandelic-acid","title":"The ordinary حمض مندليك 10% للتقشير الخفيف","description":"\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003eيوفر حمض الماندليك 10٪ + HA تقشير جلدي سطحي ألطف من أحماض ألفا هيدروكسي الأخرى. الوزن الجزيئي لحمض الماندليك هو 152.1 دالتون وهو أكبر من أحماض ألفا هيدروكسي الأخرى (حمض الجليكوليك 76.0 دالتون ، على سبيل المثال). يسمح هذا الحجم الأكبر لحمض المندليك باختراق الجلد بشكل أبطأ مما يجعله بدوره لطيفًا جدًا ومناسبًا لجميع أنواع البشرة. لا تحتاج إلى تركيز أكثر من 10٪ ، لأنك ستحصل ببساطة على قوة تقشير غير مباشرة يتم تقديمها بسهولة أكبر من خلال نسب أقل من حمض الجليكوليك.\u003cbr\u003e\u003cbr\u003eموانع الاستعمال: لا ينبغي استخدام هذه الصيغة على البشرة الحساسة أو المتقشرة أو المعرضة للخطر. يرجى الرجوع إلى ملاحظة الحماية الإضافية من أشعة الشمس والتحذيرات الأخرى في الإرشادات المتوفرة.\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003eالوصف: تركيبة حمض المندليك بنسبة 10 في المائة توفر تقشيرًا لطيفًا.\u003cbr\u003e\u003cbr\u003eنوع البشرة: العادية والجافة والمختلطة والدهنية\u003cbr\u003e\u003cbr\u003eمخاوف العناية بالبشرة: البهتان والتصبغات والخطوط الدقيقة والتجاعيد وحب الشباب والعيوب\u003cbr\u003e\u003cbr\u003eالمكونات البارزة:\u003cbr\u003e- حمض الماندليك: يوفر تقشير جلدي سطحي وهو ألطف من أحماض ألفا هيدروكسي الأخرى.\u003cbr\u003e\u003cbr\u003eالمكونات: خالية من الكبريتات SLS و SLES ، البارابين ، الفورمالديهايد ، عوامل إطلاق الفورمالديهايد ، الفثالات ، الزيوت المعدنية ، ريتينيل بالميتات ، أوكسي بنزون ، قطران الفحم ، الهيدروكينون ، التريكلوسان ، والتريكلوكاربان ، وتحتوي على أقل من واحد بالمائة من العطور الاصطناعية. هذا المنتج نباتي أيضًا وخالٍ من القسوة وخالٍ من الغلوتين.\u003cbr\u003e\u003cbr\u003eما الذي تحتاج إلى معرفته أيضًا: يسمح الحجم الجزيئي الأكبر لصيغة التقشير السطحي لحمض الماندليك هذا لحمض الماندليك باختراق الجلد بشكل أبطأ.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":41072801415365,"sku":"","price":510.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/miswag_beO2hh.jpg?v=1641996364"},{"product_id":"كولاجرا-هيالرونيك-اسيد-1-5-b5-30-مل","title":"كولاجرا هيالرونيك اسيد % 1.5 +B5 30 مل","description":"\" يساعد سيرم حمض الهيالورونيك %1.5 +B5 على ترطيب البشرة وإصلاحها عن طريق الحفاظ على نسبة الماء داخل الجلد و استعادة مرونة البشرة.\u003cbr data-mce-fragment=\"1\"\u003e• تركيبة فريدة لترطيب وإعادة امتلاء البشرة. يحتوي على حمض الهيالورونيك النقي وفيتامين B5 يملأ ويصلح حاجز البشرة\u003cbr data-mce-fragment=\"1\"\u003eتستعيد البشرة فورًا ليونة وصحة ونضارة. \u003cbr data-mce-fragment=\"1\"\u003e\"\u003cbr data-mce-fragment=\"1\"\u003e","brand":"Kolagra","offers":[{"title":"Default Title","offer_id":41396006584517,"sku":"","price":299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1_19.jpg?v=1652366170"},{"product_id":"dermatique-vtiamin-c-10","title":"Dermatique Vitamina C Sérum 10% oferta 1+1","description":"\u003cp\u003eVocê sofre de pele opaca e cansada que mostra sinais de fadiga e envelhecimento?Você sente que sua pele precisa de rejuvenescimento e hidratação profundos?\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/image_0AP_480x480.png?v=1682951736\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eCom 10% de vitamina C pura em nosso novo soro, você pode ter uma pele radiante e flexível em apenas alguns dias.Contém antioxidantes eficazes que iluminam a pele e reduzem o aparecimento de rugas e linhas finas.A vitamina C também estimula a produção de colágeno e elastina na pele para melhorar sua elasticidade e firmeza.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\"\u003e\n\u003cdiv class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\"\u003e\n\u003cdiv class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col gap-3\"\u003e\n\u003cdiv class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap break-words\"\u003e\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cp\u003eUse soro de vitamina C a 10% diariamente para obter uma pele radiante, fresca e radiante, com saúde e vitalidade, e se livrar dos sinais de fadiga e envelhecimento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex justify-between lg:block\"\u003e\n\u003cdiv class=\"text-gray-400 flex self-end lg:self-center justify-center mt-2 gap-2 md:gap-3 lg:gap-1 lg:absolute lg:top-0 lg:translate-x-full lg:right-0 lg:mt-0 lg:pl-2 visible\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":42082339356869,"sku":"","price":480.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_18.jpg?v=1682952621"},{"product_id":"lightening-hyaluronic-acid-serum-offer","title":"Dermatique Lightening Hyaluronic Acid Serum 1+1 oferta","description":"\u003cp\u003eSoro Iluminador de Ácido Hialurônico 30 ml\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIlumina a pele, hidrata a pele\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_184502_1024x1024.png?v=1682956025\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eÉ um soro rico e cheio de antioxidantes para iluminar, preencher e hidratar a pele seca.Atua como um ótimo estimulante de hidratação, pois retém a umidade da pele e a mantém hidratada e preenchida ao longo do dia.\u003c\/p\u003e\n\u003cp\u003eEnriquecido com ingredientes iluminadores e antienvelhecimento da pele, incluindo colágeno, vitaminas C e E para restaurar o brilho jovem da pele e melhorar sua elasticidade e firmeza.Fórmula enriquecida com Vitamina B5 para deixar a pele macia e hidratada ao toque.\u003c\/p\u003e\n\u003cp\u003e*Tecnologia de pele sensível Inhipase™ para se adequar aos tipos de pele mais sensíveis.\u003c\/p\u003e\n\u003cp\u003e*Complexo antipoluição Pollushield™.\u003c\/p\u003e\n\u003cp\u003e*Absorção rápida.\u003c\/p\u003e\n\u003cp\u003e*Não causa reações alérgicas.Não obstrui os poros.\u003c\/p\u003e\n\u003cp\u003e*Livre de parabenos e hidroquinona.\u003c\/p\u003e\n\u003cp\u003eDireções:\u003c\/p\u003e\n\u003cp\u003eAplique (um toque) duas vezes ao dia, de manhã e à noite, no rosto limpo, evitando a área dos olhos.Massageie suavemente a pele.Para uma hidratação ideal, recomenda-se aplicar o hidratante após 5 minutos.\u003c\/p\u003e\n\u003cp\u003ePrecauções:\u003c\/p\u003e\n\u003cp\u003eApenas para uso externo.Evite contato com os olhos.Manter fora do alcance das crianças, em local fresco e seco, longe do calor direto ou da luz solar.\u003c\/p\u003e\n\u003cp\u003eIngredientes:\u003c\/p\u003e\n\u003cp\u003eÁcido Hialurônico, Vitamina E, Pantenol, Colágeno Marinho, Vitamina C, Ceramidas, Extrato de Aloe Vera\u003c\/p\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":42082346074309,"sku":"","price":480.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoistureco_7.jpg?v=1677779939"},{"product_id":"عرض-1-1-كولاجرا-هيالرونيك-اسيد-1-5-b5-30-مل","title":"Oferta 1+1 Ácido Hialurônico Kolagra 1,5% +B5 30 ml","description":"\" Ácido Hialurônico 1,5% + Sérum B5 ajuda a hidratar e reparar a pele, mantendo o teor de água na pele e restaurando a elasticidade da pele.\u003cbr data-mce-fragment=\"1\"\/\u003e• Uma fórmula única para hidratar e dar volume à pele.Contém ácido hialurônico puro e vitamina B5 que preenche e repara a barreira cutânea\u003cbr data-mce-fragment=\"1\"\/\u003eA pele recupera imediatamente suavidade, saúde e brilho. \u003cbr data-mce-fragment=\"1\"\/\u003e\"\u003cbr data-mce-fragment=\"1\"\/\u003e","brand":"Kolagra","offers":[{"title":"Default Title","offer_id":42093447872709,"sku":"","price":319.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_12.jpg?v=1678362155"},{"product_id":"kolagra-vitamin-c-serum","title":"Offer 1+1 Kolagra Vitamin C Serum com Tecnologia Lipossoma 50 ml","description":"Soro cutâneo Kulagra rico em vitamina C, tecnologia lipossomal com ácido hialurônico, vitamina E, colágeno e retinol, que sofre de ressecamento, pigmentação, fadiga e perda de elasticidade da pele.É acondicionado em bomba sólida para aumentar o prazo de validade e prevenir a oxidação da vitamina C. Pode ser usado sozinho como antioxidante e hidratante, ou com outros produtos clareadores ou após o laser.\u003cbr data-mce-fragment=\"1\"\/\u003e","brand":"kolagra","offers":[{"title":"Default Title","offer_id":42093528023237,"sku":"","price":378.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_17.jpg?v=1678364715"},{"product_id":"nanotreat-niacinamide-serum","title":"Nano Tratamento |Soro de Niacinamida 12% com Zinco 2% 30 ml |iluminar |Hidratante |Frescura |Minimizar os poros","description":"\u003cstyle\u003e\n .nanotreat-niacinamide-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nano\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nano)\"\/\u003e\u003c\/svg\u003e');\n animation: nanoFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: nanoGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: nanoGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .nano-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .nano-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .nano-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .nano-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .nano-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .nano-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes nanoGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes nanoFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"nanotreat-niacinamide-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eNanotreat Niacinamide Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003ePele oleosa descontrolada?Poros dilatados e espinhas persistentes? \u003cstrong\u003eO problema requer nanotecnologia avançada!\u003c\/strong\u003e Nanotreat Niacinamide Serum com nanotecnologia penetra nas camadas mais profundas da pele e se dissolve \u003cstrong\u003eProblemas de pele oleosa desde a raiz\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"Nanotreat Niacinamide Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=Nanotreat+Niacinamide\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eNanotreat Niacinamide Serum - Nanotecnologia avançada\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n Nanotreat Niacinamide Serum para uma penetração mais profunda e um efeito mais forte na pele oleosa e mista.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDuplique o poder do nano\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚗️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eNanotecnologia avançada\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNanopartículas penetram nas camadas mais profundas da pele para um efeito duplo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eDirecionamento preciso dos poros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAtinge os poros profundos e os limpa por dentro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegulação superior de sebo\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eControla a secreção de sebo de forma mais eficaz do que produtos normais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eControle avançado de grãos\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003ePrevine a formação de espinhas e trata as já existentes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eClareamento rápido de manchas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eClareia espinhas e manchas mais rapidamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAbsorção imediata\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eA nanotecnologia garante absorção imediata e ação contínua\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eComo funciona a nanotecnologia?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eNanopenetração\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e95%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMaior taxa de penetração do que produtos comuns\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003ePartículas nanométricas penetram instantaneamente em camadas profundas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eRegulação lipídica avançada\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e78%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eRedução na secreção de gordura em 3 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eAtinge as células das glândulas sebáceas e regula diretamente sua atividade\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eEfeito duradouro 24 horas\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e24h\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eLiberação gradual de ingredientes ativos\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eA tecnologia Nano garante operação contínua ao longo do dia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudo clínico sobre nanotecnologia - 200 participantes durante 10 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eExperiências do cliente com nanotecnologia\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Poder técnico avançado:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e94% dos clientes\u003c\/strong\u003e Eles notaram uma melhoria mais rápida do que os produtos regulares\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e89% recuperados\u003c\/strong\u003e Redução notável no tamanho dos poros em duas semanas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e85% confirmados\u003c\/strong\u003e Excelente controle de oleosidade e brilho\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e91% preferirão\u003c\/strong\u003e Nanotreat sobre outros produtos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️Considerações de uso:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eO preço é mais alto\u003c\/strong\u003e De produtos regulares de niacinamida\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e20% dos usuários\u003c\/strong\u003e Eles precisaram reduzir as repetições no início devido à alta força\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusão:\u003c\/h4\u003e\n\u003cp\u003eTecnologia avançada com resultados excepcionais. \u003cstrong\u003eMaior eficiência e velocidade mais rápida\u003c\/strong\u003e No tratamento de problemas de pele oleosa. \u003cstrong\u003eVale o investimento\u003c\/strong\u003e Para quem deseja as mais recentes tecnologias em cuidados com a pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eJornada de tecnologia avançada\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eA primeira semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003ePenetração instantânea\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eAbsorção imediata e efeito direto\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUma redução visível no brilho da pele\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eSensação de limpeza mais profunda dos poros\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 2-4\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eControle avançado\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eRedução notável no tamanho dos poros\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eExcelente controle da secreção de sebo\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMelhoria visível na textura da pele\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 6-10\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eResultados avançados\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePele equilibrada e sem problemas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePoros menores e menos visíveis\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eCor uniforme, livre de manchas e vestígios\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide (Nano-encapsulated), Zinc PCA, Glycerin, Sodium Hyaluronate, Panthenol, Allantoin, Propanediol, Hydroxyethylcellulose, Carbomer, Triethanolamine, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubra o poder da nanotecnologia\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNanotreat Niacinamide Serum\u003c\/strong\u003e\u003cbr\/\u003e\n Nanotecnologia avançada para uma pele perfeita e sem problemas\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"MUm UmeuR Sn Nanotreat ENiacinamida UmeuUmUmDS?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Tecnologia UmeunUmnE Em Nanotreat Incluir Penetração mais profunda Para a pele EUmMpUmp eu, do que SUmS Resultados SRUm ER Eficácia.\"}}, {\"@type\": \"Question\", \"name\": \"eeu Tecnologia UmeunUmnE Seguro Para uso diário?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Sim, Seguro ConcluídoUmMUm. D HUm eueuD UmeuUmSKhDUmM Dia após dia S Eficácia UmeuAlto Então SUmD Repetição Gradualmente.\"}}, {\"@type\": \"Question\", \"name\": \"M eR Resultados Nanotreat Niacinamide?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Resultados FirstS Dentro de uma semana, Melhora perceptível dentro de 2 a 4 semanas, andResultados UmeuCompleto During 6-10 SUmSUm.\"}}]}\u003c\/script\u003e","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":42239717179589,"sku":"","price":439.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Niacinamide-Serum.png?v=1687164997"},{"product_id":"نانو-تريت-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"Nano Tratamento |Soro de Retinol e Vitamina E 30 ml |Anti-rugas |Anti-pílula |Anti-pigmentação","description":"\u003cstyle\u003e\n .nanotreat-retinol-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nanoretinol\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nanoretinol)\"\/\u003e\u003c\/svg\u003e');\n animation: nanoRetinolFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: nanoRetinolGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: nanoRetinolGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .nano-retinol-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .nano-retinol-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .nano-retinol-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .nano-retinol-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .nano-retinol-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .nano-retinol-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes nanoRetinolGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes nanoRetinolFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"nanotreat-retinol-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eNanotreat Retinol Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eRugas profundas e sinais visíveis de envelhecimento?Manchas da idade começando a aparecer? \u003cstrong\u003eA sua pele precisa do poder do retinol com nanotecnologia!\u003c\/strong\u003e Nanotreat Retinol Serum combina os mais poderosos ingredientes rejuvenescedores com nanotecnologia avançada para\u003cstrong\u003eReviva sua juventude em tempo recorde\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"product-name\"\u003eNanotreat Retinol Serum - O poder do retinol x nanotecnologia\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n Nanotreat Retinol Serum para um rejuvenescimento profundo e rápido para combater sinais de envelhecimento e rugas.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eRetinol avançado com nanotecnologia\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚀\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegeneração celular acelerada\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNanotecnologia acelera em 3 vezes o processo de regeneração celular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003ePenetração profunda em camadas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAs nanopartículas atingem imediatamente as camadas mais profundas da pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRedução avançada de rugas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCombate rugas profundas e linhas teimosas com dupla eficácia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eEstimulação intensa de colágeno\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEstimula a produção de colágeno a uma taxa mais elevada do que o retinol normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eClareamento rápido de manchas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUnifica o tom da pele e remove rapidamente manchas da idade\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReparo noturno intensivo\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEfeito contínuo e intenso durante toda a noite para uma regeneração ideal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eComo funciona o nano retinol?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eSuper nano permeabilidade\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e98%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMaior permeabilidade para camadas mais profundas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eNanopartículas penetram na barreira natural e atingem as células diretamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAcelere a renovação\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e75%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAceleração do ciclo de renovação celular\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eEstimula a divisão e regeneração celular a um ritmo mais rápido e eficiente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eEstimulação dupla de colágeno\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAumento da produção natural de colágeno\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eAtiva células produtoras de colágeno com alta eficiência\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudo avançado sobre tecnologia nano-retinol - 180 participantes durante 20 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eExperiências do cliente com nano-retinol\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Poder de resultados avançados:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e91% dos clientes\u003c\/strong\u003e Eles viram resultados mais rápidos do que o retinol normal\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e86% notaram\u003c\/strong\u003e Melhora notável nas rugas em 4 semanas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e83% confirmados\u003c\/strong\u003e Uma melhoria radical na textura e frescura da pele\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e89% preferirão\u003c\/strong\u003e Nano Retinol sobre produtos tradicionais\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Considerações importantes:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlta resistência\u003c\/strong\u003e Requer um período de adaptação mais longo do que o retinol normal\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e28% dos usuários\u003c\/strong\u003e Eles precisaram reduzir a frequência no primeiro mês\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusão:\u003c\/h4\u003e\n\u003cp\u003eTecnologia avançada com resultados excepcionais no combate aos sinais de envelhecimento. \u003cstrong\u003eDuplicar a eficácia e maior velocidade\u003c\/strong\u003e Na regeneração celular. \u003cstrong\u003eA escolha perfeita\u003c\/strong\u003e Para as mais recentes tecnologias antienvelhecimento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eJornada de renovação avançada\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 1-2\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eComeçando a se adaptar\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eEsfoliação mais suave do que o retinol normal\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMelhoria rápida na textura da pele\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eO início do processo intensivo de regeneração\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 3-6\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eMelhoria acelerada\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eRedução perceptível de linhas e rugas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUma melhoria significativa na frescura e luminosidade da pele\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eComeçando a clarear manchas da idade\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 8-20\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eRenovação completa\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eRedução significativa de rugas profundas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePele mais jovem e elástica\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eCor uniforme, livre de manchas e pigmentação\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol (Nano-encapsulated), Squalane, Tocopheryl Acetate, Sodium Hyaluronate, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubra o poder do futuro\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNanotreat Retinol Serum\u003c\/strong\u003e\u003cbr\/\u003e\n Retinol avançado com nanotecnologia para juventude permanente e renovação contínua\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"MUm UmeuR Sn UmeunUmnE Retinol ERetinol UmeuUmUmDS?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Tecnologia UmeunUmnE Incluir Penetração mais profunda ESRUm Para a pele, do que SUmS Resultados E ESRUm Com reduce Período de aclimatação UmeuRequired.\"}}, {\"@type\": \"Question\", \"name\": \"S D UmSKhDUmM UmeunUmnE Retinol?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Começar Once EUmHD Uma semanaSUm euDuas semanas, Então Duas vezes por semana, Então Dia após dia HS Hml Pele. Usar Protetor solar Sempre.\"}}, {\"@type\": \"Question\", \"name\": \"M eR Resultados UmeunUmnE Retinol?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Improvement Textura Dentro de duas semanas, Reduzir linhas During 4-6 semanas, andResultados UmeuCompleto During 8-20 Uma semana.\"}}]}\u003c\/script\u003e","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":42239720390853,"sku":"","price":429.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Retinol-Serum-510x510.png?v=1687165247"},{"product_id":"سيروم-النياسيناميد-30-مل-eva","title":"Soro de Niacinamida 30ml EVA","description":"\u003cstyle\u003e\n .eva-niacinamide-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"balance\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23balance)\"\/\u003e\u003c\/svg\u003e');\n animation: balanceFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: balanceGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n \n \/* New Timeline Structure *\/\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n \n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n \n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: balanceGlow 3s ease-in-out infinite;\n }\n \n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n \n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n \n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .balance-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .balance-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .balance-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .balance-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .balance-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .balance-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes balanceGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes balanceFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-niacinamide-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Niacinamide Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003ePoros largos?Pele oleosa e brilhante?Espinhas e manchas persistentes? \u003cstrong\u003eO problema é o desequilíbrio... não o seu tipo de pele!\u003c\/strong\u003e EVA Niacinamide Serum restaura o equilíbrio natural da pele e hidrata \u003cstrong\u003eTodos os problemas de pele oleosa desde a raiz\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003ch2 class=\"product-name\"\u003eEVA Niacinamide Serum - o regulador inteligente da pele\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n Niacinamida 10% EVA Serum com Zinco para regular a oleosidade, reduzir os poros e tratar espinhas e manchas.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eNiacinamida multiforte\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegulando a secreção de gordura\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eControla o excesso de produção de óleo e reduz o brilho\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReduzindo o tamanho dos poros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAperta os poros dilatados e melhora a textura da pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAnti-grãos\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eReduz a inflamação e previne a formação de novas espinhas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnificando o tom da pele\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eClareia manchas escuras e uniformiza o tom da pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eFortalecendo a barreira da pele\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFortalece a barreira natural e protege contra a poluição\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAcalmar a inflamação\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAcalma imediatamente a irritação e vermelhidão\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eComo funciona a niacinamida?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eRegulando as glândulas sebáceas\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e70%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eRedução na secreção de gordura em 4 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eControla o tamanho e as atividades das glândulas sebáceas a nível celular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAntiinflamatório\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eRedução no tamanho e número de grãos ativos\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eInibe a produção de citocinas que causam inflamação e espinhas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eEstimulação de colágeno\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e35%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMelhorar a elasticidade da pele e reduzir os poros\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eEstimula a produção de colágeno e fortalece a estrutura de suporte dos poros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudo clínico em 96 pessoas com pele oleosa durante 12 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eExperiências do cliente com niacinamida\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Resultados comprovados:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e91% dos clientes\u003c\/strong\u003e Observe uma redução no brilho da pele dentro de duas semanas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e86% recuperados\u003c\/strong\u003e Uma melhoria visível no tamanho dos poros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e78% confirmados\u003c\/strong\u003e Redução de espinhas e infecções\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e94% continuarão\u003c\/strong\u003e Ao usar o produto\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Pontos a prestar atenção:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e22% dos usuários\u003c\/strong\u003e Eles apresentam descamação leve na primeira semana\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlguns clientes\u003c\/strong\u003e Demorou mais para ver melhorias nas manchas escuras\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusão:\u003c\/h4\u003e\n\u003cp\u003eUm sérum muito eficaz para peles oleosas e mistas. \u003cstrong\u003eResultados rápidos na regulação de gorduras\u003c\/strong\u003e Uma melhoria notável na qualidade da pele. \u003cstrong\u003eExcelente escolha\u003c\/strong\u003e Para quem sofre de problemas de pele oleosa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eJornada de equilíbrio e cura\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eA primeira semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eInício equilibrado\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eRedução do brilho da pele\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eAcalmar a inflamação existente\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMelhora na textura da pele\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDepois de um mês\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eControle completo\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUma melhoria visível no tamanho dos poros\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eRedução notável em novos grãos\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eComeçando a clarear manchas escuras\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDepois de 3 meses\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003ePele perfeita\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePele equilibrada e sem brilho\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePoros menores e menos visíveis\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eCor uniforme sem manchas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide 10%, Zinc PCA, Glycerin, Propanediol, Tamarindus Indica Seed Gum, Pentylene Glycol, Polyglyceryl-4 Caprate, Polyglyceryl-6 Caprylate, Hydroxyethylcellulose, Isoceteth-20, Ethoxydiglycol, Phenoxyethanol, Chlorphenesin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eRestaure o equilíbrio da sua pele\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Niacinamide Serum\u003c\/strong\u003e\u003cbr\/\u003e\n Regulador de pele inteligente para controlar oleosidade, espinhas e poros\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"eeu SMn UmSKhDUmM Niacinamida Com Vitamina C?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Sim, SMn UmSKhDUmMeMUm ComUm. Seu UmSKhDUmM Vitamina C Manhã ENiacinamida noite, E Espere 15 minutos SneMUm.\"}}, {\"@type\": \"Question\", \"name\": \"M eR Resultados Soro Niacinamida?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"reduce UmeueuComUmn SeR Dentro de uma semana, Improvement Poros Dentro de um mês, andResultados UmeuCompleto During 8-12 Uma semana.\"}}, {\"@type\": \"Question\", \"name\": \"eeu Niacinamida 10% Strong Para pele sensível?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Começar UmeuUmSKhDUmM Dia após dia Em UmeuDUmS. Um euM HD HSUmSS Dentro de uma semana, SMn Uso diário.\"}}]}\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291553632453,"sku":null,"price":220.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/jzwIQnfV1x80bcQ4ck3P6Y9SjFWtynIwLTiPJrnF.webp?v=1690897686"},{"product_id":"eva-vitamin-c","title":"Eva Soro Vitamina C 30 ml |Taftiq |Hidratante |Anti-rugas |Contra a corrente","description":"\u003cdiv dir=\"ltr\" style=\"text-align: start;\"\u003e\n\u003cdiv data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cstrong\u003e\u003cbr\/\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/div\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e \u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan data-mce-style=\"color: #c9aa2a;\" style=\"color: #c9aa2a;\"\u003e Você já experimentou vitamina C em altas concentrações?! \u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan\u003eClareamento, fortalecimento, proteção, rejuvenescimento\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEle vai abrir \u003c\/strong\u003eEle unifica o tom da sua pele neutralizando o pigmento melanina da pele\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEle vai apertar\u003c\/strong\u003e Sua pele estimulando a produção de... \u003cstrong\u003eColágeno e elastina\u003c\/strong\u003e A sua produção diminui à medida que envelhecemos, a partir dos vinte anos. \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEle protegerá\u003c\/strong\u003e Sua pele fica protegida dos danos dos radicais livres que causam sinais de envelhecimento prematuro e câncer de pele porque contém um grupo de antioxidantes naturais, como astaxantina, vitamina E, Rosa Mosqueta e Chá Verde, criando uma fórmula antienvelhecimento altamente eficaz.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003eEle vai renovar\u003c\/strong\u003e Células da pele, o que melhora sua textura e aparência\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan data-mce-style=\"color: #d2b147;\" style=\"color: #d2b147;\"\u003e\u003cspan style=\"color: #000000;\"\u003eAumenta a eficiência do FPS dos filtros solares\u003c\/span\u003e \u003c\/span\u003eIsso fornece proteção adicional contra os raios ultravioleta que causam envelhecimento prematuro.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eResultados instantâneos\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003eAssista ao vivo como sua pele se transforma em seu estado mais claro e puro poucos minutos após a aplicação do soro\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eCuidados comparáveis às sessões mais caras nos melhores salões, com um orçamento irrisório \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eCuidar da sua pele não exige custar dezenas de milhares! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEste produto combina muitos benefícios que são impossíveis de obter com um só produto! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eObtenha os benefícios dos melhores hidratantes, anti-espinhas, anti-envelhecimento, cremes clareadores e produtos de frescor em um só pacote! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEssencial para uma pele eternamente jovem \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eOs sinais de envelhecimento aparecem devido à nossa exposição constante aos raios ultravioleta e à oxidação celular pelos radicais livres. \u003c\/strong\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eOs antioxidantes devem ser usados regularmente para manter a pele jovem. \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cbr\/\u003eEste soro atuará como a primeira linha de defesa para prevenir o envelhecimento prematuro\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eNão importa a sua idade, você precisa usar antioxidantes para manter a juventude. \u003cstrong\u003eNão espere até que as rugas se formem para iniciar o tratamento!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e A vitamina C é considerada um dos antioxidantes naturais mais poderosos, assim como o soro \u003cspan data-mce-fragment=\"1\"\u003eContém um grupo de antioxidantes naturais\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eRecomendado pelos principais dermatologistas do mundo \u003c\/h2\u003e\n\u003cp dir=\"ltr\" style=\"text-align: center;\"\u003eIdeal para todos os tipos de pele: seca, normal, mista e oleosa\u003c\/p\u003e\n\u003cp dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLuz na pele. rápida absorção\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003cspan id=\"i-3\"\u003e\u003cstrong\u003eIngredientes do soro Eva Vitamina C:\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eWater, Rosa Rubiginosa Seed Oil (Rosehip Seed Oil), Squalane, Glycerin, Sodium Ascorbyl Phosphate (Vitamin C), C10-18 Triglycerides, Candelilla\/Jojoba\/Rice Bran Polyglyceryl-3 Esters, Glyceryl Stearate, Niacinamide, Retinol, Salicylic Acid, Sodium Polyacrylate, Cassia Angustifolia Seed Polysaccharide (Botanical Hyaluronic Acid), Methylsulfonylmethane (MSM), Cananga Odorata Flower Oil (Ylang-Ylang), Melaleuca Alternifolia (Tea Tree) Leaf Oil, Xanthan Gum, Tricaprylin, Cellulose Acetate Butyrate, PentaerythritylTetra-di-t-butyl Hydroxyhydrocinnamate, Hydroxyethylcellulose, Cetearyl Alcohol, Sodium Stearoyl Lactylate, Ethylhexylglycerin, Phenoxyethanol\u003c\/span\u003e \u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eComo usar:\u003c\/p\u003e\n\u003col data-mce-style=\"text-align: left;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\n\u003cli\u003e\n\u003cp\u003eLimpe bem a pele de qualquer poeira grudada e seque-a suavemente.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eDistribua algumas gotas de sérum no rosto e pescoço, massageando suavemente de cima para baixo, até que a pele absorva bem.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eUse-o uma vez ao dia antes de dormir à noite e longe da luz.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291581452485,"sku":null,"price":225.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/images-_55.jpg?v=1708028579"},{"product_id":"eva-hyaluronic","title":"Eva Soro de Ácido Hialurônico 30 ml |Hidratante |Anti-rugas |Contra linhas finas","description":"\u003cstyle\u003e\n .eva-ha-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"hydration\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23hydration)\"\/\u003e\u003c\/svg\u003e');\n animation: hydrationFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: hydrationGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n \n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n \n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: hydrationGlow 3s ease-in-out infinite;\n }\n \n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n \n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n \n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .hydration-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .hydration-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .hydration-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .hydration-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .hydration-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .hydration-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes hydrationGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes hydrationFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-ha-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Hyaluronic Acid Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eSua pele está seca e sem brilho?Você sofre de linhas finas e rugas prematuras? \u003cstrong\u003eO problema não é a sua idade... o problema é a falta de umidade!\u003c\/strong\u003e O soro de ácido hialurônico EVA restaura sua pele \u003cstrong\u003e1000 vezes seu peso em umidade\u003c\/strong\u003e Para um visual jovem e fresco.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"EVA Hyaluronic Acid Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Hyaluronic+Acid\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eSoro de Ácido Hialurônico EVA - A inovadora bomba de umidade\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n Sérum de Ácido Hialurônico EVA com alta concentração e partículas multidimensionadas para hidratação imediata e profunda 24 horas.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBenefícios do ácido hialurônico avançado\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidratação instantânea intensa\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFixa 1.000 vezes seu peso em água para hidratação profunda instantânea\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eFrescura e brilho\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eRestaura a vitalidade e o brilho natural da pele opaca\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReduza linhas finas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eSuaviza rugas e linhas prematuras com eficácia comprovada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eProteção de barreira natural\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFortalece a barreira da pele e evita a perda de hidratação\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAbsorção rápida\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eA fórmula leve é absorvida instantaneamente sem deixar uma sensação pegajosa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eTextura sedosa\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDeixa a pele macia e flexível o dia todo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eComo funciona o ácido hialurônico?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eMoléculas de alto peso\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e85%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMelhor hidratação da superfície em 1 hora\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eForma uma camada protetora na superfície da pele e evita a perda de umidade\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003ePartículas de peso médio\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e73%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAumento da elasticidade da pele em duas semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003ePenetra nas camadas intermediárias e preenche os espaços entre as células\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eMoléculas de baixo peso\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e67%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eRedução da profundidade das rugas em 4 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eAtinge as camadas profundas e estimula a produção natural de colágeno\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudo clínico em 120 mulheres durante 8 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eOpiniões reais dos clientes\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Resultados positivos:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e96% dos clientes\u003c\/strong\u003e Observe a hidratação imediata desde o primeiro uso\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e89% recuperados\u003c\/strong\u003e Melhoria na suavidade e frescor da pele em uma semana\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e84% confirmados\u003c\/strong\u003e Redução visível de linhas finas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e92% comprarão\u003c\/strong\u003e O produto novamente\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Pontos a prestar atenção:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e18% dos usuários\u003c\/strong\u003e Demora mais para ver resultados em rugas mais profundas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlguns clientes\u003c\/strong\u003e Eles preferem usá-lo sob hidratante extra no inverno\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusão:\u003c\/h4\u003e\n\u003cp\u003eUm excelente soro com resultados rápidos e satisfatórios. \u003cstrong\u003eAlta eficácia em hidratação e frescor\u003c\/strong\u003e Com textura confortável e rápida absorção. \u003cstrong\u003eOpção confiável\u003c\/strong\u003e Para todos que sofrem de pele seca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUma jornada de hidratação e renovação\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eEm poucos minutos - instantâneo\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eResultados instantâneos\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eHidratação instantânea perceptível\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eTextura macia e flexível\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eSentindo-se fresco e confortável\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDepois de uma semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eMelhoria notável\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUma clara melhoria na frescura da pele\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eAumento da suavidade e elasticidade\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eInício da melhora nas linhas finas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDepois de um mês\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eRenovação completa\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eRedução notável das rugas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePele mais preenchida e radiante\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUma melhoria radical na textura e aparência da pele\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Sodium Hyaluronate (High Molecular Weight), Sodium Hyaluronate (Medium Molecular Weight), Sodium Hyaluronate (Low Molecular Weight), Glycerin, Panthenol, Allantoin, Sodium PCA, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubra o poder da hidratação real\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Hyaluronic Acid Serum\u003c\/strong\u003e\u003cbr\/\u003e\n A melhor bomba de hidratação para uma pele jovem e fresca durante todo o dia\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"M Once SKhDM Soro Ácido hialurônico Quem EVA?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"é usado Duas vezes ao dia, de manhã e à noite Na pele limpa Antes Hidratante Para melhores resultados.\"}}, {\"@type\": \"Question\", \"name\": \"eeu Soro EVA Ideal para todos os tipos de pele?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Sim, Ácido hialurônico Ideal para todos os tipos de pele MUm Em eu Pele sensível EUmeuIstonS ESeco.\"}}, {\"@type\": \"Question\", \"name\": \"M eR Resultados Soro Ácido hialurônico?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Hidratante UmeuImediato SeR During DUm, andUmeuImprovement Em Freshness Dentro de uma semana, andResultados UmeuCompleto During 4 semanas.\"}}]}\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291667009733,"sku":null,"price":220.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/eva-hyaluronic-acid-face-serum-30ml.jpg?v=1690899697"},{"product_id":"إيفا-سيروم-فيتامين-أ-للبشرة-30-مل-للحبوب-للتجاعيد-للتصبغات","title":"Eva Soro Pele Vitamina A 30 ml |Para grãos |Para rugas |Para pigmentação","description":"\u003cstyle\u003e\n .eva-retinol-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"renewal\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23renewal)\"\/\u003e\u003c\/svg\u003e');\n animation: renewalFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: renewalGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: renewalGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .renewal-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .renewal-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .renewal-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .renewal-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .renewal-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .renewal-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes renewalGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes renewalFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-retinol-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Retinol Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eVocê sofre de rugas e linhas profundas?Manchas da idade e pigmentação teimosa? \u003cstrong\u003eA sua pele precisa de uma verdadeira renovação por dentro!\u003c\/strong\u003e O soro EVA Retinol estimula \u003cstrong\u003eRegeneração celular poderosa por noite\u003c\/strong\u003e Para uma pele mais jovem e radiante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"EVA Retinol Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Retinol\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eEVA Retinol Serum - Estimulador de regeneração noturna\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n EVA Retinol Serum com concentração gradiente segura para renovar as células e combater sinais de envelhecimento e pigmentação.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePoder avançado de retinol\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegeneração celular acelerada\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEstimula o ciclo de renovação celular e acelera a eliminação de células danificadas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏳\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eLute contra os sinais de progresso\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eReduz rugas e linhas finas com eficácia cientificamente comprovada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eEstimulação de colágeno\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEstimula a produção natural de colágeno para uma pele mais elástica e jovem\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003ePigmentação clareadora\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUnifica o tom da pele e reduz manchas e pigmentação da idade\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMelhorar a textura da pele\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eSuaviza a pele áspera e melhora sua textura e suavidade\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eTrabalho noturno intenso\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFunciona enquanto você dorme para reparar e rejuvenescer a pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eComo funciona o retinol?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAcelerar o ciclo celular\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e58%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAceleração do ciclo de renovação celular em 4 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eEstimula a divisão celular e acelera a remoção de camadas danificadas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eEstimulação de colágeno\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e42%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAumento na produção de colágeno em 8 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eAtiva células produtoras de colágeno e fortalece a estrutura de suporte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eRegulando a pigmentação\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e65%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMelhoria no tom da pele em 12 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eRegula a produção de melanina e reduz o excesso de pigmentação\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudo clínico em 150 pessoas durante 16 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eExperiências do cliente com retinol\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ RESULTADOS INCRÍVEIS:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e87% dos clientes\u003c\/strong\u003e Observe uma melhora na textura da pele dentro de um mês\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e79% recuperados\u003c\/strong\u003e Redução visível de linhas finas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e82% confirmados\u003c\/strong\u003e Melhoria no tom da pele\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e88% continuarão\u003c\/strong\u003e Ao usar o produto\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Desafios iniciais:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e35% dos usuários\u003c\/strong\u003e Eles apresentam descamação leve nas primeiras semanas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlguns clientes\u003c\/strong\u003e Eles precisavam de um período de adaptação mais longo antes de ver os resultados\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusão:\u003c\/h4\u003e\n\u003cp\u003eUm soro poderoso e eficaz para combater os sinais de envelhecimento. \u003cstrong\u003eResultados surpreendentes com uso regular\u003c\/strong\u003e Apesar do período de adaptação necessário. \u003cstrong\u003eExcelente investimento\u003c\/strong\u003e Para quem deseja uma pele mais jovem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUma jornada de renovação e transformação\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 1-2\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003ePeríodo de aclimatação\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePeeling leve é normal no início\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMelhora gradual na textura da pele\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eO início do processo de regeneração celular\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 4-8\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eMelhoria notável\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eRedução visível de linhas finas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMelhora na suavidade e frescura da pele\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eComeçando a clarear manchas e pigmentação\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 12-16\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eRenovação completa\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eRedução significativa de rugas e linhas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePele mais luminosa e jovem\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eCor uniforme, livre de pigmentação\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol, Squalane, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Tocopheryl Acetate, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubra o poder da renovação noturna\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Retinol Serum\u003c\/strong\u003e\u003cbr\/\u003e\n Estimulador de rejuvenescimento noturno para uma pele mais jovem e radiante\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"S D UmSKhDUmM Soro Retinol Quem EVA?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Começar UmSKhDUmMe Once E Duas vezes por semana noite, Então D Repetição Gradualmente HS Hml Pele. Usar Protetor solar Manhã.\"}}, {\"@type\": \"Question\", \"name\": \"eeu SMn UmSKhDUmM Retinol Com ProdutoUm KhR?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"n UmSKhDUmMe Com HMUm Esfoliação E Vitamina C Em nS aquele queeu. SMn UmSKhDUmM Hidratante MeD depois dele.\"}}, {\"@type\": \"Question\", \"name\": \"M eR Resultados Soro Retinol?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Improvement Textura Dentro de 2 a 4 semanas, Reduzir linhas During 6-8 weeks, andResultados UmeuCompleto During 12-16 Uma semana.\"}}]}\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291747520709,"sku":"","price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/RGGrn28hvdODLF4p0XKAp6x5MUxO0RLE9XlGU6kq.webp?v=1690900596"},{"product_id":"the-ordinary-argerline","title":"A solução comum de argirelina a 10% é especializada em rugas cinéticas","description":"\u003c!-- Argireline Product Description --\u003e\n\u003cstyle\u003e\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.argireline-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n \n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n}\n\n.hero-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n padding: 60px 20px;\n background: linear-gradient(135deg, #000000 0%, #333333 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 40px;\n position: relative;\n overflow: hidden;\n}\n\n.hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.3), transparent);\n animation: shimmer 3s infinite;\n}\n\n.hero-content {\n z-index: 2;\n}\n\n.hero-image {\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 2;\n}\n\n.main-product-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 20px 40px rgba(156, 129, 2, 0.3);\n opacity: 0;\n transform: scale(0.8) rotateY(10deg);\n animation: productImageReveal 1.5s 0.5s ease forwards;\n}\n\n@keyframes productImageReveal {\n to {\n opacity: 1;\n transform: scale(1) rotateY(0deg);\n }\n}\n\n@keyframes shimmer {\n 0% { left: -100%; }\n 100% { left: 100%; }\n}\n\n.hero-title {\n font-size: 2.5rem;\n font-weight: bold;\n margin-bottom: 20px;\n color: #9C8102;\n opacity: 0;\n animation: fadeInUp 1s forwards;\n text-align: left;\n}\n\n.hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 1s 0.3s forwards;\n text-align: left;\n}\n\n.product-badge {\n display: inline-block;\n background: #9C8102;\n color: white;\n padding: 10px 25px;\n border-radius: 50px;\n font-weight: bold;\n margin-top: 20px;\n opacity: 0;\n animation: fadeInUp 1s 0.6s forwards;\n transition: transform 0.3s ease;\n}\n\n.product-badge:hover {\n transform: scale(1.05);\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.content-section {\n margin: 40px 0;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.6s ease;\n}\n\n.content-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.section-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n position: relative;\n padding-bottom: 15px;\n}\n\n.section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 3px;\n background: #9C8102;\n transition: width 0.8s ease;\n transform: translateX(-50%);\n}\n\n.content-section.visible .section-title::after {\n width: 80px;\n}\n\n.section-content {\n font-size: 1.1rem;\n color: #555;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n.feature-card {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border-left: 4px solid #9C8102;\n}\n\n.feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n}\n\n.feature-icon {\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 24px;\n font-weight: bold;\n}\n\n.timeline-header {\n text-align: center;\n margin-bottom: 40px;\n}\n\n.results-timeline {\n position: relative;\n padding: 20px 0;\n}\n\n.timeline-item {\n display: flex;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n animation: timelineSlideIn 0.8s ease forwards;\n}\n\n.timeline-item:nth-child(1) { animation-delay: 0.2s; }\n.timeline-item:nth-child(2) { animation-delay: 0.4s; }\n.timeline-item:nth-child(3) { animation-delay: 0.6s; }\n.timeline-item:nth-child(4) { animation-delay: 0.8s; }\n\n@keyframes timelineSlideIn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.timeline-marker-vertical {\n flex-shrink: 0;\n width: 60px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: 20px;\n}\n\n.timeline-dot-vertical {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n border: 4px solid white;\n box-shadow: 0 0 0 2px #9C8102, 0 4px 15px rgba(156, 129, 2, 0.3);\n position: relative;\n z-index: 2;\n transition: all 0.3s ease;\n}\n\n.timeline-dot-vertical.final {\n background: linear-gradient(45deg, #9C8102, #d4af02);\n transform: scale(1.2);\n box-shadow: 0 0 0 3px white, 0 0 0 6px #9C8102, 0 6px 20px rgba(156, 129, 2, 0.4);\n}\n\n.timeline-line {\n width: 3px;\n height: 100px;\n background: linear-gradient(to bottom, #9C8102, #e0e0e0);\n margin-top: 10px;\n border-radius: 2px;\n}\n\n.timeline-content-card {\n flex: 1;\n background: white;\n padding: 25px;\n border-radius: 15px;\n margin-right: 20px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.timeline-content-card:hover {\n transform: translateX(-5px);\n box-shadow: 0 12px 35px rgba(156, 129, 2, 0.15);\n}\n\n.timeline-content-card.highlight {\n background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);\n border-right: 4px solid #d4af02;\n box-shadow: 0 12px 35px rgba(156, 129, 2, 0.2);\n}\n\n.timeline-badge {\n display: inline-block;\n background: #9C8102;\n color: white;\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 0.9rem;\n font-weight: bold;\n margin-bottom: 15px;\n position: relative;\n}\n\n.timeline-badge.final {\n background: linear-gradient(45deg, #9C8102, #d4af02);\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content-card h3 {\n color: #333;\n margin-bottom: 15px;\n font-size: 1.3rem;\n font-weight: bold;\n}\n\n.timeline-content-card p {\n color: #666;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.results-list {\n list-style: none;\n padding: 0;\n}\n\n.results-list li {\n padding: 8px 0;\n padding-right: 25px;\n position: relative;\n color: #555;\n transition: color 0.3s ease;\n}\n\n.results-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n}\n\n.results-list li:hover {\n color: #333;\n}\n\n.content-with-image {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin-top: 30px;\n}\n\n.content-text {\n order: 1;\n}\n\n.content-image {\n order: 2;\n display: flex;\n justify-content: center;\n}\n\n.section-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n opacity: 0;\n transform: translateX(30px);\n transition: all 0.8s ease;\n}\n\n.content-section.visible .section-image {\n opacity: 1;\n transform: translateX(0);\n}\n\n.cellular-explanation {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin: 30px 0;\n}\n\n.explanation-text {\n order: 1;\n}\n\n.explanation-image {\n order: 2;\n display: flex;\n justify-content: center;\n}\n\n.mechanism-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n opacity: 0;\n transform: scale(0.9) rotateY(-10deg);\n transition: all 1s ease;\n}\n\n.content-section.visible .mechanism-image {\n opacity: 1;\n transform: scale(1) rotateY(0deg);\n}\n\n.section-image:hover,\n.mechanism-image:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 45px rgba(156, 129, 2, 0.3);\n}\n\n@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateX(-20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.studies-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n}\n\n.study-card {\n background: white;\n padding: 20px;\n margin: 15px 0;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n transition: transform 0.3s ease;\n}\n\n.study-card:hover {\n transform: translateX(10px);\n}\n\n.usage-section {\n background: linear-gradient(135deg, #333 0%, #000 100%);\n color: white;\n}\n\n.usage-section .section-title {\n color: #9C8102;\n}\n\n.usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.usage-step {\n background: rgba(255,255,255,0.1);\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n transition: transform 0.3s ease;\n}\n\n.usage-step:hover {\n transform: scale(1.05);\n}\n\n.usage-number {\n width: 40px;\n height: 40px;\n background: #9C8102;\n border-radius: 50%;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.2rem;\n}\n\n.scroll-indicator {\n position: fixed;\n top: 0;\n right: 0;\n width: 4px;\n height: 100vh;\n background: rgba(156, 129, 2, 0.2);\n z-index: 1000;\n}\n\n.scroll-progress {\n width: 100%;\n background: #9C8102;\n height: 0%;\n transition: height 0.1s ease;\n}\n\n@media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n \n .hero-section {\n grid-template-columns: 1fr;\n text-align: center;\n }\n \n .hero-title,\n .hero-subtitle {\n text-align: center;\n }\n \n .hero-content {\n order: 2;\n }\n \n .hero-image {\n order: 1;\n margin-bottom: 30px;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .content-with-image,\n .cellular-explanation {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .content-image,\n .explanation-image {\n order: 1;\n margin-bottom: 20px;\n }\n \n .content-text,\n .explanation-text {\n order: 2;\n }\n \n .timeline-item {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .timeline-marker-vertical {\n margin-left: 0;\n margin-bottom: 20px;\n }\n \n .timeline-line {\n display: none;\n }\n \n .timeline-content-card {\n margin-right: 0;\n width: 100%;\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"argireline-container\"\u003e\n\u003c!-- Scroll Progress Indicator --\u003e\n\u003cdiv class=\"scroll-indicator\"\u003e\n\u003cdiv class=\"scroll-progress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"hero-title\"\u003eCombata os sinais do tempo com a Solução Argireline\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eArgireline Solution é um produto inovador que funciona como... \u003cstrong style=\"color: #9C8102;\"\u003eBotox tópico\u003c\/strong\u003e Para reduzir a aparência de linhas finas e rugas.Alvos \u003cstrong\u003eSinais visíveis de envelhecimento\u003c\/strong\u003e Sem a necessidade de injeções, proporcionando uma alternativa \u003cstrong style=\"color: #9C8102;\"\u003eMais seguro e menos caro\u003c\/strong\u003e Para cuidados avançados com a pele.\u003c\/p\u003e\n\u003cdiv class=\"product-badge\"\u003eBotox tópico\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Solução de argirelina\" class=\"main-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.jpg?v=1746201574\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What is Argireline Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eO que é argilerina?\u003c\/h2\u003e\n\u003cdiv class=\"content-with-image\"\u003e\n\u003cdiv class=\"content-text\"\u003e\n\u003cp class=\"section-content\"\u003eArgirerina é \u003cstrong style=\"color: #9C8102;\"\u003eHexapeptídeo sintético\u003c\/strong\u003e Que funciona por \u003cstrong\u003eRelaxe os músculos faciais\u003c\/strong\u003e.Isso ajuda a reduzir a aparência \u003cstrong style=\"color: #9C8102;\"\u003eRugas dinâmicas\u003c\/strong\u003e, que são rugas que se formam quando você move o rosto, como quando... \u003cstrong\u003eRiso ou expressão\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-image\"\u003e\n\u003cimg alt=\"Como funciona a argirelina?\" class=\"section-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_2.webp?v=1746201573\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How it Works Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eFunciona no nível celular\u003c\/h2\u003e\n\u003cdiv class=\"cellular-explanation\"\u003e\n\u003cdiv class=\"explanation-text\"\u003e\n\u003cp class=\"section-content\"\u003eA solução Argilerin funciona por: \u003cstrong style=\"color: #9C8102;\"\u003eRelaxe os músculos faciais\u003c\/strong\u003e O que causa rugas dinâmicas.Quando esses músculos estão relaxados, eles reduzem o aparecimento de rugas.\u003c\/p\u003e\n\u003cp class=\"section-content\"\u003eA solução de argilina contém um ingrediente ativo chamado \u003cstrong style=\"color: #9C8102;\"\u003eArgireline\u003c\/strong\u003e.Argirelina é um hexapeptídeo sintético que atua... \u003cstrong\u003eInibição do disparo de neurônios motores\u003c\/strong\u003e Para\u003cstrong style=\"color: #9C8102;\"\u003eAcetilcolina\u003c\/strong\u003e.Acetilcolina é \u003cstrong\u003eNeurotransmissor responsável pela contração muscular\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"explanation-image\"\u003e\n\u003cimg alt=\"Ação da argirelina\" class=\"mechanism-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.webp?v=1746201573\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eInibição da acetilcolina\u003c\/h3\u003e\n\u003cp\u003eInibe a liberação de acetilcolina pelos neurônios motores, responsável pela contração muscular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eRelaxamento muscular\u003c\/h3\u003e\n\u003cp\u003eFaz com que os músculos relaxem e não se contraiam com tanta força como antes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eReduzir rugas\u003c\/h3\u003e\n\u003cp\u003eResultam na redução significativa do aparecimento de rugas dinâmicas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Concentration Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eA maior concentração possível sem receita médica\u003c\/h2\u003e\n\u003cp class=\"section-content\"\u003eA solução de argilerina contém \u003cstrong style=\"color: #9C8102; font-size: 1.2em;\"\u003e10%\u003c\/strong\u003e Em alta concentração de \u003cstrong style=\"color: #9C8102;\"\u003eArgireline™\u003c\/strong\u003eE ele é \u003cstrong\u003eA concentração mais alta está disponível sem receita médica\u003c\/strong\u003e.Além disso, o soro também contém outros ingredientes que são benéficos para a pele, por exemplo \u003cstrong\u003eGlicerina e ácido hialurônico\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eResultados de jornada com solução Argireline 10%\u003c\/h2\u003e\n\u003cp class=\"section-content\"\u003eDescubra como a aparência da sua pele se transformará ao longo de diferentes semanas de uso regular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 1\u003c\/div\u003e\n\u003ch3\u003eInício do uso e hidratação da pele\u003c\/h3\u003e\n\u003cp\u003eVocê sentirá a diferença \u003cstrong style=\"color: #9C8102;\"\u003ePrimeiro uso\u003c\/strong\u003e A solução leve hidrata e suaviza a pele.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eMais pele \u003cstrong\u003eSuavidade e umidade\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eAbsorção rápida\u003c\/strong\u003e Sem qualquer sensação de peso\u003c\/li\u003e\n\u003cli\u003eUma leve sensação de aperto nas áreas alvo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 2-3\u003c\/div\u003e\n\u003ch3\u003eOs primeiros resultados começam a aparecer\u003c\/h3\u003e\n\u003cp\u003eDepois \u003cstrong style=\"color: #9C8102;\"\u003eDuas semanas de uso regular\u003c\/strong\u003eVocê começará a notar uma ligeira melhora nas suas linhas de expressão.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRedução simples\u003c\/strong\u003e Na aparência de linhas finas\u003c\/li\u003e\n\u003cli\u003eMais pele \u003cstrong style=\"color: #9C8102;\"\u003eBrilhante e refrescante\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eRelaxamento inicial dos músculos faciais\u003c\/li\u003e\n\u003cli\u003eAliviar a aparência de fadiga ao redor dos olhos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 4-6\u003c\/div\u003e\n\u003ch3\u003eMelhoria visível nas rugas dinâmicas\u003c\/h3\u003e\n\u003cp\u003eDepois \u003cstrong style=\"color: #9C8102;\"\u003eUm mês de uso regular\u003c\/strong\u003eVocê notará resultados mais visíveis, especialmente nas linhas da testa e ao redor dos olhos.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eDeclínio claro\u003c\/strong\u003e Profundamente nas linhas de expressão ao redor dos olhos\u003c\/li\u003e\n\u003cli\u003eLinhas de frente \u003cstrong\u003eMenos claro\u003c\/strong\u003e Ao expressar\u003c\/li\u003e\n\u003cli\u003eMelhor relaxamento dos músculos faciais ao expressar\u003c\/li\u003e\n\u003cli\u003eMais pele \u003cstrong\u003eSuavidade e flexibilidade\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical final\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card highlight\"\u003e\n\u003cdiv class=\"timeline-badge final\"\u003eSemana 8-12\u003c\/div\u003e\n\u003ch3\u003eResultados completos e melhoria contínua\u003c\/h3\u003e\n\u003cp\u003eCom uso regular continuado por um período de tempo \u003cstrong style=\"color: #9C8102;\"\u003e8-12 semanas\u003c\/strong\u003eVocê notará uma melhora significativa na aparência geral da sua pele.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eRedução de até 30%\u003c\/strong\u003e No aparecimento de rugas dinâmicas\u003c\/li\u003e\n\u003cli\u003eMais pele \u003cstrong\u003eSuavidade, brilho e vitalidade\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eMelhoria notável\u003c\/strong\u003e Na elasticidade da pele\u003c\/li\u003e\n\u003cli\u003eRedução visível nas linhas de expressão mesmo em movimento\u003c\/li\u003e\n\u003cli\u003eAparência \u003cstrong\u003ePele mais jovem\u003c\/strong\u003e Em geral\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!-- Scientific Studies Section --\u003e\n\u003cdiv class=\"content-section studies-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eArgirelina é uma substância comprovada cientificamente e em laboratório\u003c\/h2\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eEstudo de 2009\u003c\/strong\u003e - Journal of Cosmetic Dermatology\u003c\/h4\u003e\n\u003cp\u003eUse solução de argilina \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e Por um período \u003cstrong\u003e30 dias\u003c\/strong\u003e levou a \u003cstrong style=\"color: #9C8102;\"\u003eRedução perceptível\u003c\/strong\u003e No aparecimento de rugas dinâmicas na testa e ao redor dos olhos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eEstudo de 2011\u003c\/strong\u003e - Dermatology and Therapy\u003c\/h4\u003e\n\u003cp\u003eUse solução de argilina \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e Por um período \u003cstrong\u003e60 dias\u003c\/strong\u003e levou a \u003cstrong style=\"color: #9C8102;\"\u003eRedução perceptível\u003c\/strong\u003e No aparecimento de rugas dinâmicas na testa e ao redor dos olhos e boca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eEstudo de 2013\u003c\/strong\u003e - Skin Pharmacology and Physiology\u003c\/h4\u003e\n\u003cp\u003eUse solução de argilina \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e Por um período \u003cstrong\u003e90 dias\u003c\/strong\u003e levou a \u003cstrong style=\"color: #9C8102;\"\u003eRedução perceptível em profundidade\u003c\/strong\u003e Rugas dinâmicas na testa e ao redor dos olhos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"section-content\" style=\"margin-top: 30px; font-weight: bold; color: #9C8102; font-size: 1.1em;\"\u003e\n Em estudos científicos, a solução de argilina demonstrou reduzir o aparecimento de rugas dinâmicas em até \u003cstrong style=\"font-size: 1.3em;\"\u003e30%\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions Section --\u003e\n\u003cdiv class=\"content-section usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComo usar\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eLimpeza facial\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eLimpe bem o seu rosto\u003c\/strong\u003e E seque completamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eAplique a solução\u003c\/h4\u003e\n\u003cp\u003eColocar \u003cstrong style=\"color: #9C8102;\"\u003eAlgumas gotas\u003c\/strong\u003e Nas áreas afetadas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eEspere\u003c\/h4\u003e\n\u003cp\u003eDeixe o soro \u003cstrong\u003ePara secar completamente\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eHidratante\u003c\/h4\u003e\n\u003cp\u003eColocar \u003cstrong style=\"color: #9C8102;\"\u003eSeu hidratante habitual\u003c\/strong\u003e Depois da desidratação\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"section-content\" style=\"margin-top: 30px;\"\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eUso ideal:\u003c\/strong\u003e \u003cstrong\u003eDuas vezes ao dia, de manhã e à noite\u003c\/strong\u003e Para melhores resultados\n \u003c\/p\u003e\n\u003cdiv class=\"usage-note\" style=\"background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 20px; border-radius: 10px; margin-top: 20px; border-right: 4px solid #9C8102;\"\u003e\n\u003cp style=\"margin: 0; color: #333;\"\u003e\u003cstrong style=\"color: #9C8102;\"\u003eNota importante:\u003c\/strong\u003e Solução de argilina \u003cstrong\u003e10% ideal para todos os tipos de pele\u003c\/strong\u003e.Se sua pele for muito sensível, comece a usar um soro \u003cstrong style=\"color: #9C8102;\"\u003eUma vez por dia\u003c\/strong\u003e Para ver como sua pele reage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Scroll-triggered animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all content sections\n document.querySelectorAll('.content-section').forEach(section =\u003e {\n observer.observe(section);\n });\n\n \/\/ Scroll progress indicator\n const updateScrollProgress = () =\u003e {\n const windowHeight = window.innerHeight;\n const documentHeight = document.documentElement.scrollHeight - windowHeight;\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n const scrollPercentage = (scrollTop \/ documentHeight) * 100;\n \n const progressBar = document.querySelector('.scroll-progress');\n if (progressBar) {\n progressBar.style.height = Math.min(scrollPercentage, 100) + '%';\n }\n };\n\n window.addEventListener('scroll', updateScrollProgress);\n\n \/\/ Feature card hover effects\n document.querySelectorAll('.feature-card').forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px) scale(1.02)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n\n \/\/ Study card stagger animation\n setTimeout(() =\u003e {\n document.querySelectorAll('.study-card').forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateX(0)';\n }, index * 200);\n });\n }, 1000);\n\n \/\/ Usage steps animation\n document.querySelectorAll('.usage-step').forEach((step, index) =\u003e {\n step.style.opacity = '0';\n step.style.transform = 'translateY(30px)';\n \n setTimeout(() =\u003e {\n step.style.transition = 'all 0.6s ease';\n step.style.opacity = '1';\n step.style.transform = 'translateY(0)';\n }, 500 + (index * 150));\n });\n\n \/\/ Timeline items animation observer\n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, { threshold: 0.3 });\n\n \/\/ Observe timeline items\n document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n item.style.animationPlayState = 'paused';\n timelineObserver.observe(item);\n });\n\n \/\/ Smooth scrolling for better UX\n document.documentElement.style.scrollBehavior = 'smooth';\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398544560325,"sku":"","price":820.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-ordinary-argireline-serum-30ml.png?v=1697543593"},{"product_id":"the-ordinary-مصل-الأحماض-الأمينية-فيتامين-b5-ترطيب-دعم-وظيفة-حاجز-البشرة","title":"o soro de aminoácidos comum + vitamina B5 |Hidratante |Apoiar a função de barreira da pele","description":"\u003cp data-mce-fragment=\"1\" data-sourcepos=\"1:1-1:482\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eSoro de Aminoácidos + Vitamina B5 da The Ordinary\u003c\/strong\u003e É um soro leve que atua com a pele para apoiar sua barreira natural de hidratação.Ao incluir uma solução concentrada de 17% (em peso) de aminoácidos e derivados de aminoácidos que imitam os agentes hidratantes naturais da pele, esta fórmula à base de água mantém a camada externa da pele protegida e bem hidratada sem parecer oleosa.Além disso, utiliza 5% (em peso) de vitamina B5 para fornecer hidratação à superfície e subsuperfície da pele, abrindo caminho para uma pele mais macia e suave.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"1:1-1:482\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"3:1-3:27\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eO que são aminoácidos?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"3:1-3:27\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"5:1-5:186\"\u003eOs aminoácidos são os blocos de construção das proteínas e são essenciais para uma pele saudável.Os aminoácidos constituem os fatores hidratantes naturais (NMFs), uma combinação de substâncias que ajudam a manter a pele hidratada.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"5:1-5:186\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:21\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eO que é vitamina B5?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:21\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:115\"\u003eA vitamina B5, também conhecida como pantotênica, é uma vitamina solúvel em água que ajuda a hidratar e melhorar a aparência da pele.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:115\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"11:1-11:62\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eComo funciona o soro comum de aminoácidos + vitamina B5?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"11:1-11:62\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"13:1-13:166\"\u003eO soro comum de aminoácidos + vitamina B5 atua fortalecendo a barreira natural de hidratação da pele e proporcionando hidratação profunda.Isso ajuda a manter a pele hidratada, macia e brilhante.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"13:1-13:166\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"15:1-15:73\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eQuais são os benefícios de usar o soro de aminoácido comum + vitamina B5?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"15:1-15:73\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"17:1-17:67\"\u003eO soro comum de aminoácidos + vitamina B5 pode ajudar:\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"19:1-24:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"19:1-19:19\"\u003eHidratar profundamente a pele\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"20:1-20:35\"\u003eFortalecendo a barreira de hidratação natural da pele\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"21:1-21:19\"\u003eMelhorar a textura da pele\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"22:1-22:37\"\u003eReduza a aparência de linhas finas e rugas\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"23:1-24:0\"\u003eDá à pele um brilho saudável\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"25:1-25:64\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eComo usar o soro de aminoácidos + vitamina B5 do The Ordinary?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"27:1-27:218\"\u003ePara obter melhores resultados, use The Ordinary Amino Acid + Vitamin B5 Serum duas vezes ao dia, de manhã e à noite.Depois de limpar e secar o rosto, aplique algumas gotas de soro no rosto e pescoço.Deixe o soro secar completamente antes de aplicar o hidratante habitual.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"29:1-29:81\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eO soro comum de aminoácidos + vitamina B5 é ideal para todos os tipos de pele?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"31:1-31:106\"\u003eSim, o soro comum de aminoácidos + vitamina B5 é ideal para todos os tipos de pele, incluindo peles sensíveis.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398619107525,"sku":"","price":650.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-amino-acids-b5-30ml.webp?v=1696775588"},{"product_id":"nanotreat-حمض-الهياليرونيك-مع-فيتامين-b5-مرطب-للبشرة-حشو-التجاعيد-والخطوط-الدقيقة-30-مل","title":"Ácido Hialurônico Nanotreat com Vitamina B5 |Hidratante para a pele |Preenchimento para rugas e linhas finas 30 ml","description":"\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cstrong\u003eO ácido hialurônico, enriquecido com vitamina B5, proporciona propriedades tensoras e hidratantes à pele.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eEste tratamento sem óleo penetra profundamente nas camadas da pele para proporcionar hidratação duradoura.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eSuaviza rapidamente e preenche perfeitamente.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e Este soro leve deixará a pele macia e firme.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eEste soro leve contém três tipos de ácido hialurônico (de baixo, médio e alto peso molecular) e proporciona uma poderosa suavização da pele.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003ePenetrando na pele para atingir suas camadas mais profundas.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eO Ácido Hialurônico 2% + B5 fornece hidratação duradoura e retenção de umidade para que a pele pareça mais lisa.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eO ácido hialurônico no centro deste super soro atrai 5.000 vezes seu peso em água, enquanto um fantástico impulso de vitamina B5 cura áreas secas e danificadas, estabilizando a função de barreira da pele e promovendo o crescimento de tecidos fortes.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cstrong\u003eComo usar:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eAplicar algumas gotas no rosto de manhã e à noite antes do creme.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eTamanho: 30ml\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Nanotreat","offers":[{"title":"Default Title","offer_id":43387686813893,"sku":null,"price":499.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/nanotreathyaluronicacidserum_2.jpg?v=1714331500"},{"product_id":"vacation-hyaluronic-serum","title":"Soro de ácido hialurônico de alta concentração de férias 3% |Hidratante |Antienvelhecimento","description":"\u003ch2\u003eA fórmula hialurônica mais poderosa \u003c\/h2\u003e\n\u003cp\u003eExperimente a maior concentração possível de ácido hialurônico, que é o primeiro e mais valioso composto no cuidado da pele!Uma alta concentração de 3% garante a maior eficiência de hidratação pelo maior período e com a menor quantidade. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eObserve a mudança instantânea na textura da sua pele. \u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003eVocê notará a mudança dramática na textura da sua pele e o frescor superior poucos minutos após a absorção do produto.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eTrata os problemas de pele mais profundos \u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eUmidificação: Retira mais de 5.000 vezes seu peso em água\u003c\/li\u003e\n\u003cli\u003ePreenche rugas e linhas finas e restaura a juventude da sua pele\u003c\/li\u003e\n\u003cli\u003eMelhora a textura da pele e reduz os poros\u003c\/li\u003e\n\u003cli\u003eElimina espinhas com uso contínuo \u003c\/li\u003e\n\u003cli\u003eReduz a inflamação e vermelhidão no tecido da pele \u003c\/li\u003e\n\u003cli\u003eMelhora a elasticidade da pele e reduz rugas expressivas e motoras\u003c\/li\u003e\n\u003cli\u003eRestaura a função de barreira da pele \u003c\/li\u003e\n\u003cli\u003ePrevine sinais de envelhecimento prematuro\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003ePele perfeita em menos tempo e menos custo\u003c\/h2\u003e\n\u003cp\u003eEspere resultados surpreendentes ao usar esta alta concentração de ácido hialurônico. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eDuas gotas de soro cobrem toda a pele. \u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003eEsta fórmula foi desenvolvida com um índice de viscosidade ideal para que a menor quantidade de soro seja suficiente para cobrir completamente a pele.O pacote dura vários meses com uso médio, o que lhe garante um alto valor pelo preço.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- --\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43762879070405,"sku":null,"price":425.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1-hya.png?v=1719250484"},{"product_id":"vacation-niacinamide-zn-pca-serum-10-30-ml","title":"VACATION NIACINAMIDE + ZN PCA SERUM 10% 30 ML","description":"\u003ch2\u003eSua pele fica mais pura com Niacinamida e Zinco Serum\u003c\/h2\u003e\n\u003ch3\u003ePoros invisíveis\u003c\/h3\u003e\n\u003cp\u003eA niacinamida é o composto ideal e melhor para diminuir ao máximo os poros, deixando a pele fresca, firme e livre de cravos e espinhas.\u003c\/p\u003e\n\u003ch3\u003eEficaz contra a acne mais grave\u003c\/h3\u003e\n\u003cp\u003eO soro de niacinamida e zinco reduz a vermelhidão e os efeitos da acne, e você verá resultados positivos, especialmente em espinhas inflamadas.O zinco atua como antibacteriano, o que ajuda a manter a pele limpa.\u003c\/p\u003e\n\u003ch3\u003eSua juventude é eterna\u003c\/h3\u003e\n\u003cp\u003eA niacinamida é considerada um dos mais poderosos agentes antienvelhecimento, pois reduz os radicais livres que causam o envelhecimento e melhora a produção de colágeno.Também aumenta a produção de queratina, que aperta a pele e aumenta a sua espessura, reduzindo os efeitos de linhas finas e rugas.\u003c\/p\u003e\n\u003ch3\u003eSua pele é clara e de cor uniforme\u003c\/h3\u003e\n\u003cp\u003eEm suas altas concentrações, a niacinamida neutraliza a melanina, iluminando áreas escuras e uniformizando o tom da pele.\u003c\/p\u003e\n\u003ch3\u003eHidratação profunda sem efeito oleoso\u003c\/h3\u003e\n\u003cp\u003eA niacinamida retém a umidade na pele, criando uma “barreira de umidade” que evita a perda de água da pele.Também neutraliza a produção de oleosidade na pele oleosa, por isso não deixa efeito oleoso.\u003c\/p\u003e\n\u003ch3\u003eRemova cabeças pretas e brancas\u003c\/h3\u003e\n\u003cp\u003eO soro de niacinamida e zinco trata a textura da pele, estimulando a formação de novas células cutâneas e hidratando profundamente a pele.\u003c\/p\u003e\n\u003ch3\u003eAdapta-se a todos os tipos de pele\u003c\/h3\u003e\n\u003cp\u003eO soro de niacinamida e zinco é adequado para peles secas, normais, mistas e oleosas.Leve na pele e de rápida absorção.\u003c\/p\u003e\n\u003ch3\u003eComo usar\u003c\/h3\u003e\n\u003cp\u003eAplique uma pequena quantidade no rosto de manhã e à noite na pele limpa antes de aplicar qualquer outro creme, óleo ou hidratante na pele.Não deve ser utilizado ao mesmo tempo que tratamentos que contenham vitamina C pura (ácido ascórbico).\u003c\/p\u003e\n\u003ch3\u003eComponentes básicos\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamida\u003c\/strong\u003e: Excelente para melhorar a saúde geral da pele, aumenta a imunidade da pele e melhora a retenção de hidratação, fortalecendo a barreira cutânea.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZinco\u003c\/strong\u003e: Apoia a estrutura da pele, curando a pele danificada e estimulando a produção de colágeno e elastina.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eTamanho do pacote\u003c\/h3\u003e\n\u003cp\u003eTamanho da embalagem 30 ml.\u003c\/p\u003e\n\u003c!-- --\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43831590518981,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vacation-niacinamide-10zinc.png?v=1720714749"},{"product_id":"vacation-retinol-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"retinol de férias |Soro de Retinol e Vitamina E 30 ml |Anti-rugas |Anti-pílula |Anti-pigmentação","description":"\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2\u003eSua pele fica no seu melhor com 1% de Retinol Serum.\u003c\/h2\u003e\n\u003ch3\u003eRejuvenesça e ilumine sua pele\u003c\/h3\u003e\n\u003cp\u003eCom o soro Retinol 1%, você sentirá uma diferença notável no frescor e brilho da sua pele.O retinol promove a renovação celular, o que ajuda a esfoliar suavemente a pele e a remover as células mortas para revelar uma pele nova e radiante.\u003c\/p\u003e\n\u003ch3\u003eCombata os sinais do envelhecimento\u003c\/h3\u003e\n\u003cp\u003eA arma mais poderosa contra rugas\u003c\/p\u003e\n\u003cp\u003eO retinol atua reduzindo o aparecimento de rugas e linhas finas, promovendo a produção de colágeno.Fará com que sua pele pareça mais firme e jovem com o uso regular.\u003c\/p\u003e\n\u003ch3\u003eEficaz contra acne\u003c\/h3\u003e\n\u003cp\u003eSoluções instantâneas até mesmo para as espinhas mais difíceis\u003c\/p\u003e\n\u003cp\u003eO soro de retinol 1% é eficaz no combate à acne e na limpeza profunda dos poros.O retinol ajuda a prevenir a obstrução dos poros e a reduzir a vermelhidão e a inflamação associadas à acne, proporcionando uma pele mais clara.\u003c\/p\u003e\n\u003ch3\u003eTom de pele claro e uniforme\u003c\/h3\u003e\n\u003cp\u003eO soro de retinol 1% promove a regeneração das células da pele, o que ajuda a reduzir a pigmentação e unificar o tom da pele.Você notará que sua pele fica mais brilhante e uniforme com o tempo.\u003c\/p\u003e\n\u003ch3\u003eHidratação profunda\u003c\/h3\u003e\n\u003cp\u003eHidratação perfeita sem pegajosidade\u003c\/p\u003e\n\u003cp\u003eApesar dos seus poderosos efeitos rejuvenescedores da pele, o Sérum Retinol a 1% garante uma hidratação profunda da pele.Sua fórmula é leve e de rápida absorção, não deixa efeito oleoso e confere maciez e hidratação à pele.\u003c\/p\u003e\n\u003ch3\u003eIdeal para todos os tipos de pele\u003c\/h3\u003e\n\u003cp\u003eQuer você tenha pele seca, normal, mista ou oleosa, nosso soro de retinol a 1% é perfeito para você.Pode ser usado em sua rotina de cuidados noturnos para obter melhores resultados.\u003c\/p\u003e\n\u003ch3\u003eComo usar\u003c\/h3\u003e\n\u003cp\u003eAplicar uma pequena quantidade no rosto à noite, após limpar a pele.É preferível começar a usar aos poucos para que a pele se acostume.Evite usá-lo com produtos que contenham ácidos fortes e use protetor solar durante o dia.\u003c\/p\u003e\n\u003ch3\u003eComponentes básicos\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRetinol\u003c\/strong\u003e: Promove a regeneração das células da pele, reduz o aparecimento de rugas e linhas finas e melhora o tom da pele.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidantes\u003c\/strong\u003e: Protege a pele dos danos ambientais e promove a saúde geral da pele.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eTamanho do pacote\u003c\/h3\u003e\n\u003cp\u003eTamanho da embalagem 30 ml.\u003c\/p\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43831619256517,"sku":null,"price":430.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ret-3.png?v=1720715791"},{"product_id":"vacation-vitamin-c-10-30-ml","title":"VACATION VITAMIN C 10% 30 ML","description":"\u003cdiv data-mce-style=\"text-align: start;\" dir=\"ltr\" style=\"text-align: start;\"\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"color: rgb(109, 108, 106);\" style=\"color: rgb(109, 108, 106);\"\u003e \u003cspan data-mce-style=\"color: rgb(0, 0, 0);\" style=\"color: rgb(0, 0, 0);\"\u003e Você já experimentou vitamina C em altas concentrações?! \u003c\/span\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan\u003eClareamento, fortalecimento, proteção, rejuvenescimento\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul data-mce-style=\"text-align: left;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEle vai abrir \u003c\/strong\u003eEle unifica o tom da sua pele neutralizando o pigmento melanina da pele\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEle vai apertar\u003c\/strong\u003e Sua pele estimulando a produção de... \u003cstrong\u003eColágeno e elastina\u003c\/strong\u003e A sua produção diminui à medida que envelhecemos, a partir dos vinte anos. \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEle protegerá\u003c\/strong\u003e Sua pele fica protegida dos danos dos radicais livres que causam sinais de envelhecimento prematuro e câncer de pele porque contém um grupo de antioxidantes naturais, como astaxantina, vitamina E, Rosa Mosqueta e Chá Verde, criando uma fórmula antienvelhecimento altamente eficaz.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003eEle vai renovar\u003c\/strong\u003e Células da pele, o que melhora sua textura e aparência\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan data-mce-style=\"color: #d2b147;\" style=\"color: #d2b147;\"\u003e\u003cspan data-mce-style=\"color: #000000;\" style=\"color: #000000;\"\u003eAumenta a eficiência do FPS dos filtros solares\u003c\/span\u003e \u003c\/span\u003eIsso fornece proteção adicional contra os raios ultravioleta que causam envelhecimento prematuro.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eResultados instantâneos\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003eAssista ao vivo como sua pele se transforma em seu estado mais claro e puro poucos minutos após a aplicação do soro\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eCuidados comparáveis às sessões mais caras nos melhores salões, com um orçamento irrisório \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eCuidar da sua pele não exige custar dezenas de milhares! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEste produto combina muitos benefícios que são impossíveis de obter com um só produto! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eObtenha os benefícios dos melhores hidratantes, anti-espinhas, anti-envelhecimento, cremes clareadores e produtos de frescor em um só pacote! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEssencial para uma pele eternamente jovem \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eOs sinais de envelhecimento aparecem devido à nossa exposição constante aos raios ultravioleta e à oxidação celular pelos radicais livres. \u003c\/strong\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eOs antioxidantes devem ser usados regularmente para manter a pele jovem. \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cbr\/\u003eEste soro atuará como a primeira linha de defesa para prevenir o envelhecimento prematuro\u003c\/h3\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eNão importa a sua idade, você precisa usar antioxidantes para manter a juventude. \u003cstrong\u003eNão espere até que as rugas se formem para iniciar o tratamento!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e A vitamina C é considerada um dos antioxidantes naturais mais poderosos, assim como o soro \u003cspan data-mce-fragment=\"1\"\u003eContém um grupo de antioxidantes naturais, como astaxantina, vitamina E, roseira brava e chá verde, que por sua vez atuam na redução dos radicais livres que causam o envelhecimento. \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003ch3\u003eHidratação profunda sem brilho\u003c\/h3\u003e\n\u003cp\u003eO soro de vitamina C hidrata profundamente a pele sem deixar vestígios de oleosidade.Sua fórmula leve e de rápida absorção garante que sua pele fique macia e confortável o dia todo.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eIdeal para todos os tipos de pele: seca, normal, mista e oleosa\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLuz na pele. rápida absorção\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43831644586181,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vit-c-2-1.png?v=1720716153"},{"product_id":"the-ordinary-soothing-barrier-support-serum-30-ml","title":"The Ordinary Soothing \u0026 Barrier Support Serum 30 ml","description":"\u003cp\u003eVocê sofre de vermelhidão e irritação na pele que lhe causam frustração e perda de autoconfiança?Num mundo em rápida mudança, a pele pode ser a primeira a ser afetada e a sofrer com os agressores ambientais.Deixar a irritação da pele sem tratamento pode piorar o problema, dificultando a restauração do equilíbrio da pele.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support_benefits.png?v=1741180015\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e“Faça da sua pele o seu escudo, não o seu fardo!”\u003c\/h3\u003e\n\u003cp\u003eCom soro \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003eVocê tem a solução imediata!Este sérum não é apenas um tratamento, é o seu aliado na restauração da saúde da sua pele.Sua fórmula rica, que inclui vitamina B12, derivados do ácido gálico e bisabolol, atua reduzindo a vermelhidão e o desconforto.Em apenas duas horas, fortalece a barreira da pele e restaura a sua vitalidade.\u003c\/p\u003e\n\u003ch3\u003e\"Restaure o equilíbrio da sua pele com um novo brilho!\"\u003c\/h3\u003e\n\u003cp\u003eNo que diz respeito à hidratação, o sérum proporciona um aumento instantâneo na hidratação de até 86%, deixando-a confortável e hidratada durante todo o dia.Também melhora a textura da pele, proporcionando uma aparência mais lisa e radiante.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Soothing-Barrier-Support-Serum.webp?v=1741180098\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eComo funciona o soro?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRestauração rápida da barreira cutânea\u003c\/strong\u003e: Graças aos seus princípios ativos, o sérum proporciona um suporte ideal para a barreira cutânea, reduzindo a perda de hidratação e diminuindo os sinais de vermelhidão e irritação.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumento instantâneo da hidratação\u003c\/strong\u003e: O sérum proporciona um aumento imediato na hidratação da pele em até 86%*, o que significa que sua pele ficará mais macia e renovada em instantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMelhoria notável na aparência\u003c\/strong\u003e: Graças às suas múltiplas tecnologias, o sérum contribui para melhorar a textura irregular da pele, conferindo-lhe um aspecto mais radiante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003ePrincipais ingredientes ativos para apoiar a sua pele:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamina B12\u003c\/strong\u003e: Melhora a aparência da pele, reduz o ressecamento e a vermelhidão e adiciona uma cor rosa distinta ao soro.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido gálico\u003c\/strong\u003e: Atua acalmando irritações e reduzindo a vermelhidão associada a fatores ambientais.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisabolol\u003c\/strong\u003e: Ingrediente conhecido por sua capacidade de acalmar a pele e reduzir a vermelhidão.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.png?v=1741180382\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003eBenefícios cientificamente comprovados:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMelhore a barreira da pele em 2 horas\u003c\/strong\u003eEstudos demonstraram que o soro ajuda a restaurar significativamente a barreira da pele.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratação que dura o dia todo\u003c\/strong\u003e: A hidratação proporcionada pelo soro não é apenas imediata, mas dura o dia todo.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMelhoria visível na aparência da pele\u003c\/strong\u003e: Reduz a vermelhidão e melhora a textura da pele para garantir resultados visíveis.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eO soro \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e É a escolha ideal para quem busca ter uma pele saudável e brilhante.Não hesite em usá-lo, especialmente se você sofre de problemas crônicos de pele ou está exposto a irritantes frequentes.\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\"Porque a sua pele merece o máximo cuidado!\"\u003c\/h3\u003e\n\u003cp\u003eEste soro foi desenvolvido para se adequar a todos os tipos de pele, incluindo peles sensíveis.Não deixe que a irritação afete a sua beleza e dê à sua pele o cuidado que ela merece com \u003cstrong\u003eSoothing \u0026amp; Barrier Support Serum\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eExperimente a diferença hoje e prepare-se para deixar sua pele mais brilhante e saudável do que nunca.\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":44196281155781,"sku":"INSTA1558CHIQ","price":1060.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.jpg?v=1741179626"},{"product_id":"somebymi-retinol-intense-reactivating-serum","title":"SOME BY MI Retinol Intense Reactivating Serum - Rejuvenescimento de rugas e aumento de elasticidade da pele","description":"\u003cdiv class=\"sbm-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* === Core Variables (SOME BY MI Identity: Deep Amethyst \u0026 Gold) === *\/\n .sbm-ultimate-wrapper {\n --sbm-bg-dark: #0a0510; \/* Deepest purple-black *\/\n --sbm-bg-darker: #050208;\n --sbm-card-glass: rgba(255, 255, 255, 0.03);\n --sbm-card-hover: rgba(139, 92, 246, 0.08);\n --sbm-primary: #8b5cf6; \/* Vibrant purple *\/\n --sbm-primary-glow: rgba(139, 92, 246, 0.3);\n --sbm-gold: #f59e0b; \/* Accent Gold *\/\n --sbm-gold-glow: rgba(245, 158, 11, 0.25);\n --sbm-gradient-accent: linear-gradient(135deg, #a78bfa 0%, #6d28d9 100%);\n --sbm-gradient-gold: linear-gradient(135deg, #fcd34d 0%, #b45309 100%);\n --sbm-gradient-bg: linear-gradient(135deg, #2e1065 0%, #0a0510 100%);\n --sbm-text-light: #f8fafc;\n --sbm-text-muted: #cbd5e1;\n --sbm-border: rgba(255, 255, 255, 0.08);\n --sbm-border-highlight: rgba(139, 92, 246, 0.4);\n \n font-family: inherit; \/* Inherits Shopify theme font *\/\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n background-color: var(--sbm-bg-dark);\n color: var(--sbm-text-light);\n border-radius: 24px;\n box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n }\n\n .sbm-ultimate-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .sbm-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Mobile-Perfect Media Wrappers === *\/\n .sbm-media-wrapper {\n position: relative;\n width: 100%;\n margin: 0 auto 40px;\n display: block;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 30px var(--sbm-primary-glow);\n border: 1px solid var(--sbm-border);\n overflow: hidden;\n }\n\n .sbm-media-wrapper.size-lg { max-width: 850px; }\n .sbm-media-wrapper.size-md { max-width: 600px; }\n\n .sbm-product-media {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n }\n\n .sbm-media-wrapper:hover .sbm-product-media {\n transform: scale(1.03);\n }\n\n \/* === Typography === *\/\n .sbm-title-main {\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n line-height: 1.3;\n margin-bottom: 25px;\n letter-spacing: -0.02em;\n text-align: center;\n }\n\n .sbm-title-section {\n font-size: clamp(24px, 4vw, 34px);\n font-weight: 800;\n text-align: center;\n margin-bottom: 20px;\n color: #ffffff;\n position: relative;\n }\n\n .sbm-subtitle {\n font-size: clamp(16px, 2.5vw, 18px);\n color: var(--sbm-text-muted);\n text-align: center;\n max-width: 800px;\n margin: 0 auto 40px;\n font-weight: 500;\n }\n\n .sbm-text-purple {\n background: var(--sbm-gradient-accent);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n \n .sbm-text-gold {\n background: var(--sbm-gradient-gold);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n\n .sbm-warning-box {\n background: rgba(245, 158, 11, 0.08);\n border-right: 4px solid var(--sbm-gold);\n padding: 30px;\n border-radius: 16px;\n margin: 40px auto;\n max-width: 850px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n text-align: justify;\n }\n\n .sbm-warning-box p {\n font-size: 1.15rem;\n margin-bottom: 15px;\n color: var(--sbm-text-light);\n }\n .sbm-warning-box p:last-child { margin-bottom: 0; }\n\n \/* === Alternating Sections === *\/\n .sbm-section { padding: 80px 0; position: relative; }\n \n .sbm-theme-dark { background-color: var(--sbm-bg-dark); }\n .sbm-theme-darker { background-color: var(--sbm-bg-darker); border-top: 1px solid var(--sbm-border); border-bottom: 1px solid var(--sbm-border); }\n .sbm-theme-gradient { background: var(--sbm-gradient-bg); }\n\n \/* Ambient Glows *\/\n .sbm-ambient {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n }\n .sbm-glow {\n position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.5;\n }\n .sbm-glow-1 { width: 500px; height: 500px; background: rgba(139, 92, 246, 0.15); top: -100px; right: -150px; }\n .sbm-glow-2 { width: 600px; height: 600px; background: rgba(245, 158, 11, 0.1); bottom: 10%; left: -200px; }\n\n \/* === Grids \u0026 Glass Cards === *\/\n .sbm-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n .sbm-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n .sbm-card {\n background: var(--sbm-card-glass);\n backdrop-filter: blur(10px);\n border: 1px solid var(--sbm-border);\n border-radius: 20px;\n padding: 35px 25px;\n position: relative;\n transition: all 0.4s ease;\n }\n\n .sbm-card:hover {\n transform: translateY(-8px);\n background: var(--sbm-card-hover);\n border-color: var(--sbm-border-highlight);\n box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--sbm-primary-glow);\n }\n\n .sbm-icon-badge {\n width: 55px; height: 55px;\n background: rgba(255,255,255,0.05);\n border: 1px solid var(--sbm-border);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--sbm-gold);\n font-size: 22px; font-weight: 900;\n transition: 0.4s ease;\n font-family: system-ui, sans-serif;\n }\n\n .sbm-card:hover .sbm-icon-badge {\n background: var(--sbm-gradient-gold);\n color: #000;\n transform: scale(1.1) rotate(5deg);\n border-color: transparent;\n }\n\n .sbm-card h3 { font-size: 1.3rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n .sbm-card p { font-size: 1.05rem; color: var(--sbm-text-muted); margin: 0; }\n\n \/* === Interactive Wrinkle Accordion === *\/\n .sbm-accordion { margin: 40px auto; max-width: 850px; }\n \n .sbm-acc-item {\n background: var(--sbm-card-glass);\n border: 1px solid var(--sbm-border);\n border-radius: 16px;\n margin-bottom: 15px;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .sbm-acc-item:hover { border-color: rgba(139, 92, 246, 0.3); }\n .sbm-acc-item.active { border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.3); }\n\n .sbm-acc-header {\n padding: 20px 25px;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n }\n\n .sbm-acc-num {\n width: 35px; height: 35px;\n display: flex; align-items: center; justify-content: center;\n background: var(--sbm-gradient-accent);\n color: #fff;\n border-radius: 10px;\n margin-left: 20px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n }\n .sbm-acc-item.active .sbm-acc-num { background: var(--sbm-gradient-gold); color: #000; }\n\n .sbm-acc-title { font-size: 1.2rem; font-weight: 800; color: #fff; flex-grow: 1; }\n\n .sbm-acc-icon {\n width: 20px; height: 20px; position: relative;\n }\n .sbm-acc-icon::before, .sbm-acc-icon::after {\n content: ''; position: absolute; background: var(--sbm-text-muted); transition: 0.3s;\n }\n .sbm-acc-icon::before { width: 2px; height: 16px; top: 2px; left: 9px; }\n .sbm-acc-icon::after { width: 16px; height: 2px; top: 9px; left: 2px; }\n .sbm-acc-item.active .sbm-acc-icon::before { transform: rotate(90deg); opacity: 0; }\n .sbm-acc-item.active .sbm-acc-icon::after { background: var(--sbm-primary); }\n\n .sbm-acc-body {\n max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;\n padding: 0 25px;\n }\n .sbm-acc-item.active .sbm-acc-body {\n padding: 0 25px 25px 25px; max-height: 300px;\n }\n\n .sbm-acc-desc { color: var(--sbm-text-muted); font-size: 1.05rem; margin-bottom: 15px; }\n .sbm-acc-ing {\n background: rgba(0,0,0,0.3); padding: 15px; border-radius: 10px; border-right: 3px solid var(--sbm-primary);\n color: #fff; font-size: 1rem;\n }\n\n \/* === Clean Lists === *\/\n .sbm-list { list-style: none; padding: 0; margin-top: 20px; }\n .sbm-list li {\n position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--sbm-text-light); font-size: 1.05rem;\n }\n .sbm-list li::before {\n content: '✓'; position: absolute; right: 0; top: 0; color: var(--sbm-primary); font-weight: 900; font-size: 1.2rem;\n }\n \n .sbm-list.gold-checks li::before { color: var(--sbm-gold); }\n\n \/* === Usage Steps === *\/\n .sbm-steps {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 40px;\n }\n .sbm-step {\n background: var(--sbm-card-glass); border: 1px solid var(--sbm-border); padding: 30px 20px;\n border-radius: 16px; text-align: center; position: relative;\n }\n .sbm-step-num {\n width: 50px; height: 50px; margin: 0 auto 15px; background: var(--sbm-gradient-accent);\n color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: 1.4rem; font-weight: 900; box-shadow: 0 5px 15px var(--sbm-primary-glow);\n font-family: system-ui, sans-serif;\n }\n .sbm-step h4 { color: #fff; font-size: 1.15rem; margin-bottom: 10px; }\n .sbm-step p { color: var(--sbm-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n \/* === Animations === *\/\n .sbm-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .sbm-reveal.sbm-active { opacity: 1; transform: translateY(0); }\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .sbm-section { padding: 50px 0; }\n .sbm-media-wrapper { border-radius: 12px; }\n .sbm-title-main { font-size: 2rem; }\n .sbm-acc-header { padding: 15px; }\n }\n \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-dark\" style=\"padding-top: 50px;\"\u003e\n\u003cdiv class=\"sbm-ambient\"\u003e\n\u003cdiv class=\"sbm-glow sbm-glow-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"sbm-title-main sbm-reveal\"\u003eSOME BY MI soro rejuvenescedor de retinol\u003cbr\/\u003e\u003cspan class=\"sbm-text-gold\"\u003eAs rugas não são apenas linhas... são um pedido de ajuda!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal delay-1\"\u003e\n Este soro não fornece soluções temporárias, mas cria mudanças radicais a nível celular para restaurar a vitalidade e a frescura da pele que foi danificada ao longo do tempo.\n \u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-2\"\u003e\n\u003cimg alt=\"Some By Mi Retinol Reactivating Serum\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum_2.webp?v=1745760317\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-warning-box sbm-reveal\"\u003e\n\u003cp\u003eCom o tempo você se torna... \u003cstrong class=\"sbm-text-gold\"\u003eLinhas finas e rugas\u003c\/strong\u003e Sinais de alerta de que a pele está a perder a sua capacidade natural de regeneração.Esses sinais irritantes não irão simplesmente desaparecer, mas exigirão intervenção científica avançada para evitar que os efeitos do envelhecimento controlem as características faciais.\u003c\/p\u003e\n\u003cp style=\"text-align: center; color: var(--sbm-gold); font-weight: 800; margin-top: 20px; font-size: 1.25rem;\"\u003e\n A intervenção precoce é o segredo para restaurar a pele jovem e vibrante.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. WRINKLE TYPES ACCORDION (Gradient Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-gradient\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eFórmula altamente especializada para todos os tipos de rugas\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eOs ingredientes deste soro não atuam apenas no tratamento de superfície, mas também atuam em todo tipo de ruga com um mecanismo customizado.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-md sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Targeting Wrinkles\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.webp?v=1745760317\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Accordion --\u003e\n\u003cdiv class=\"sbm-accordion sbm-reveal delay-2\"\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eRugas dinâmicas\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eAparece como resultado de movimentos faciais repetidos, como um sorriso constante ou uma carranca.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eBakuchiol e retinol:\u003c\/span\u003e Eles estimulam a produção de colágeno por dentro, reduzindo efetivamente a aparência e a profundidade dessas rugas.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eRugas de expressão\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eEles são formados e consolidados devido a expressões faciais repetitivas e ao estresse.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eNiacinamida:\u003c\/span\u003e Melhora a elasticidade geral da pele, reduzindo a gravidade destas rugas e impedindo a sua estabilidade.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eRugas na testa\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eEles aparecem ocasionalmente e claramente devido à perda contínua de colágeno nesta área.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eColágeno e confrei:\u003c\/span\u003e Contribuem para fortalecer a estrutura de suporte da pele e preencher as rugas nesta área específica.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eLinhas Finas\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eAs linhas finas aparecem precocemente e geralmente são causadas por secura severa e uma barreira protetora fraca.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eTocoferol e pantenol:\u003c\/span\u003e Eles fornecem hidratação profunda que retém a umidade, preenchendo a pele e ocultando instantaneamente essas linhas.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. INGREDIENTS GRID (Darker Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-darker\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eRetinol é o escudo da pele contra os fatores de envelhecimento\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eEste soro atua restaurando a vitalidade e elasticidade perdidas ao longo do tempo graças a princípios ativos cientificamente estudados.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"Serum Ingredients\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.png?v=1745760661\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-grid-3 sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eRetinol puro\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eRenova as células da pele e melhora a sua aparência superficial.\u003c\/li\u003e\n\u003cli\u003eEstimula a produção de colágeno e elastina por dentro.\u003c\/li\u003e\n\u003cli\u003eReduz a pigmentação e uniformiza o tom da pele.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-1\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eBakuchiol\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eA alternativa natural e segura ao retinol.\u003c\/li\u003e\n\u003cli\u003ePoderoso antioxidante que protege contra danos ambientais.\u003c\/li\u003e\n\u003cli\u003eReduz suavemente rugas e linhas finas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-2\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eTecnologia Elastic-Lipossoma\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eA embalagem inteligente entrega os ingredientes às camadas mais profundas.\u003c\/li\u003e\n\u003cli\u003eMelhora a absorção dos ingredientes ativos sem desperdício.\u003c\/li\u003e\n\u003cli\u003ePrevine irritações superficiais e aumenta a eficácia dos ingredientes.\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!-- 4. USAGE STEPS (Dark Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-dark\"\u003e\n\u003cdiv class=\"sbm-ambient\"\u003e\n\u003cdiv class=\"sbm-glow sbm-glow-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eComo usar (rotina segura e eficaz)\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003ePassos simples para introduzir o retinol na sua rotina de cuidados de forma eficaz e segura.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Some By Mi Retinol Results\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-Retinol-Intense-Reactivating-Serum.jpg?v=1745761071\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-steps sbm-reveal delay-2\"\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eLimpeza facial\u003c\/h4\u003e\n\u003cp\u003eLimpe suavemente a pele com um limpador adequado para remover impurezas e preparar os poros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eAplicação de toner\u003c\/h4\u003e\n\u003cp\u003eÉ preferível usar um tônico hidratante para preparar a pele e torná-la mais capaz de absorver o soro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eA quantidade certa\u003c\/h4\u003e\n\u003cp\u003eDistribua uma quantidade bem pequena (do tamanho de uma ervilha) na ponta dos dedos para evitar excesso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eDistribua delicadamente\u003c\/h4\u003e\n\u003cp\u003eEspalhe suavemente o soro no rosto, concentrando-se nas áreas de rugas e linhas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\" style=\"grid-column: 1 \/ -1; border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05);\"\u003e\n\u003cdiv class=\"sbm-step-num\" style=\"width: 40px; height: 40px; font-size: 1.2rem; margin-bottom: 10px;\"\u003e5\u003c\/div\u003e\n\u003ch4 style=\"color: var(--sbm-primary);\"\u003eUso gradual (muito importante)\u003c\/h4\u003e\n\u003cp style=\"max-width: 600px; margin: 0 auto;\"\u003eComece a usar o soro apenas uma ou duas vezes por semana (à noite).Em seguida, aumente gradualmente a frequência de acordo com a tolerância da pele. \u003cstrong style=\"color: var(--sbm-gold);\"\u003eProtetor solar deve ser usado durante o dia.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ 1. Scroll Reveal Animation\n const reveals = document.querySelectorAll('.sbm-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('sbm-active');\n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n reveals.forEach(el =\u003e observer.observe(el));\n\n \/\/ 2. Premium 3D Tilt Effect\n if (window.matchMedia(\"(hover: hover)\").matches) {\n const tiltCards = document.querySelectorAll('.sbm-media-wrapper');\n tiltCards.forEach(card =\u003e {\n const media = card.querySelector('.sbm-product-media');\n card.addEventListener('mousemove', e =\u003e {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n \n const rotateX = ((y - centerY) \/ centerY) * -4;\n const rotateY = ((x - centerX) \/ centerX) * 4;\n \n media.style.transform = `scale(1.03) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n });\n\n card.addEventListener('mouseleave', () =\u003e {\n media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n });\n });\n }\n\n \/\/ 3. Accordion Logic\n const accItems = document.querySelectorAll('.sbm-acc-header');\n accItems.forEach(item =\u003e {\n item.addEventListener('click', function() {\n const parent = this.parentElement;\n const isActive = parent.classList.contains('active');\n \n \/\/ Close all\n document.querySelectorAll('.sbm-acc-item').forEach(child =\u003e {\n child.classList.remove('active');\n });\n \n \/\/ Open clicked if it wasn't active\n if (!isActive) {\n parent.classList.add('active');\n }\n });\n });\n\n \/\/ Open first accordion item by default\n if(accItems.length \u003e 0) {\n setTimeout(() =\u003e {\n accItems[0].parentElement.classList.add('active');\n }, 500);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44230444875973,"sku":"","price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.jpg?v=1745760626"},{"product_id":"cosrx-advanced-snail-96-mucin","title":"COSRX Caracol Avançado 96 Mucin Power Essence - 100ml |Reparo de barreira de gel de caracol","description":"\u003cdiv class=\"cs-ultimate-container\" dir=\"ltr\" id=\"cosrx-snail-dossier\"\u003e\n\u003cstyle\u003e\n \/* ==========================================================================\n COSRX ADVANCED SNAIL 96 MUCIN POWER ESSENCE - SIMPLIFIED BENEFIT-DRIVEN COPY\n System Fonts Only (Zero External Webfont Imports)\n ========================================================================== *\/\n\n .cs-ultimate-container {\n --cs-bg-base: #050403;\n --cs-bg-surface: #0c0906;\n --cs-bg-card: rgba(18, 14, 10, 0.92);\n --cs-bg-card-hover: rgba(28, 22, 14, 0.98);\n\n \/* Style Settings *\/\n --cs-neon-gold: #ffd24a;\n --cs-amber-accent: #f5c518;\n --cs-neon-mint: #00e5a3;\n --cs-glow-gold: rgba(255, 210, 74, 0.45);\n --cs-glow-mint: rgba(0, 229, 163, 0.4);\n\n --cs-text-pure: #ffffff;\n --cs-border: rgba(245, 197, 24, 0.25);\n --cs-border-hover: rgba(255, 210, 74, 0.85);\n\n background-color: var(--cs-bg-base);\n color: var(--cs-text-pure);\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, 'Cairo', 'Tajawal', sans-serif;\n line-height: 1.8;\n width: 100%;\n max-width: 100%;\n position: relative;\n padding: 40px 0;\n border-radius: 24px;\n box-shadow: inset 0 0 120px rgba(245, 197, 24, 0.08);\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n }\n\n .cs-ultimate-container * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .neon-gold {\n color: var(--cs-neon-gold) !important;\n text-shadow: 0 0 10px var(--cs-glow-gold), 0 0 20px var(--cs-glow-gold);\n font-weight: 900;\n }\n\n .neon-mint {\n color: var(--cs-neon-mint) !important;\n text-shadow: 0 0 10px var(--cs-glow-mint), 0 0 20px var(--cs-glow-mint);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n \/* Style Settings *\/\n .cs-ultimate-container img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 18px;\n display: block;\n margin-left: auto !important;\n margin-right: auto !important;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(245, 197, 24, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .cs-img-md {\n max-width: 650px !important;\n width: 100%;\n margin-left: auto !important;\n margin-right: auto !important;\n display: block;\n text-align: center;\n }\n\n .cs-container {\n max-width: 940px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n }\n\n .cs-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .cs-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(110px);\n opacity: 0.32;\n animation: csOrbFloat 18s infinite alternate ease-in-out;\n pointer-events: none;\n }\n\n .cs-orb-1 {\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(245, 197, 24, 0.22) 0%, transparent 70%);\n top: -100px; right: -120px;\n }\n\n .cs-orb-2 {\n width: 550px; height: 550px;\n background: radial-gradient(circle, rgba(0, 229, 163, 0.16) 0%, transparent 70%);\n bottom: 15%; left: -140px;\n animation-delay: -6s;\n }\n\n @keyframes csOrbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 80px) scale(1.15); }\n }\n\n .cs-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(245, 197, 24, 0.45);\n word-wrap: break-word;\n }\n\n .cs-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .cs-section-title::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--cs-glow-gold);\n letter-spacing: 0.5px;\n }\n\n .cs-gold-dot {\n width: 8px; height: 8px;\n background: var(--cs-neon-gold);\n border-radius: 50%;\n box-shadow: 0 0 10px var(--cs-neon-gold);\n display: inline-block;\n }\n\n .cs-sub-text {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 840px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--cs-amber-accent);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(245, 197, 24, 0.08));\n border-radius: 12px 0 0 12px;\n text-align: left;\n }\n\n .cs-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-amber-accent), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.92), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n text-align: left;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-width: 0;\n word-break: break-word;\n }\n\n .cs-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-icon-wrap {\n width: 52px; height: 52px;\n background: rgba(8, 6, 4, 0.9);\n border: 1.5px solid rgba(245, 197, 24, 0.35);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 16px;\n color: var(--cs-neon-gold);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(245, 197, 24, 0.15);\n flex-shrink: 0;\n }\n\n .cs-card:hover .cs-icon-wrap {\n transform: scale(1.1) rotate(-5deg);\n background: var(--cs-amber-accent);\n color: #050403;\n border-color: transparent;\n box-shadow: 0 0 25px var(--cs-neon-gold);\n }\n\n .cs-icon-wrap svg {\n width: 26px; height: 26px;\n }\n\n .cs-card h3 {\n font-size: 1.25rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .cs-card p {\n color: #ffffff;\n font-size: 1rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-ingredient-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.14);\n border: 1px solid var(--cs-amber-accent);\n color: var(--cs-neon-gold);\n padding: 5px 14px;\n border-radius: 8px;\n font-size: 0.92rem;\n font-weight: 800;\n margin-bottom: 12px;\n box-shadow: 0 0 12px rgba(245, 197, 24, 0.2);\n width: fit-content;\n max-width: 100%;\n white-space: normal;\n word-break: break-word;\n }\n\n .cs-ingredient-tag.mint {\n background: rgba(0, 229, 163, 0.14);\n border-color: var(--cs-neon-mint);\n color: var(--cs-neon-mint);\n box-shadow: 0 0 12px rgba(0, 229, 163, 0.25);\n }\n\n .cs-glass-box {\n background: var(--cs-bg-card);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--cs-border);\n border-radius: 20px;\n padding: 35px 25px;\n margin: 35px auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n position: relative;\n max-width: 880px;\n width: 100%;\n }\n\n .cs-glass-box::before {\n content: '';\n position: absolute;\n top: 0; right: 0; width: 4px; height: 100%;\n background: linear-gradient(180deg, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-neon-mint), transparent);\n }\n\n .cs-glass-box p, \n .cs-glass-box li {\n color: #ffffff;\n font-size: 1.12rem;\n font-weight: 600;\n line-height: 1.85;\n }\n\n .cs-dilemma-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: left;\n }\n\n .cs-dilemma-card {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(--cs-border);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-dilemma-card.conflict {\n border-right: 4.5px solid #ff4444;\n background: linear-gradient(145deg, rgba(35, 10, 12, 0.85), rgba(12, 4, 6, 0.95));\n }\n\n .cs-dilemma-card.harmony {\n border-right: 4.5px solid var(--cs-neon-gold);\n background: linear-gradient(145deg, rgba(28, 22, 12, 0.85), rgba(12, 10, 6, 0.95));\n }\n\n .cs-dilemma-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 10px;\n line-height: 1.4;\n }\n\n .cs-dilemma-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-spa-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: left;\n }\n\n .cs-spa-card {\n background: linear-gradient(145deg, rgba(24, 18, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-right: 4.5px solid var(--cs-amber-accent);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-spa-card:hover {\n transform: translateY(-5px);\n border-right-color: var(--cs-neon-gold);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(245, 197, 24, 0.2);\n }\n\n .cs-spa-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 8px;\n line-height: 1.4;\n }\n\n .cs-spa-card p {\n color: #ffffff;\n font-size: 0.96rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-science-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-science-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.94), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n text-align: left;\n transition: all 0.4s ease;\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-width: 0;\n }\n\n .cs-science-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-science-card h4 {\n font-size: 1.3rem;\n color: #ffffff;\n font-weight: 900;\n margin-bottom: 6px;\n }\n\n .cs-science-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n margin-bottom: 14px;\n }\n\n .cs-science-card ul {\n list-style: none;\n padding: 0;\n }\n\n .cs-science-card li {\n position: relative;\n padding-right: 20px;\n margin-bottom: 8px;\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.6;\n font-weight: 500;\n }\n\n .cs-science-card li::before {\n content: '✓';\n position: absolute;\n right: 0; top: 0;\n color: var(--cs-neon-gold);\n font-weight: 900;\n }\n\n .cs-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-stat-box {\n background: rgba(18, 14, 10, 0.9);\n border: 1.5px solid var(--cs-border);\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-stat-box:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .cs-stat-num {\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .cs-stat-title {\n color: #ffffff;\n font-size: 1.08rem;\n font-weight: 800;\n margin-bottom: 4px;\n }\n\n .cs-stat-desc {\n color: #ffffff;\n font-size: 0.85rem;\n opacity: 0.95;\n line-height: 1.5;\n }\n\n .cs-timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-timeline-card {\n background: rgba(18, 14, 10, 0.88);\n border: 1px solid var(--cs-border);\n border-top: 4px solid var(--cs-neon-gold);\n border-radius: 16px;\n padding: 22px 16px;\n text-align: left;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-timeline-card:hover {\n transform: translateY(-6px);\n border-top-color: var(--cs-neon-mint);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-timeline-badge {\n display: inline-block;\n background: rgba(245, 197, 24, 0.14);\n color: var(--cs-neon-gold);\n font-weight: 900;\n padding: 4px 14px;\n border-radius: 20px;\n margin-bottom: 12px;\n font-size: 0.9rem;\n border: 1px solid var(--cs-border);\n white-space: nowrap;\n }\n\n .cs-timeline-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-value-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-value-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 18px;\n text-align: left;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-value-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .cs-value-num {\n width: 44px; height: 44px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin-bottom: 14px;\n }\n\n .cs-value-card h3 {\n font-size: 1.2rem;\n font-weight: 900;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .cs-value-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-step-card {\n background: rgba(18, 14, 10, 0.85);\n border: 1.5px dashed var(--cs-border);\n padding: 24px 16px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-step-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #2b220e, #0c0a06);\n border: 2px solid var(--cs-amber-accent);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin: 0 auto 14px;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-step-card h4 {\n color: var(--cs-neon-gold);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .cs-step-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-gold-btn {\n display: inline-block;\n background: linear-gradient(135deg, var(--cs-amber-accent), #ffe680, var(--cs-amber-accent));\n color: #000000 !important;\n padding: 16px 48px;\n border-radius: 40px;\n text-decoration: none;\n font-weight: 900;\n font-size: 1.25rem;\n box-shadow: 0 8px 30px rgba(245, 197, 24, 0.35);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n margin-top: 25px;\n }\n\n .cs-gold-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 12px 40px rgba(255, 210, 74, 0.6);\n background: linear-gradient(135deg, #ffffff, var(--cs-neon-gold));\n }\n\n .cs-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .cs-reveal.cs-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .cs-delay-1 { transition-delay: 0.12s; }\n .cs-delay-2 { transition-delay: 0.24s; }\n\n @media (max-width: 768px) {\n .cs-ultimate-container { padding: 25px 0; }\n .cs-container { padding: 0 14px !important; }\n .cs-glass-box { padding: 22px 14px !important; }\n .cs-img-md { max-width: 100% !important; }\n\n .cs-benefits-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n width: 100% !important;\n }\n\n .cs-benefits-grid .cs-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap svg {\n width: 20px !important;\n height: 20px !important;\n }\n\n .cs-benefits-grid .cs-card h3 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .cs-benefits-grid .cs-ingredient-tag {\n font-size: 0.72rem !important;\n padding: 3px 6px !important;\n margin-bottom: 6px !important;\n line-height: 1.25 !important;\n border-radius: 6px !important;\n }\n\n .cs-benefits-grid .cs-card p {\n font-size: 0.8rem !important;\n line-height: 1.5 !important;\n }\n\n .cs-dilemma-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-spa-card h4 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.35 !important;\n }\n\n .cs-spa-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-dilemma-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-dilemma-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 6px !important;\n }\n\n .cs-dilemma-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-science-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-science-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 2px !important;\n }\n\n .cs-science-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-card li {\n font-size: 0.74rem !important;\n padding-right: 16px !important;\n }\n\n .cs-stats-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-stat-box:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-stat-box {\n padding: 16px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-stat-num {\n font-size: 30px !important;\n }\n\n .cs-stat-title {\n font-size: 0.85rem !important;\n }\n\n .cs-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-timeline-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-timeline-badge {\n font-size: 0.75rem !important;\n padding: 3px 8px !important;\n margin-bottom: 8px !important;\n }\n\n .cs-timeline-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-value-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-value-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-value-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-value-num {\n width: 36px !important;\n height: 36px !important;\n font-size: 1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-value-card h3 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-value-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-step-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-step-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-title-glow { font-size: 24px; }\n .cs-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"cs-ambient-bg\"\u003e\n\u003cdiv class=\"cs-orb cs-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cs-orb cs-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cheader class=\"cs-reveal cs-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"cs-badge\"\u003e\n\u003cspan class=\"cs-gold-dot\"\u003e\u003c\/span\u003e O soro milagroso número 1 do mundo para o rejuvenescimento da pele\n \u003c\/div\u003e\n\u003ch2 style=\"font-size: 1.25rem; color: var(--cs-amber-accent); margin-bottom: 12px; font-weight: 800;\"\u003eO segredo para limpar a pele é como as espinhas e tratar os efeitos das espinhas que enlouqueceram no mundo\u003c\/h2\u003e\n\u003ch1 class=\"cs-title-glow\"\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/h1\u003e\n\u003cp class=\"cs-sub-text pure-white\"\u003e\n Imagine um produto que trata o ressecamento, apaga os efeitos das espinhas e dá frescor desde o primeiro uso!Graças à concentração \u003cstrong class=\"neon-gold\"\u003eExtrato de caracol 96,3% puro\u003c\/strong\u003eA sua pele absorverá hidratação e será renovada por dentro, sem qualquer sensação oleosa ou pegajosa.\n \u003c\/p\u003e\n\u003c!-- Hero Product Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"COSRX Advanced Snail 96 Mucin Power Essence\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/corsx_advanced_music_snail_power_essence_3_eb53c868-f156-48b5-ad8f-5032a08bfec7.png\"\/\u003e\n\u003c\/div\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#cs-buy\" onclick=\"document.getElementById('cs-buy').scrollIntoView({behavior: 'smooth'}); return false;\"\u003eComece sua jornada de brilho da pele agora\u003c\/a\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 1.5. Fun Fact Hook: Global Luxury Snail Spas --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003cdiv class=\"cs-badge\" style=\"border-color: var(--cs-neon-mint); background: rgba(0, 229, 163, 0.12);\"\u003e\n\u003cspan class=\"cs-gold-dot\" style=\"background: var(--cs-neon-mint); box-shadow: 0 0 10px var(--cs-neon-mint);\"\u003e\u003c\/span\u003e Informações cosméticas que nem todo mundo conhece\n \u003c\/div\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 10px;\"\u003ePor que os salões de beleza mais caros do mundo usam caracóis?\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 800; margin-bottom: 20px;\"\u003eDeixe-me contar por que as pessoas ricas pagam centenas de dólares por sessão.\u003c\/p\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"text-align: left;\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.85; margin-bottom: 20px;\"\u003e\n Nos mais famosos centros de beleza de luxo do mundo, notaram que os trabalhadores das fazendas de caracóis têm mãos muito macias e estão completamente livres de rugas e feridas, e doem a uma velocidade estranha!Assim, iniciaram-se as sessões de tratamento de pele com caracóis.\n \u003c\/p\u003e\n\u003cdiv class=\"cs-spa-grid\"\u003e\n\u003cdiv class=\"cs-spa-card\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eO segredo do frescor instantâneo\u003c\/h4\u003e\n\u003cp\u003eAs secreções do caracol tratam os danos à pele muito rapidamente e restauram a elasticidade e o brilho natural que você vê na pele das celebridades.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003eUma alternativa natural ao colágeno\u003c\/h4\u003e\n\u003cp\u003eEssa secreção é repleta de vitaminas e substâncias que apertam o rosto e reduzem rugas e linhas de expressão, como se você tivesse feito um filtro natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-gold);\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eEle se trata\u003c\/h4\u003e\n\u003cp\u003eO caracol secreta essa substância para tratar suas feridas em minutos. Então imagine o que essa substância fará com as espinhas e cicatrizes que estão prestes a surgir!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003eCosrx trouxe o spa até você\u003c\/h4\u003e\n\u003cp\u003eEm vez de gastar milhares de dólares em uma sessão, a Cosrx colocou o extrato puro e estéril em um frasco que você pode usar todos os dias em sua casa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. The Problem: The Barrier \u0026 Aging Dilemma Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003ePor que hidratantes regulares não funcionam para você?\u003c\/h2\u003e\n\u003cdiv class=\"cs-glass-box\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px; text-align: left;\"\u003e\n Os hidratantes regulares ficam na parte externa da pele, mas quando sua pele está estressada e tem marcas de espinhas, você precisa \u003cstrong class=\"neon-gold\"\u003eNutrição poderosa que penetra profundamente na pele\u003c\/strong\u003e:\n \u003c\/p\u003e\n\u003cdiv class=\"cs-dilemma-grid\"\u003e\n\u003cdiv class=\"cs-dilemma-card conflict\"\u003e\n\u003ch4 style=\"color: #ff5555;\"\u003eHidratantes tradicionais\u003c\/h4\u003e\n\u003cp\u003eEle hidrata apenas por fora, podendo obstruir os poros e causar espinhas, e assim que você lavar o ressecamento voltará, como se você não tivesse feito nada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-dilemma-card harmony\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eEssência de caracol 96%\u003c\/h4\u003e\n\u003cp\u003eEntra nas camadas da pele em segundos, trata o ressecamento desde a raiz, preenche rugas e repara a pele danificada, conferindo às mãos um frescor real e duradouro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. Comprehensive Benefits Grid --\u003e\n\u003csection class=\"cs-reveal\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eBenefícios biológicos diretos do produto\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eO que as gotas de essência farão na sua pele?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; max-width: 820px; margin: 0 auto;\"\u003e\n Cada resultado que você vê no espelho tem um ingrediente natural poderoso e eficaz por trás dele:\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eApaga os efeitos de espinhas e cicatrizes\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eExtrato de caracol 96,3%\u003c\/div\u003e\n\u003cp\u003eUm tratamento rápido para as covas e vestígios de espinhas antigas, para que voltem límpidas, com textura lisa e livres de manchas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"cs-card cs-delay-1\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003ePreenchimento e hidratação instantânea do rosto\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eÁcido hialurônico puro\u003c\/div\u003e\n\u003cp\u003eEle atrai água para a pele para preencher as linhas finas e dar às mãos uma aparência preenchida, saudável e hidratada durante todo o dia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"cs-card cs-delay-2\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2a9 9 0 0 1 9 9c0 4.97-4.03 9-9 9A9 9 0 0 1 3 11a9 9 0 0 1 9-9z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 22V12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eAlivia a vermelhidão e a inflamação\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003ePantenol calmante\u003c\/div\u003e\n\u003cp\u003eSe a sua pele estiver sensível ou inflamada pelo sol ou por espinhas, ele irá acalmá-la e eliminar qualquer vermelhidão ou coceira em poucos minutos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eAperta a pele e previne rugas\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eColágeno natural\u003c\/div\u003e\n\u003cp\u003eFortalece a pele e restaura a sua elasticidade, tornando-a mais firme e jovem, e retarda o aparecimento dos sinais de envelhecimento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"cs-card cs-delay-1\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eIlumine e unifique a cor do rosto\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003eRegeneração celular natural\u003c\/div\u003e\n\u003cp\u003eRemove o opacidade e esfolia suavemente as células mortas, iluminando e devolvendo a sua cor natural e uniforme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"cs-card cs-delay-2\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eNutrição profunda para os poros\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eVitaminas nutritivas\u003c\/div\u003e\n\u003cp\u003eEntrega vitaminas às camadas mais profundas da pele, tornando-a saudável e resistente a novos problemas e espinhas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Simplified Science Section --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eO segredo por trás do produto\u003c\/h3\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003eComo esta essência trata a sua pele?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Science Visual Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"Science behind COSRX Snail Mucin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_snail_treatment.webp\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-science-grid\"\u003e\n\u003c!-- BIO 01 --\u003e\n\u003cdiv class=\"cs-science-card\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-gold\"\u003e1. Regeneração de células danificadas\u003c\/h4\u003e\n\u003cp\u003eA fórmula do caracol sinaliza às células da pele que elas estão construindo novo colágeno rapidamente, e é isso que faz com que as espinhas cicatrizem e a pele volte a ficar lisa e firme em tempo recorde.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAcelera a cicatrização de espinhas novas e antigas.\u003c\/li\u003e\n\u003cli\u003eFaz com que a pele volte à sua elasticidade natural.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIO 02 --\u003e\n\u003cdiv class=\"cs-science-card cs-delay-1\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-mint\"\u003e2. A hidratação não evapora\u003c\/h4\u003e\n\u003cp\u003eA combinação do extrato de caracol com ácido hialurônico cria um escudo protetor que retém a água em seu interior, para que permaneça úmido e brilhante o dia todo, não importa quão seco esteja o tempo ou se você estiver no ar condicionado.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSua pele absorve em segundos e não limpa os poros.\u003c\/li\u003e\n\u003cli\u003eBrilho e frescor que acompanha você o dia todo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Clinical Numerical Results Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003cdiv style=\"margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eResultados em números\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eNúmeros reais das experiências de meninas em todo o mundo\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stats-grid\"\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-mint\"\u003e+74%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eHidratação e suavidade instantâneas\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eDesde o primeiro toque na sua pele\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e-68%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eRedução dos efeitos dos comprimidos\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eApós 4 semanas de uso\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e+82%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eFortalecendo a barreira da pele\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eProteção mais forte contra novas espinhas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e96.3%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003ePorcentagem de pureza natural\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eA maior porcentagem de extrato de caracol do mundo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e4.8 \/ 5\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eExcelente classificação\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eCom milhões de experiências reais\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Timeline Transformation Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eJornada de mudança\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eO que acontecerá com sua pele depois de usá-lo?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-grid\"\u003e\n\u003cdiv class=\"cs-timeline-card\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003eDesde o primeiro uso\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eSuavidade e brilho instantâneos\u003c\/h4\u003e\n\u003cp\u003eSua pele absorve em segundos, não fica pegajosa e a textura fica bem lisa e luminosa por toda parte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003eA primeira semana\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eAcalma e conforta a pele\u003c\/h4\u003e\n\u003cp\u003eA vermelhidão desaparece e as crostas ou secura ao redor da boca e das narinas desaparecem completamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-amber-accent); border-color: var(--cs-amber-accent);\"\u003eA terceira semana\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eAliviar os efeitos das espinhas\u003c\/h4\u003e\n\u003cp\u003eAs manchas escuras começam a clarear, a textura da pele fica mais uniforme e as linhas finas são bastante reduzidas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003eO segundo mês e contando\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003ePele clara como Azaz\u003c\/h4\u003e\n\u003cp\u003eFrescura duradoura, forte barreira cutânea e confiança que lhe permitirão dispensar maquilhagem e desfrutar da sua beleza natural!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Value Proposition Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eA escolha mais acessível e inteligente para a sua beleza\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eEconomias e benefícios que certamente economizarão muitos produtos\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Value Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n\u003cimg alt=\"COSRX Snail Mucin Value\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_96.webp\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-grid\"\u003e\n\u003cdiv class=\"cs-value-card\"\u003e\n\u003cdiv class=\"cs-value-num\"\u003e100\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eUm tamanho grande que durará meses\u003c\/h3\u003e\n\u003cp\u003eA embalagem de 100 ml é suficiente para 3 a 5 meses de uso diário.Apenas duas gotas são suficientes para todo o rosto e pescoço.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-gold); border-color: var(--cs-neon-gold);\"\u003e2in1\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eIsso economiza seu dinheiro e tempo\u003c\/h3\u003e\n\u003cp\u003eNão preciso comprar um sérum hidratante e outro sérum para tratar espinhas...ambos em um frasco muito poderoso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003e100%\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eMuito natural e seguro\u003c\/h3\u003e\n\u003cp\u003eSem odores irritantes ou álcool, seca e é facilmente extraído.É extraído sem causar danos aos caracóis e é adequado para peles sensíveis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003eComo usar para resultados rápidos\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.2rem; font-weight: 800;\"\u003ePassos simples para que a sua pele beneficie de cada gota\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-steps-grid\"\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eLimpador e toner\u003c\/h4\u003e\n\u003cp\u003eLave o rosto, aplique toner e deixe a pele um pouco fresca para que a essência seja absorvida melhor e mais rápido.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eApenas dois pontos\u003c\/h4\u003e\n\u003cp\u003eFaça uma ou duas pressões generosas na mão e distribua-as suavemente no pescoço e nuca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eGordura leve\u003c\/h4\u003e\n\u003cp\u003eAplique com muito conforto até que a pele absorva tudo, depois aplique o creme hidratante normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"margin-top: 30px; text-align: center;\"\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px;\"\u003eConselhos de especialistas para o resultado mágico:\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"margin: 0; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-mint\"\u003eO segredo está na água!\u003c\/strong\u003e Aplique sempre com a pele ligeiramente úmida, nunca sobre a pele completamente seca.Isto permite que o ácido hialurónico e o extrato de caracol atraiam água profundamente para as células e dupliquem a hidratação e a frescura de uma forma que você não acreditaria!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 9. Technical INCI List --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"direction: ltr; text-align: left; word-break: break-word;\"\u003e\n\u003ch3 style=\"color: var(--cs-amber-accent); margin-bottom: 14px; font-size: 1.2rem; direction: ltr; text-align: left; font-weight: 800;\"\u003e\n Lista de ingredientes (INCI)\n \u003c\/h3\u003e\n\u003cp style=\"font-family: monospace; font-size: 0.9rem; line-height: 1.8; color: #ffffff;\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eSnail Secretion Filtrate (96.3%)\u003c\/strong\u003e, Betaine, Butylene Glycol, 1,2-Hexanediol, \u003cstrong class=\"neon-gold\"\u003eSodium Hyaluronate (1,000 ppm)\u003c\/strong\u003e, Panthenol, \u003cstrong class=\"neon-mint\"\u003eAllantoin\u003c\/strong\u003e, Phenoxyethanol, Ethyl Hexanediol, Carbomer, \u003cstrong class=\"neon-gold\"\u003eArginine\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003cdiv style=\"margin-top: 14px; text-align: left; direction: ltr;\"\u003e\n\u003cp style=\"color: #ffffff; font-size: 0.9rem; font-weight: 600;\"\u003e\n * Fórmula 100% pura, totalmente livre de fragrâncias sintéticas, álcool forte, parabenos e óleos minerais.Ideal para todos os tipos de pele, mesmo sensíveis e com tendência a acne.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 10. Final High-Converting CTA --\u003e\n\u003csection class=\"cs-reveal\" id=\"cs-buy\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(20, 16, 12, 0.95) 0%, rgba(6, 4, 3, 0.98) 100%); border-radius: 24px; border: 2px solid var(--cs-amber-accent); box-shadow: 0 20px 60px rgba(245, 197, 24, 0.25);\"\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px; letter-spacing: 0.5px;\"\u003eEncomende a essência original agora\u003c\/p\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n Dê à sua pele a chance de ser seriamente renovada e iluminada novamente\n \u003c\/h2\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 25px auto;\"\u003e\n\u003cimg alt=\"COSRX Advanced Snail 96 Mucin Power Essence\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/corsx_advanced_music_snail_power_essence_3.jpg\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003e\n Em vez de desperdiçar seu dinheiro em cremes hidratantes superficiais que deixam cicatrizes e ressecamento como estão, experimente o poder do extrato puro de caracol, que mudou a aparência da pele de milhões de meninas em todo o mundo.\n \u003c\/p\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eEncomende agora e comece a rotina\u003c\/a\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const reveals = document.querySelectorAll('.cs-reveal');\n \n const observerOptions = {\n root: null,\n threshold: 0.08,\n rootMargin: \"0px 0px -40px 0px\"\n };\n\n const scrollObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('cs-active');\n observer.unobserve(entry.target); \n }\n });\n }, observerOptions);\n\n reveals.forEach(el =\u003e {\n scrollObserver.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e\n```eof","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44252532965573,"sku":"","price":1240.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_egypt.jpg?v=1759353797"},{"product_id":"cosrx-hyaluronic3","title":"Ácido Hialurônico Cosrx 3% |Ceramidas |Fatores hidratantes naturais |Hidratante para a pele |Preenchimento de rugas","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: ltr;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 1.9rem;\n text-align: left;\n }\n\n .product-description h3 {\n font-size: 1.6rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-description strong {\n color: #9C8102;\n }\n\n .product-description ul {\n padding-right: 20px;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 0.8em;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border-right: 4px solid #9C8102;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .feature-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n \/* Info blocks *\/\n .info-block {\n background: #fcfcfc;\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n border-right: 4px solid #ebebeb;\n transition: transform 0.3s ease;\n }\n\n .info-block:hover {\n transform: translateX(-5px);\n }\n\n .info-title {\n color: #9C8102;\n margin-bottom: 15px;\n font-weight: bold;\n font-size: 1.3rem;\n }\n\n \/* Highlight block *\/\n .highlight-block {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n text-align: center;\n }\n\n .highlight-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Illustration *\/\n .penetration-chart {\n width: 100%;\n height: 250px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n padding: 20px;\n margin: 30px 0;\n position: relative;\n }\n\n .skin-layers {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n .skin-layer {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n position: relative;\n }\n\n .epidermis {\n background: linear-gradient(to bottom, #f7d6c3, #e6c3b0);\n border-radius: 8px 8px 0 0;\n }\n\n .dermis {\n background: linear-gradient(to bottom, #e6c3b0, #d5a997);\n }\n\n .hypodermis {\n background: linear-gradient(to bottom, #d5a997, #c1937f);\n border-radius: 0 0 8px 8px;\n }\n\n .penetration-arrow {\n position: absolute;\n top: 10%;\n right: 50%;\n height: 80%;\n width: 4px;\n background: #9C8102;\n z-index: 2;\n }\n\n .penetration-arrow::before {\n content: '';\n position: absolute;\n bottom: -10px;\n right: -8px;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 15px solid #9C8102;\n }\n\n .penetration-label {\n position: absolute;\n top: 50%;\n right: 30%;\n transform: translateY(-50%);\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n }\n\n .layer-label {\n position: absolute;\n right: 10px;\n color: #333;\n font-weight: bold;\n }\n\n \/* Usage steps *\/\n .usage-steps {\n margin: 2em 0;\n }\n\n .step {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n transition: transform 0.3s ease;\n }\n\n .step:hover {\n transform: translateX(-5px);\n }\n\n .step-number {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\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-text {\n flex-grow: 1;\n }\n\n \/* Call to action *\/\n .cta-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-title {\n color: black;\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_2.webp?v=1745676258\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eO desafio da desidratação começa aqui: pele hidratada, firme e brilhante\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eA sua pele clama para perder a frescura e cada dia que passa sem tratamento torna o problema mais profundo e mais difícil de reverter.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eVocê sabia que as rugas prematuras não são apenas uma mudança natural?Pelo contrário, é uma evidência de uma deterioração na barreira vital de hidratação da pele.Estas linhas não são apenas marcas de passagem;São avisos de que sua pele está começando a perder a capacidade de reter umidade e elasticidade.A cada dia que passa sem uma hidratação eficaz, essas marcas ficam mais profundas e mais difíceis de tratar.Lembre-se, as rugas começam a aparecer quando a pele não tem os devidos cuidados;Qualquer falta de hidratação pode se transformar em linhas e rugas que não desaparecem facilmente.Dê à sua pele a força necessária com ácido hialurônico e restaure sua vitalidade antes que seja tarde demais.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Application\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_1.webp?v=1745676253\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eUma inovação que vai além dos hidratantes tradicionais:\u003c\/h3\u003e\n\u003cp\u003eA maioria dos produtos apenas hidrata, mas este soro funciona como:\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eUm reformador natural\u003c\/div\u003e\n\u003cp\u003eRestaura a barreira protetora da pele, tornando-a mais forte e resistente aos danos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eMelhorador de textura da pele\u003c\/div\u003e\n\u003cp\u003eRemove a textura áspera da pele deixando-a suave e sedosa após o primeiro uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eCombate a desidratação crônica\u003c\/div\u003e\n\u003cp\u003eTrata o ressecamento nas raízes ao mesmo tempo que proporciona proteção duradoura que dura horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eUma sensação luxuosa a cada uso:\u003c\/h3\u003e\n\u003cp\u003eSua textura única é diferente de qualquer produto que você já experimentou.A fórmula é leve, de fácil absorção, mas envolve a pele em uma manta de maciez e conforto que dura o dia todo.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Close Up\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_3_05420fce-d269-44ac-b8e0-116910c16bbc.webp?v=1745676300\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eO que torna o Creme Intensivo de Ácido Hialurônico COSRX especial?\u003c\/h2\u003e\n\u003c!-- First Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e1. Poderosa Mistura de NMF (Complexo de Aminoácidos):\u003c\/h3\u003e\n\u003cp\u003eOs Fatores Hidratantes Naturais (NMF) incluem um grupo de aminoácidos que imitam os elementos naturais encontrados na pele, que atuam para:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratar profundamente a pele:\u003c\/strong\u003e Os aminoácidos ajudam a pele a reter água, conferindo-lhe frescura e elasticidade naturais.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReparando a barreira cutânea:\u003c\/strong\u003e Este composto aumenta a capacidade da pele de proteger contra agressores ambientais e ressecamento.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaior suavidade:\u003c\/strong\u003e Com o uso regular, reduz a textura áspera da pele e reequilibra os níveis naturais de hidratação.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Second Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e2. Ceramidas: o último baluarte entre a pele e os fatores de envelhecimento\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eQuando a barreira cutânea se rompe, a sua pele inicia uma jornada irreversível em direção ao ressecamento e à perda de brilho.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSem uma barreira forte, todos os inimigos da sua pele irão invadi-la impiedosamente. \u003c\/strong\u003eA pele normal contém \u003cstrong\u003eCeramidas\u003c\/strong\u003e Como parte essencial da barreira protetora que retém a umidade e evita sua perda.\u003c\/p\u003e\n\u003cp\u003eQuando estas ceramidas são perdidas, leva ao colapso da barreira cutânea, perda de hidratação e frescura, e expõe a pele a factores ambientais que causam o envelhecimento.Sem este apoio, a pele transforma-se num campo de batalha, onde os sinais de stress e envelhecimento se aceleram.Isso deixará sua pele exposta e vulnerável a danos?\u003c\/p\u003e\n\u003cp\u003eO soro contém uma alta concentração de ceramidas que ajudarão a pele a restaurar seu escudo protetor e evitarão que agentes nocivos penetrem nas camadas mais profundas da pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Penetration Depth Section --\u003e\n\u003cdiv class=\"highlight-block\"\u003e\n\u003ch3 class=\"highlight-title\"\u003e3. Hidratar até 2,5 ml abaixo da superfície da pele\u003c\/h3\u003e\n\u003cp\u003eA fórmula utiliza uma poderosa concentração de ácido hialurônico que hidrata profundamente todas as camadas da pele, atingindo uma profundidade insuperável em todos os hidratantes.Esta fórmula penetra nas células mais profundas da pele para proporcionar uma hidratação eficaz em todos os níveis da pele.\u003c\/p\u003e\n\u003c!-- Skin Penetration Visualization --\u003e\n\u003cdiv class=\"penetration-chart\"\u003e\n\u003cdiv class=\"skin-layers\"\u003e\n\u003cdiv class=\"skin-layer epidermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eEpiderme externa\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer dermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eDerme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer hypodermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eSob a derme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"penetration-arrow\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"penetration-label\"\u003eProfundidade de penetração: 2,5 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Skin Benefits\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_1600_x_1200_px.jpg?v=1734291139\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3.jpg?v=1745676384\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCada gota reconstrói sua pele por dentro\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUma pequena gota... um enorme impacto: hidratação completa da pele com apenas uma pequena quantidade\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eGraças à fórmula do soro hialurônico da COSRX, você só precisa de uma pequena quantidade para cobrir todo o rosto.A fórmula concentrada e eficaz funciona de forma inteligente para distribuir a hidratação profundamente em todas as camadas da pele, proporcionando resultados visíveis sem desperdiçar produto.\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003ch3\u003eComo usar:\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpe bem a pele com um limpador adequado ao seu tipo de pele\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplique algumas gotas de soro na pele limpa e levemente úmida\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eEspalhe suavemente o soro usando as pontas dos dedos em movimentos circulares suaves\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eEm seguida, aplique um creme hidratante para reter a umidade na pele (opcional)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eUse o soro duas vezes ao dia, de manhã e à noite, para obter melhores resultados\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch3 class=\"cta-title\"\u003eCOSRX Hyaluronic Acid Intensive Cream\u003c\/h3\u003e\n\u003cp\u003eA solução ideal para peles com sede de hidratação profunda e frescura contínua\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTraga sua pele de volta à vida agora!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompre agora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to feature cards when they come into view\n observeElements(document.querySelectorAll('.feature-card'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info blocks when they come into view\n observeElements(document.querySelectorAll('.info-block'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to steps when they come into view\n observeElements(document.querySelectorAll('.step'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to highlight block when it comes into view\n observeElements(document.querySelectorAll('.highlight-block'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n \n \/\/ Animate the penetration arrow after the block appears\n setTimeout(() =\u003e {\n const arrow = element.querySelector('.penetration-arrow');\n if (arrow) {\n arrow.style.height = '0%';\n arrow.style.transition = 'height 1.5s ease';\n \n setTimeout(() =\u003e {\n arrow.style.height = '80%';\n }, 300);\n }\n }, 300);\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44297342386373,"sku":"INSTA055008CHIQ","price":1020.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1734295431"},{"product_id":"cosrx-niacinamide-serum","title":"Cosrx Niacinamida 15% |Especialista em Poros |iluminar |Óleos reguladores","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: ltr;\n }\n\n \/* Typography *\/\n .product-description h2 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h2::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-description strong {\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Featured section *\/\n .featured-section {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n }\n\n .featured-title {\n color: #9C8102;\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n\n \/* Benefits section *\/\n .benefits-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 2em 0;\n }\n\n .benefit-card {\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .benefit-icon {\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background-color: #9C8102;\n color: white;\n font-size: 1.8rem;\n margin: 0 auto 15px;\n }\n\n .benefit-content {\n padding: 25px;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: bold;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n text-align: center;\n }\n\n \/* Before\/After comparison *\/\n .comparison-container {\n position: relative;\n width: 100%;\n margin: 2em 0;\n border-radius: 15px;\n overflow: hidden;\n }\n\n .comparison-image {\n width: 100%;\n display: block;\n border-radius: 15px;\n }\n\n \/* Percentage indicator *\/\n .percentage-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 3em 0;\n }\n\n .percentage-circle {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n background: conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n .percentage-circle::before {\n content: '';\n position: absolute;\n width: 130px;\n height: 130px;\n border-radius: 50%;\n background-color: white;\n }\n\n .percentage-text {\n position: relative;\n z-index: 1;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n }\n\n .percentage-label {\n margin-right: 20px;\n font-size: 1.2rem;\n color: #333;\n flex: 1;\n }\n\n \/* Info sections *\/\n .info-section {\n margin: 3em 0;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border-right: 5px solid #9C8102;\n transition: transform 0.3s ease;\n }\n\n .info-section:hover {\n transform: translateX(-5px);\n }\n\n \/* Usage section *\/\n .usage-section {\n margin: 3em 0;\n }\n\n .usage-title {\n color: #9C8102;\n font-size: 1.5rem;\n margin-bottom: 20px;\n }\n\n .usage-steps {\n display: flex;\n justify-content: space-between;\n position: relative;\n margin: 40px 0;\n }\n\n .usage-steps::before {\n content: '';\n position: absolute;\n top: 25px;\n right: 0;\n left: 0;\n height: 2px;\n background-color: rgba(156, 129, 2, 0.3);\n z-index: -1;\n }\n\n .usage-step {\n text-align: center;\n position: relative;\n width: 120px;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: #9C8102;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.3rem;\n margin: 0 auto 15px;\n }\n\n .step-text {\n font-size: 0.95rem;\n color: #555;\n }\n\n \/* Call to action *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 3em 0 1em;\n }\n\n .cta-container h2 {\n color: white;\n margin-bottom: 20px;\n }\n\n .cta-container h2::after {\n background-color: white;\n margin: 10px auto;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Highlight box *\/\n .highlight-box {\n background: rgba(156, 129, 2, 0.08);\n border-radius: 10px;\n padding: 20px;\n margin: 2em 0;\n border: 3px solid #000;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-container {\n grid-template-columns: 1fr;\n }\n\n .percentage-container {\n flex-direction: column;\n }\n\n .percentage-label {\n margin: 20px 0 0 0;\n text-align: center;\n }\n\n .usage-steps {\n flex-direction: column;\n align-items: center;\n }\n\n .usage-steps::before {\n display: none;\n }\n\n .usage-step {\n margin-bottom: 30px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/COSRX-The-Niacinamide-15-Serum-seerumi.jpg?v=1745677453\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eO composto perfeito que mudou os cuidados com a pele... agora na maior concentração possível\u003c\/h2\u003e\n\u003c!-- Percentage Indicator --\u003e\n\u003cdiv class=\"percentage-container\"\u003e\n\u003cdiv class=\"percentage-circle\"\u003e\n\u003cdiv class=\"percentage-text\"\u003e15%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"percentage-label\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eDescubra a diferença com alta concentração\u003c\/h3\u003e\n\u003cp\u003eVocê provavelmente já experimentou niacinamida antes, mas nunca nesta concentração de 15%, o que desafiará tudo o que você sabe sobre cuidados com a pele.O seu efeito é mais forte do que nunca contra as impurezas e atua na redução dos poros com uma eficácia sem precedentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum Product\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15.png?v=1745677490\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eA fórmula de equilíbrio da melanina desafia até a pigmentação mais difícil\u003c\/h2\u003e\n\u003cdiv class=\"info-section\"\u003e\n\u003cp\u003eEsta fórmula é altamente especializada em equilibrar a produção de melanina.Quando exposta a fatores ambientais, a pele aumenta a produção de melanina de forma desigual, levando ao aparecimento destas irritantes pigmentações que afetam visivelmente a sua aparência.\u003c\/p\u003e\n\u003cp\u003eEsta fórmula equilibra a produção de pigmentos, o que unifica o tom da pele e proporciona uma pele clara e sem pigmentação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Pore Minimizing Effect\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.6.webp?v=1745677506\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eVocê sofre com poros dilatados?Esta é a solução definitiva\u003c\/h2\u003e\n\u003cp\u003eLivre-se daqueles irritantes poros dilatados que fazem você parecer mais velho do que realmente é e absorvem poeira e fatores ambientais prejudiciais e os penetram profundamente em sua pele.\u003c\/p\u003e\n\u003cp\u003eO sérum limpa e purifica os poros da pele e reduz as secreções oleosas, o que reduz o tamanho dos poros de forma invisível e faz com que a textura da sua pele pareça de vidro... literalmente!\u003c\/p\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-container\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eEncolher poros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUma concentração de 15% de niacinamida regula a secreção de óleos e reduz os poros dilatados de forma muito eficaz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnificando o tom da pele\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eTrata a pigmentação e unifica o tom da pele regulando a produção do pigmento melanina\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eCombater a acne\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eReduz a inflamação e previne a acne, regulando a secreção de sebo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Texture Improvement\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15_2.webp?v=1745677561\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eReconstrói a textura da pele\u003c\/h2\u003e\n\u003cp\u003eO soro de niacinamida não só ajuda a combater a acne, mas também contribui para melhorar a textura geral da pele e torná-la mais lisa e elástica.\u003c\/p\u003e\n\u003cp\u003eÉ mais do que um sérum, é um rejuvenescimento completo da sua pele.\u003c\/p\u003e\n\u003c!-- Before\/After Comparison --\u003e\n\u003cdiv class=\"comparison-container\"\u003e\n\u003cimg alt=\"Before and After Using Niacinamide Serum\" class=\"comparison-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/black_heads_before_after.webp?v=1745677641\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eAdeus às espinhas e cravos\u003c\/h2\u003e\n\u003cp\u003ePontos brancos e cravos se formam quando o óleo e o sebo se acumulam dentro dos poros e os bloqueiam ou interagem com o ar.COSRX Niacinamide Serum atua reduzindo o tamanho dos poros e regulando a secreção de sebo, evitando o acúmulo de óleo e sujeira.Também auxilia na renovação das células da pele e na esfoliação suave delas, o que evita a obstrução dos poros e trata com eficácia as espinhas brancas e pretas.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_no_background.webp?v=1745677778\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eÉ um produto de sonho para pele oleosa\u003c\/h2\u003e\n\u003cdiv class=\"featured-section\"\u003e\n\u003cp\u003eSe você tem pele oleosa ou mista, provavelmente conhece os desafios de lidar com o excesso de oleosidade e poros dilatados.Mas com o COSRX Niacinamide Serum 15%, agora você pode obter uma pele clara e mais firme sem se preocupar com brilho excessivo ou problemas associados à secreção de sebo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2\u003eProteção abrangente contra os elementos do tempo...tratamento e prevenção em uma fórmula\u003c\/h2\u003e\n\u003cp\u003eO tempo não tem piedade da sua pele.Cada dia que estamos expostos a fatores ambientais prejudiciais é um passo maior em direção ao envelhecimento prematuro\u003cbr\/\u003eNão deixe sua pele sozinha na guerra contra o tempo\u003c\/p\u003e\n\u003cp\u003eA sua pele deve estar armada com um escudo protetor de niacinamida!A niacinamida nesta fórmula altamente concentrada protege a pele dos oxidantes que causam o envelhecimento prematuro!\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch3 class=\"usage-title\"\u003eComo você usa isso?\u003c\/h3\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-text\"\u003eLimpando a pele\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-text\"\u003eAplicar toner\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-text\"\u003eAplicação de soro\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-text\"\u003eCreme hidratante\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cp\u003eAplicar Niacinamide Serum 15% de manhã e à noite na pele limpa antes de quaisquer outros cremes ou óleos.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNota\u003c\/strong\u003e: Não é preferível utilizá-lo ao mesmo tempo com produtos que contenham vitamina C pura (ácido ascórbico).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch2\u003eCOSRX Niacinamide 15% Serum\u003c\/h2\u003e\n\u003cp\u003eA solução perfeita para poros dilatados e tom de pele irregular\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompre agora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to animate percentage circle\n const animatePercentageCircle = () =\u003e {\n const percentageCircle = document.querySelector('.percentage-circle');\n \n if (percentageCircle) {\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 0%, #f0f0f0 0% 100%)';\n \n setTimeout(() =\u003e {\n percentageCircle.style.transition = 'background 1.5s ease-out';\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%)';\n }, 300);\n }\n };\n \n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Animate percentage circle when it comes into view\n observeElements([document.querySelector('.percentage-container')], () =\u003e {\n animatePercentageCircle();\n });\n \n \/\/ Apply animations to benefit cards when they come into view\n observeElements(document.querySelectorAll('.benefit-card'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info sections when they come into view\n observeElements(document.querySelectorAll('.info-section, .featured-section, .highlight-box'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n });\n \n \/\/ Apply animations to step numbers when they come into view\n observeElements(document.querySelectorAll('.step-number'), (element) =\u003e {\n element.style.animation = 'pulseIn 0.5s ease forwards';\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n @keyframes pulseIn {\n 0% {\n transform: scale(0.5);\n opacity: 0;\n }\n 70% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n }\n \n .benefit-card,\n .info-section,\n .featured-section,\n .highlight-box {\n opacity: 0;\n }\n \n .step-number {\n opacity: 0;\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44299894751429,"sku":"INSTA05ت5008CHIQ","price":1350.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1734367558"},{"product_id":"cosrx-retinol-serum","title":"Cosrx Retinol Serum 0,5% + Esqualeno |Anti-rugas |Melhorar a elasticidade da pele","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3, \n .product-description h4 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 2.2rem;\n text-align: center;\n }\n\n .product-description h3 {\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description h4 {\n font-size: 1.4rem;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n }\n\n .product-description ul {\n list-style: none;\n padding: 0;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 1.5em;\n background: rgba(156, 129, 2, 0.03);\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n border-radius: 15px;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Results section *\/\n .results-container {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .percentage-bar {\n width: 100%;\n height: 10px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 5px;\n overflow: hidden;\n margin: 20px 0;\n }\n\n .percentage-fill {\n height: 100%;\n width: 0;\n background-color: #9C8102;\n transition: width 1.5s ease-in-out;\n }\n\n \/* Usage timeline *\/\n .timeline {\n position: relative;\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 0;\n }\n\n .timeline::after {\n content: '';\n position: absolute;\n width: 6px;\n background-color: rgba(156, 129, 2, 0.2);\n top: 0;\n bottom: 0;\n right: 50%;\n margin-right: -3px;\n }\n\n .timeline-item {\n padding: 10px 50px;\n position: relative;\n width: 50%;\n }\n\n .timeline-item::after {\n content: '';\n position: absolute;\n width: 25px;\n height: 25px;\n background-color: white;\n border: 4px solid #9C8102;\n border-radius: 50%;\n top: 15px;\n transition: transform 0.5s ease, background-color 0.5s ease;\n }\n\n .timeline-item:hover::after {\n transform: scale(1.2);\n background-color: #9C8102;\n }\n\n .right {\n right: 0;\n }\n\n .left::after {\n right: -12px;\n }\n\n .right::after {\n left: -12px;\n }\n\n \/* CTA section *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-container h3 {\n color: white;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::after {\n right: 30px;\n }\n \n .timeline-item {\n width: 100%;\n padding-right: 70px;\n padding-left: 25px;\n }\n \n .right {\n right: auto;\n }\n \n .right::after {\n left: auto;\n right: 18px;\n }\n \n .left::after {\n right: 18px;\n }\n }\n\n \/* Animation classes - Added for animated elements when JS loads *\/\n .animate-on-scroll {\n transition: transform 0.8s ease, opacity 0.8s ease;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003ch2\u003eRetinol...o soldado desconhecido na luta contra os sinais de envelhecimento\u003c\/h2\u003e\n\u003cp\u003eVocê já se olhou no espelho e sentiu que o tempo começava a deixar marcas na sua pele?As linhas finas aparecem lentamente, os poros parecem maiores, a textura da pele não parece mais tão lisa como antes?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNão deixe o tempo controlar você\u003c\/strong\u003e\u003cbr\/\u003eO envelhecimento não é uma desculpa para aceitar estas mudanças, mas sim um desafio que pode superar.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Soro de retinol COSRX\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eA solução?Soro Retinol 0,5% da COSRX\u003c\/h3\u003e\n\u003cp\u003eO melhor produto de retinol do mundo, cuidadosamente desenvolvido para atender até mesmo aos problemas de pele mais sutis, desde rugas profundas e linhas finas até textura áspera da pele e perda de elasticidade.\u003c\/p\u003e\n\u003c!-- Features Section --\u003e\n\u003ch3\u003ePor que esta fórmula é uma das melhores fórmulas de retinol?\u003c\/h3\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n\u003ch4\u003eConcentração excepcional de retinol puro\u003c\/h4\u003e\n\u003cp\u003eEste produto contém \u003cstrong\u003eConcentração de 0,5% de retinol puro\u003c\/strong\u003eÉ uma das maiores concentrações disponíveis no mercado.O retinol é notoriamente difícil de formular em concentrações tão elevadas, exigindo técnicas precisas para manter a sua estabilidade e garantir a sua eficácia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n\u003ch4\u003eFórmula suave que não causa irritação na pele\u003c\/h4\u003e\n\u003cp\u003eAo contrário das fórmulas tradicionais de retinol que podem causar irritação e vermelhidão na pele, este produto contém uma mistura única de ingredientes calmantes, tornando-o suave mesmo em peles sensíveis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eTextura leve e rápida absorção\u003c\/h4\u003e\n\u003cp\u003eCom textura oleosa leve e sedosa, é facilmente absorvido pela pele sem deixar resíduos oleosos, sendo ideal como etapa essencial da rotina noturna.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eHidratação profunda com esqualeno vegetal\u003c\/h4\u003e\n\u003cp\u003eO produto contém \u003cstrong\u003eEsqualeno extraído de plantas\u003c\/strong\u003e, que atua como um poderoso hidratante que evita o ressecamento decorrente do uso do retinol, mantendo a pele hidratada e macia durante toda a noite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eTocotrienol (super vitamina E)\u003c\/h4\u003e\n\u003cp\u003eReduz significativamente os danos dos radicais livres e melhora a aparência geral da pele, aumentando a eficácia do Retinol e garantindo resultados abrangentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"Resultados do uso de soro de retinol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\/\u003e\n\u003ch3\u003eResultados clínicos impressionantes!\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMelhora de 18,4% nas linhas do nariz e lábios em apenas 4 semanas\u003c\/strong\u003e (Confirmado através de experimentos de laboratório).\u003c\/p\u003e\n\u003cdiv class=\"percentage-bar\"\u003e\n\u003cdiv class=\"percentage-fill\" data-percent=\"18.4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Retinol COSRX\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" style=\"display: block; margin: 30px auto;\"\/\u003e\n\u003c!-- Usage Timeline --\u003e\n\u003ch3\u003eUso gradual, efeito excepcional\u003c\/h3\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eSemana 1-2\u003c\/h4\u003e\n\u003cp\u003eComece devagar para permitir que sua pele se ajuste.Use o produto uma vez por semana no início e depois duas vezes por semana a partir da segunda semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eSemana 3-4\u003c\/h4\u003e\n\u003cp\u003eAumente a frequência para 3 vezes por semana.Você notará uma melhora na textura da pele e uma redução nas linhas finas iniciais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eSemana 5-8\u003c\/h4\u003e\n\u003cp\u003eUse o produto diariamente ou conforme tolerado pela sua pele.Você notará uma clara melhora na elasticidade e frescor da pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eA partir da semana 8\u003c\/h4\u003e\n\u003cp\u003eDesfrute de uma pele renovada, fresca, livre de rugas e sinais de envelhecimento!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eÓleo de Retinol COSRX 0,5%\u003c\/h3\u003e\n\u003cp\u003eNão é apenas mais um produto para a pele, é uma inovação científica avançada que proporciona resultados visíveis sem comprometer o conforto da sua pele.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eComece agora e lute contra os sinais do tempo!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompre agora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Animate percentage bar\n (function() {\n \/\/ Add animation to percentage bar without hiding content\n setTimeout(function() {\n var percentageFills = document.querySelectorAll('.percentage-fill');\n percentageFills.forEach(function(fill) {\n var percent = fill.getAttribute('data-percent');\n fill.style.width = percent + '%';\n });\n }, 500);\n \n \/\/ Optional: Enable scroll animations only if preferred\n var enableScrollAnimations = false;\n \n if (enableScrollAnimations) {\n \/\/ Add animation classes to elements\n var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n \n elementsToAnimate.forEach(function(el) {\n el.classList.add('animate-on-scroll');\n });\n \n \/\/ Intersection Observer for scroll animations\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n \n elementsToAnimate.forEach(function(el) {\n el.style.opacity = 0;\n el.style.transform = 'translateY(20px)';\n observer.observe(el);\n });\n }\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359242252485,"sku":null,"price":1170.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1736169264"},{"product_id":"cosrx-6-peptide","title":"COSRX The 6 Peptide Skin Booster Serum - Redefinição total de pele e renovação de barreiras multipeptídeos","description":"\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animation for elements as they come into view\n const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, 100);\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n \n animatedElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Count-up animation for percentage numbers\n const countUpElements = document.querySelectorAll('.count-up');\n \n const countObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n const finalValue = parseFloat(element.getAttribute('data-value'));\n \n let startTime;\n const duration = 2000; \/\/ 2 seconds\n \n function animate(currentTime) {\n if (!startTime) startTime = currentTime;\n \n const elapsedTime = currentTime - startTime;\n const progress = Math.min(elapsedTime \/ duration, 1);\n \n const currentValue = progress * finalValue;\n element.textContent = currentValue.toFixed(1) + '%';\n \n if (progress \u003c 1) {\n requestAnimationFrame(animate);\n }\n }\n \n requestAnimationFrame(animate);\n countObserver.unobserve(element);\n }\n });\n }, {\n threshold: 0.5\n });\n \n countUpElements.forEach(el =\u003e {\n countObserver.observe(el);\n });\n });\n \u003c\/script\u003e\u003cdiv class=\"cosrx-peptide-section\"\u003e\n\u003cstyle\u003e\n .cosrx-peptide-section * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .cosrx-peptide-section {\n max-width: 1200px;\n margin: 40px auto;\n padding: 20px;\n direction: ltr;\n font-family: inherit;\n color: #333;\n }\n \n .peptide-header {\n text-align: center;\n margin-bottom: 50px;\n }\n \n .peptide-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n font-weight: 700;\n }\n \n .peptide-subtitle {\n font-size: 1.1rem;\n line-height: 1.6;\n color: #555;\n max-width: 800px;\n margin: 0 auto;\n }\n \n .peptide-content {\n margin-bottom: 60px;\n }\n \n .peptide-section-title {\n font-size: 1.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .peptide-text {\n font-size: 1rem;\n line-height: 1.7;\n color: #444;\n margin-bottom: 20px;\n }\n \n .peptide-image {\n width: 100%;\n border-radius: 10px;\n margin: 30px 0;\n display: block;\n }\n \n .peptide-benefits {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 40px 0;\n }\n \n .benefit-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .benefit-card:hover {\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n .benefit-title {\n font-weight: 700;\n margin-bottom: 10px;\n color: #9C8102;\n font-size: 1.1rem;\n }\n \n .peptide-list {\n list-style-type: disc;\n padding-right: 20px;\n margin: 20px 0;\n }\n \n .peptide-list li {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .result-cards {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 30px 0;\n }\n \n .result-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n text-align: center;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .result-percentage {\n font-size: 2rem;\n font-weight: 700;\n color: #c3a300;\n margin-bottom: 10px;\n }\n \n .result-text {\n font-size: 0.95rem;\n color: #555;\n }\n \n .how-to-use {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 25px;\n margin-top: 40px;\n }\n \n .how-to-use h3 {\n margin-bottom: 15px;\n font-weight: 700;\n font-size: 1.2rem;\n color: #c3a300;\n }\n \n .how-to-use ol {\n padding-right: 25px;\n }\n \n .how-to-use li {\n margin-bottom: 10px;\n line-height: 1.5;\n }\n \n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n .slide-in-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .slide-in-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .scale-in {\n opacity: 0;\n transform: scale(0.9);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .count-up {\n display: inline-block;\n }\n \n \/* Shine effect for cards *\/\n .benefit-card, .result-card {\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after, .result-card::after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(\n to right,\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.3) 50%,\n rgba(255, 255, 255, 0) 100%\n );\n transform: rotate(30deg);\n transition: transform 0.7s ease;\n opacity: 0;\n }\n \n .benefit-card:hover::after, .result-card:hover::after {\n opacity: 1;\n transform: rotate(30deg) translate(100%, -100%);\n }\n \n @media (max-width: 768px) {\n .peptide-benefits,\n .result-cards {\n grid-template-columns: 1fr;\n }\n \n .peptide-title {\n font-size: 1.5rem;\n }\n \n .peptide-section-title {\n font-size: 1.3rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"peptide-header fade-in\"\u003e\n\u003ch2 class=\"peptide-title\"\u003eSoro intensificador de pele com peptídeo COSRX 6\u003c\/h2\u003e\n\u003cp class=\"peptide-subtitle\"\u003eUm produto avançado contendo 6 peptídeos poderosos para rejuvenescer e melhorar a aparência da pele de forma abrangente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-content\"\u003e\n\u003ch3 class=\"peptide-section-title fade-in\"\u003ePor que os peptídeos são a palavra de ordem?\u003c\/h3\u003e\n\u003cp class=\"peptide-text fade-in\"\u003eOs peptídeos são cadeias de aminoácidos essenciais para a reparação e regeneração da pele.No entanto, a força dos peptídeos reside na sua versatilidade.\u003cbr\/\u003eÉ por isso que a equipe \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e Ao criar uma fórmula incrível que contém \u003cspan class=\"highlight\"\u003e6 tipos de peptídeos\u003c\/span\u003eProjetado para abordar todos os problemas que você possa ter:\u003c\/p\u003e\n\u003cul class=\"peptide-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRestaurar a elasticidade da pele:\u003c\/strong\u003e Adeus à flacidez.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduza rugas profundas e linhas finas:\u003c\/strong\u003e Faça seu rosto parecer anos mais jovem.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduza os poros e obtenha uma pele lisa:\u003c\/strong\u003e Porque os pequenos detalhes fazem a diferença.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratação dupla sem sensação de peso:\u003c\/strong\u003e Sua pele respirará novamente.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg alt=\"COSRX 6 Peptide\" class=\"peptide-image scale-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_3.webp?v=1745069792\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eUm único produto irá poupar-lhe a necessidade de rotinas complicadas e caras\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eCom \u003cspan class=\"highlight\"\u003eSoro intensificador de pele com peptídeo COSRX 6\u003c\/span\u003eVocê não precisa mais de uma coleção de vários produtos que sobrecarregam e custam muito dinheiro.Este produto avançado contém 6 peptídeos eficazes que tratam vários problemas de pele em apenas uma etapa.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eGraças à fórmula integrada do soro, você pode dispensar toner, soro e outros produtos, economizando tempo e dinheiro.A beleza e os cuidados com a pele não exigem mais uma rotina complicada.COSRX 6 Peptide Serum é tudo que você precisa para uma pele saudável e rejuvenescida.\u003c\/p\u003e\n\u003cimg alt=\"COSRX 6 Peptide Benefits\" class=\"peptide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.webp?v=1745069812\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003e6 peptídeos trabalham em harmonia para restaurar a juventude da sua pele\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eImagine a sua pele recebendo o melhor tratamento possível graças a uma mistura abrangente de 6 poderosos peptídeos que atuam juntos para rejuvenescer e melhorar a aparência da sua pele.Desde o aumento da elasticidade da pele e redução das rugas até à tonificação e renovação celular, estes péptidos estimulam a pele a reparar-se naturalmente.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eCada um dos 6 peptídeos atua para resolver um problema específico: redução de linhas finas, melhoria da textura da pele, combate à pigmentação e rejuvenescimento da pele.O resultado?Pele mais firme, lisa e radiante, com progressos visíveis no rejuvenescimento cutâneo.\u003c\/p\u003e\n\u003cdiv class=\"peptide-benefits\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eCombata os sinais do envelhecimento\u003c\/h4\u003e\n\u003cp\u003eOs peptídeos estimulam a produção de colágeno e elastina, o que ajuda a reduzir as rugas e a restaurar a juventude da pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eHidratação profunda da pele\u003c\/h4\u003e\n\u003cp\u003eOs peptídeos atuam com o ácido hialurônico para proporcionar hidratação intensa à pele, tornando-a mais lisa e elástica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eUnificando o tom da pele\u003c\/h4\u003e\n\u003cp\u003eGraças à niacinamida e aos peptídeos, o sérum atua para clarear a pigmentação e unificar o tom da pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFortalecendo a barreira protetora da pele\u003c\/h4\u003e\n\u003cp\u003eO sérum ajuda a fortalecer a barreira protetora da pele, protegendo-a de fatores ambientais nocivos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"COSRX 6 Peptide Ingredients\" class=\"peptide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.jpg?v=1745069857\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eFórmula avançada que combina peptídeos com os ingredientes mais poderosos para o cuidado da pele\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eNiacinamida, ácido hialurônico e adenosina\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eOs peptídeos por si só são conhecidos por sua capacidade superior de rejuvenescer a pele e estimular a produção de colágeno. \u003cstrong\u003eMas quando combinado com ingredientes como niacinamida, ácido hialurônico e adenosina, ocorre um efeito surpreendente que não pode ser alcançado com nenhum outro produto.\u003c\/strong\u003e\u003cbr\/\u003eA niacinamida ajuda a unificar o tom da pele e reduzir os poros, enquanto o ácido hialurônico proporciona hidratação profunda e a adenosina reduz as rugas.Juntas, esta fórmula superior não só proporciona uma pele mais firme, suave e radiante, mas também aumenta a capacidade da pele de resistir aos efeitos do tempo.\u003c\/p\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eTextura leve... resultados pesados\u003c\/h3\u003e\n\u003cdiv class=\"result-cards\"\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"37.9\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento do brilho da pele\u003c\/strong\u003e: A pele fica mais brilhante e pura, enquanto seu brilho natural é restaurado.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"162.5\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento da hidratação\u003c\/strong\u003e: Obtenção de hidratação profunda para a pele, o que aumenta sua maciez e elasticidade.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"24.58\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento de frescor\u003c\/strong\u003e: A pele fica mais vibrante e jovem, como se tivesse recuperado a energia natural.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"76.42\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento do ácido hialurônico\u003c\/strong\u003e: Aumentar a proporção de ácido hialurônico significa uma hidratação mais profunda da pele, o que ajuda a manter sua saúde e elasticidade.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eNão deixe o tempo afetar sua pele\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eCom \u003cspan class=\"highlight\"\u003eSoro intensificador de pele com peptídeo COSRX 6\u003c\/span\u003eO tempo não terá mais nenhum efeito negativo na sua pele.Este produto é a solução perfeita para combater os sinais de envelhecimento, graças às suas fórmulas avançadas que contêm 6 poderosos peptídeos que atuam na renovação das células, na redução das rugas e na melhoria da elasticidade da pele.Desfrute de uma pele mais jovem e radiante e prepare-se para desafiar o tempo com confiança.\u003c\/p\u003e\n\u003cdiv class=\"how-to-use\"\u003e\n\u003ch3\u003eComo usar\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eDepois de limpar a pele, aplique 2-3 doses de soro \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e Na sua cara.\u003c\/li\u003e\n\u003cli\u003eMassageie suavemente o produto com a ponta dos dedos até que seja completamente absorvido.\u003c\/li\u003e\n\u003cli\u003eEm seguida, use seu hidratante favorito para hidratação extra.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp style=\"margin-top: 15px;\"\u003eVocê também pode combinar o soro com outros produtos da \u003cstrong\u003eCOSRX\u003c\/strong\u003e Como niacinamida ou soro de vitamina C para obter os melhores resultados.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359311098053,"sku":null,"price":1380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_6_peptide_skin_booster_6.jpg?v=1736165614"},{"product_id":"the-ordinary-multipeptide-eye-serum-سيروم-الببتيدات-المركز-لعلاج-تجاعيد-و-انتفاخات-و-هالات-العين","title":"O sérum ocular multipeptídeo comum Um sérum peptídico concentrado para tratar rugas, inchaço e olheiras","description":"\u003cp data-end=\"350\" data-start=\"16\"\u003e \u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum4_1000x_359fc6d2-9eb6-4b6a-b035-696ba69d0cf6.webp?v=1741178780\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003eO Ordinary Multi-Peptide Eye Serum é uma fórmula avançada à base de água especialmente desenvolvida para tratar os sinais de envelhecimento ao redor da área dos olhos.Este sérum combina as mais recentes tecnologias de peptídeos e substâncias ativas científicas para reduzir rugas finas (linhas de olhos de pomba), melhorar a aparência de olheiras e papos, conferindo à área dos olhos um brilho e vitalidade renovados.\u003c\/p\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003ePrincipais benefícios\u003c\/h2\u003e\n\u003cul data-end=\"1275\" data-start=\"379\"\u003e\n\u003cli data-end=\"559\" data-start=\"379\"\u003e\n\u003cp data-end=\"559\" data-start=\"381\"\u003e\u003cstrong data-end=\"405\" data-start=\"381\"\u003eMelhorar a aparência das rugas:\u003c\/strong\u003e\u003cbr data-end=\"408\" data-start=\"405\"\/\u003eAs tecnologias multipeptídeos, incluindo Palmitoyl Tripeptídeo-38, reduzem o aparecimento de rugas ao redor dos olhos, rejuvenescendo a pele e reduzindo os sinais de fadiga.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"726\" data-start=\"561\"\u003e\n\u003cp data-end=\"726\" data-start=\"563\"\u003e\u003cstrong data-end=\"599\" data-start=\"563\"\u003eReduza inchaços e olheiras:\u003c\/strong\u003e\u003cbr data-end=\"602\" data-start=\"599\"\/\u003eO sérum contribui para melhorar a cor e o brilho da área dos olhos, reduzindo a cor escura e os inchaços, conferindo aos olhos um aspecto luminoso e luminoso.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"910\" data-start=\"728\"\u003e\n\u003cp data-end=\"910\" data-start=\"730\"\u003e\u003cstrong data-end=\"754\" data-start=\"730\"\u003ePurificar e suavizar a pele:\u003c\/strong\u003e\u003cbr data-end=\"757\" data-start=\"754\"\/\u003eGraças a uma combinação de Niacinamida e Extrato de Casca de Fraxinus Excelsior, o sérum suaviza a textura da pele e melhora o brilho, deixando a área dos olhos mais suave e radiante.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1140\" data-start=\"912\"\u003e\n\u003cp data-end=\"1140\" data-start=\"914\"\u003e\u003cstrong data-end=\"930\" data-start=\"914\"\u003eProteção superior:\u003c\/strong\u003e\u003cbr data-end=\"933\" data-start=\"930\"\/\u003eO soro fornece proteção avançada graças a ingredientes antioxidantes, como propil galato e galatil glicosídeo, bem como epigalocatequina galatil glicosídeo, que combatem os danos ambientais e apoiam a saúde da pele a longo prazo.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1275\" data-start=\"1142\"\u003e\n\u003cp data-end=\"1275\" data-start=\"1144\"\u003e\u003cstrong data-end=\"1161\" data-start=\"1144\"\u003eFórmula de luxo:\u003c\/strong\u003e\u003cbr data-end=\"1164\" data-start=\"1161\"\/\u003eA fórmula vem com alta concentração de princípios ativos, o que justifica o alto preço, pois uma pequena quantidade é suficiente para obter resultados surpreendentes.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum1_800x_37a12c9f-39ad-457c-b1cf-64cde5afe460.webp?v=1741178786\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003eComo funciona o soro?\u003c\/h2\u003e\n\u003cp data-end=\"1380\" data-start=\"1305\"\u003eO soro é utilizado para promover a regeneração celular da área dos olhos através de um mecanismo de ação combinado que inclui:\u003c\/p\u003e\n\u003cul data-end=\"2043\" data-start=\"1381\"\u003e\n\u003cli data-end=\"1675\" data-start=\"1381\"\u003e\n\u003cp data-end=\"1675\" data-start=\"1383\"\u003e\u003cstrong data-end=\"1407\" data-start=\"1383\"\u003ePolipeptídeos:\u003c\/strong\u003e\u003cbr data-end=\"1410\" data-start=\"1407\"\/\u003eTais como Palmitoyl Tripeptídeo-38, Matrixyl™ synthe'6™, RetinoPeptide 189, SYN™-AKE, CYTOBIOL™ LUMIN-EYE, UNISOOTH EG-28 e Eyeseryl™;Esses peptídeos atuam como fatores de sinalização celular que estimulam a produção de proteínas necessárias à regeneração da pele, resultando na melhora da elasticidade da pele e na redução das rugas.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1824\" data-start=\"1679\"\u003e\n\u003cp data-end=\"1824\" data-start=\"1681\"\u003e\u003cstrong data-end=\"1730\" data-start=\"1681\"\u003eExtrato de casca de Niacinamida e Fraxinus Excelsior:\u003c\/strong\u003e\u003cbr data-end=\"1733\" data-start=\"1730\"\/\u003eEles ajudam a unificar o tom da pele e reduzir as olheiras, além de melhorar a textura e o brilho da pele.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2043\" data-start=\"1828\"\u003e\n\u003cp data-end=\"2043\" data-start=\"1830\"\u003e\u003cstrong data-end=\"1859\" data-start=\"1830\"\u003eIngredientes antioxidantes:\u003c\/strong\u003e\u003cbr data-end=\"1862\" data-start=\"1859\"\/\u003eComo Propil Galato, Galil Glucosídeo e Epigalocatequina Gallatil Glucosídeo protegem a pele dos radicais livres e reduzem os danos ambientais, mantendo a área dos olhos saudável por mais tempo.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"2172\" data-start=\"2045\"\u003eGraças a esta fórmula única, o sérum trata vários problemas ao mesmo tempo: rugas, olheiras, inchaço e perda de brilho.\u003c\/p\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003eResultados clínicos\u003c\/h2\u003e\n\u003cp data-end=\"2292\" data-start=\"2201\"\u003eEstudos demonstraram que o uso regular do The Ordinary Multi-Peptide Eye Serum leva a:\u003c\/p\u003e\n\u003cul data-end=\"2549\" data-start=\"2293\"\u003e\n\u003cli data-end=\"2343\" data-start=\"2293\"\u003eMelhora visível no aparecimento de rugas finas ao redor dos olhos.\u003c\/li\u003e\n\u003cli data-end=\"2416\" data-start=\"2344\"\u003eReduzindo olheiras e papos, aumentando a luminosidade da área dos olhos.\u003c\/li\u003e\n\u003cli data-end=\"2492\" data-start=\"2417\"\u003eMelhorar a textura e a frescura da pele, com aumento da luminosidade e da textura sedosa da zona dos olhos.\u003c\/li\u003e\n\u003cli data-end=\"2549\" data-start=\"2493\"\u003eUma diminuição notável na intensidade da pigmentação escura na área dos olhos.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"3468\" data-start=\"3350\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"3520\" data-start=\"3475\"\u003ePor que o custo deste produto é relativamente alto em comparação com outros produtos que visam o mesmo problema? \u003c\/h2\u003e\n\u003cul data-end=\"4210\" data-start=\"3521\"\u003e\n\u003cli data-end=\"3690\" data-start=\"3521\"\u003e\n\u003cp data-end=\"3690\" data-start=\"3523\"\u003e\u003cstrong data-end=\"3548\" data-start=\"3523\"\u003eFórmula altamente concentrada:\u003c\/strong\u003e\u003cbr data-end=\"3551\" data-start=\"3548\"\/\u003eA fórmula contém ingredientes raros e difíceis de extrair em concentrações muito elevadas.. O produto contém diversos peptídeos que são considerados os melhores no combate aos sinais de envelhecimento.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"3853\" data-start=\"3692\"\u003e\n\u003cp data-end=\"3853\" data-start=\"3694\"\u003e\u003cstrong data-end=\"3710\" data-start=\"3694\"\u003eResultados abrangentes:\u003c\/strong\u003e\u003cbr data-end=\"3713\" data-start=\"3710\"\/\u003eO sérum oferece uma solução abrangente para uma vasta gama de problemas de envelhecimento na área dos olhos – desde rugas a olheiras e inchaço – num único produto luxuoso.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4011\" data-start=\"3855\"\u003e\n\u003cp data-end=\"4011\" data-start=\"3857\"\u003e\u003cstrong data-end=\"3874\" data-start=\"3857\"\u003eEficácia comprovada:\u003c\/strong\u003e\u003cbr data-end=\"3877\" data-start=\"3874\"\/\u003eEstudos clínicos comprovaram a sua eficácia na melhoria da aparência e no rejuvenescimento da área dos olhos, tornando-o um investimento inteligente para quem procura resultados duradouros.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4210\" data-start=\"4013\"\u003e\n\u003cp data-end=\"4210\" data-start=\"4015\"\u003e\u003cstrong data-end=\"4031\" data-start=\"4015\"\u003eCada gota faz uma grande diferença:\u003c\/strong\u003e\u003cbr data-end=\"4034\" data-start=\"4031\"\/\u003eEmbora o preço possa ser superior ao de alguns outros produtos, a fórmula única e concentrada garante que cada gota do produto funcione com a máxima eficiência, evitando que você tenha que usar vários produtos caros.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003eOpiniões dos usuários\u003c\/h2\u003e\n\u003cp data-end=\"4541\" data-start=\"4238\"\u003e\u003cstrong data-end=\"4270\" data-start=\"4238\"\u003eComo são coletadas as opiniões dos usuários?\u003c\/strong\u003e\u003cbr data-end=\"4273\" data-start=\"4270\"\/\u003eAs opiniões dos usuários são coletadas por meio do acompanhamento contínuo dos clientes e do registro de seus comentários sobre o produto.Programas customizados baseados em inteligência artificial também são utilizados para coletar opiniões de diversas fontes com precisão e sem qualquer preconceito, garantindo avaliações abrangentes e confiáveis ​​que refletem as experiências reais dos usuários.\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4543\"\u003e\n\u003cli data-end=\"4722\" data-start=\"4543\"\u003e\n\u003cp data-end=\"4566\" data-start=\"4545\"\u003e\u003cstrong data-end=\"4564\" data-start=\"4545\"\u003ePrós comuns:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4722\" data-start=\"4569\"\u003e\n\u003cli data-end=\"4619\" data-start=\"4569\"\u003eMelhora visível no aparecimento de rugas finas ao redor dos olhos.\u003c\/li\u003e\n\u003cli data-end=\"4669\" data-start=\"4622\"\u003eUnificando o tom da pele e aumentando o brilho da área dos olhos.\u003c\/li\u003e\n\u003cli data-end=\"4722\" data-start=\"4672\"\u003eTextura macia e sensação imediata de frescura após utilização.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4724\"\u003e\n\u003cp data-end=\"4754\" data-start=\"4726\"\u003e\u003cstrong data-end=\"4752\" data-start=\"4726\"\u003eAlgumas notas negativas:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4757\"\u003e\n\u003cli data-end=\"4820\" data-start=\"4757\"\u003eAlguns usuários precisam de um período mais longo para observar os resultados completos.\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4823\"\u003eO preço é alto para alguns, apesar da sua eficácia comprovada.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"13\" data-start=\"0\"\u003eIngredientes principais\u003c\/h2\u003e\n\u003cp data-end=\"692\" data-is-last-node=\"\" data-is-only-node=\"\" data-start=\"14\"\u003eAqua (Water), Glycerin, Butylene Glycol, Propanediol, Dipropylene Glycol, Acetyl Glucosamine, Niacinamide, Palmitoyl Tripeptide-38, Acetyl Tetrapeptide-5, Myristoyl Nonapeptide-3, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Caffeine, Epigallocatechin Gallatyl Glucoside, Gallyl Glucoside, Fraxinus Excelsior Bark Extract, Silanetriol, Arginine, Pentylene Glycol, Hydroxymethoxyphenyl Decanone, Propyl Gallate, Maltodextrin, Hydroxypropyl Cyclodextrin, Hydroxyethylcellulose, Xanthan Gum, Citric Acid, Glycolic Acid, Sodium Citrate, Polysorbate 20, Trisodium Ethylenediamine Disuccinate, Dehydroacetic Acid, Ethylhexylglycerin, Benzyl Alcohol, Phenoxyethanol, Chlorphenesin.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":44526811283653,"sku":"","price":1700.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_multipeptide_eye_serum.jpg?v=1741177907"},{"product_id":"beauty-of-joseon-glow-serum-propolis-niacinamide","title":"Beauty Of Joseon Glow Serum Propolis + Niacinamide","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .joseon-container {\n max-width: 1100px;\n margin: 0 auto;\n direction: ltr;\n text-align: left;\n color: #333;\n overflow-x: hidden;\n padding: 0 15px;\n font-family: sans-serif;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a97e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n }\n \n .hero-section {\n position: relative;\n padding: 35px 25px;\n background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n border-radius: 10px;\n overflow: hidden;\n margin-bottom: 30px;\n box-shadow: 0 10px 30px rgba(201, 169, 126, 0.08);\n border: 1px solid rgba(201, 169, 126, 0.12);\n }\n \n .hero-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.5), #c9a97e);\n }\n \n .hero-section::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50%;\n height: 180px;\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c9a97e' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n opacity: 0.2;\n z-index: 1;\n }\n \n .hero-content {\n position: relative;\n z-index: 2;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .hero-image {\n flex-shrink: 0;\n width: 250px;\n border-radius: 5px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n }\n \n .hero-text {\n flex: 1;\n }\n \n .brand {\n font-size: 18px;\n color: #c9a97e;\n letter-spacing: 1px;\n margin-bottom: 10px;\n font-weight: bold;\n text-transform: uppercase;\n display: inline-block;\n position: relative;\n }\n \n .brand::after {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .main-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #222;\n line-height: 1.2;\n font-weight: bold;\n }\n \n .main-title span {\n color: #c9a97e;\n position: relative;\n display: inline-block;\n }\n \n .main-title span::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 6px;\n background: rgba(201, 169, 126, 0.1);\n border-radius: 3px;\n z-index: -1;\n }\n \n .hero-subtitle {\n font-size: 18px;\n margin-bottom: 20px;\n opacity: 0.9;\n line-height: 1.5;\n }\n \n .hero-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 20px;\n }\n \n .badge {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(201, 169, 126, 0.05);\n padding: 6px 12px;\n border-radius: 30px;\n font-size: 13px;\n font-weight: 500;\n color: #555;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .ingredients-section {\n margin: 40px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .ingredients-content {\n flex: 1;\n }\n \n .section-title {\n font-size: 28px;\n margin-bottom: 20px;\n color: #222;\n position: relative;\n padding-bottom: 12px;\n font-weight: bold;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 3px;\n }\n \n .ingredient-box {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n \n .ingredient-box:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .ingredient-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .ingredient-title {\n font-size: 20px;\n margin-bottom: 12px;\n color: #c9a97e;\n font-weight: bold;\n }\n \n .ingredient-desc {\n line-height: 1.6;\n color: #555;\n }\n \n .video-container {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n position: relative;\n }\n \n .video-container video {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n }\n \n .benefits-section {\n margin: 50px 0;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n margin-top: 25px;\n }\n \n .benefit-card {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.3), #c9a97e);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .benefit-card:hover::after {\n transform: scaleX(1);\n }\n \n .benefit-icon {\n color: #c9a97e;\n font-size: 30px;\n margin-bottom: 15px;\n }\n \n .benefit-title {\n font-size: 18px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-section {\n margin: 60px 0;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.03) 0%, rgba(201, 169, 126, 0.08) 100%);\n padding: 40px 15px;\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .timeline-container {\n position: relative;\n margin-top: 40px;\n padding-right: 40px;\n }\n \n .timeline-bar {\n position: absolute;\n top: 0;\n right: 18px;\n width: 3px;\n height: 100%;\n background: linear-gradient(to bottom, rgba(201, 169, 126, 0.3), #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 2px;\n z-index: 1;\n }\n \n .timeline-items {\n display: flex;\n flex-direction: column;\n position: relative;\n z-index: 2;\n }\n \n .timeline-item {\n display: flex;\n flex-direction: column;\n margin-bottom: 60px;\n position: relative;\n }\n \n .timeline-item:last-child {\n margin-bottom: 0;\n }\n \n .timeline-header {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n \n .timeline-date {\n font-weight: bold;\n color: #c9a97e;\n text-align: left;\n font-size: 16px;\n margin-right: 10px;\n }\n \n .timeline-dot {\n width: 18px;\n height: 18px;\n background: white;\n border: 3px solid #c9a97e;\n border-radius: 50%;\n margin-right: 10px;\n flex-shrink: 0;\n position: relative;\n z-index: 2;\n }\n \n .timeline-dot.active {\n background: #c9a97e;\n }\n \n .timeline-content {\n background: white;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n width: 100%;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .how-it-works {\n margin: 50px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .how-it-works-image {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n }\n \n .how-it-works-image img {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 10px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n \n .how-it-works-image:hover img {\n transform: scale(1.02);\n }\n \n .how-it-works-content {\n flex: 1;\n }\n \n .usage-section {\n margin: 50px 0;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n flex: 1;\n min-width: 200px;\n text-align: center;\n padding: 0 15px;\n margin-bottom: 20px;\n }\n \n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #c9a97e, #d9c09e);\n border-radius: 50%;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: bold;\n margin: 0 auto 15px;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n }\n \n .step-text {\n font-size: 16px;\n line-height: 1.5;\n color: #333;\n }\n \n .cta-section {\n text-align: center;\n margin: 60px 0;\n padding: 50px;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.05) 0%, rgba(201, 169, 126, 0.1) 100%);\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before, .cta-section::after {\n content: \"\";\n position: absolute;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(201, 169, 126, 0.15) 0%, transparent 70%);\n z-index: 0;\n }\n \n .cta-section::before {\n top: -100px;\n right: -50px;\n }\n \n .cta-section::after {\n bottom: -100px;\n left: -50px;\n }\n \n .cta-content {\n position: relative;\n z-index: 1;\n }\n \n .cta-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #333;\n }\n \n .cta-subtitle {\n font-size: 18px;\n margin-bottom: 30px;\n color: #555;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .cta-button {\n display: inline-block;\n padding: 15px 40px;\n background: linear-gradient(to right, #c9a97e, #d9c09e);\n color: white;\n text-decoration: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, #d9c09e, #c9a97e);\n opacity: 0;\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n \n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n }\n \n .cta-button:hover::after {\n opacity: 1;\n }\n \n .footer-note {\n text-align: center;\n margin-top: 20px;\n font-size: 14px;\n color: #777;\n }\n \n \/* Fade animations *\/\n .fade-up {\n opacity: 0;\n transform: translateY(20px);\n }\n \n .pulse {\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.03);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @media (max-width: 768px) {\n .hero-content {\n flex-direction: column;\n }\n \n .hero-image {\n width: 200px;\n margin-bottom: 20px;\n }\n \n .ingredients-section, .how-it-works {\n flex-direction: column;\n }\n \n .timeline-items {\n flex-direction: column;\n }\n \n .timeline-bar {\n top: 0;\n left: 50%;\n width: 4px;\n height: 100%;\n transform: translateX(-50%);\n }\n \n .timeline-item {\n width: 100%;\n margin-bottom: 30px;\n display: flex;\n align-items: flex-start;\n }\n \n .timeline-dot {\n margin: 0 15px;\n }\n \n .timeline-content {\n flex: 1;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-container\"\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-beauty-of-joseon-glow-serum-propolis-niacinamide-30ml-55897506382162_1.webp?v=1746458212\"\/\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eSoro \u003cspan\u003eLuz do sol\u003c\/span\u003e Com niacinamida e própolis de abelha\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eUma combinação inédita de niacinamida e própolis de abelha para uma pele radiante e radiante\u003c\/p\u003e\n\u003cdiv class=\"hero-badges\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n Fórmula coreana original\n \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n Sem produtos químicos nocivos\n \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n Ideal para todos os tipos de pele\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eUma combinação inédita de niacinamida e própolis de abelha\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNiacinamida\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eNão é apenas um ingrediente, é um milagre que reequilibra a pele, reduz a pigmentação e confere-lhe uma cor uniforme e radiante.Melhora a elasticidade da pele e fortalece a barreira natural de hidratação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePrópolis (própolis de abelha)\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eExtraído das colmeias, atua como um poderoso antiinflamatório e estimulador da regeneração celular, mantendo a pele jovem e proporcionando proteção natural.Combate o aparecimento de espinhas e sinais de envelhecimento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eQuando estes ingredientes se juntam numa única fórmula, transformam-se numa potência natural incomparável;Um milagre que restaura a juventude da sua pele e lhe dá o brilho que você sempre sonhou.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\" width=\"100%\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\/\u003e\n Seu navegador não suporta reprodução de vídeo.\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003eResultados instantâneos!\u003c\/h2\u003e\n\u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003ePoros menores, pele mais clara, pele perfeita\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBenefícios incríveis para sua pele\u003c\/h2\u003e\n\u003cp\u003eEste sérum é uma solução abrangente para pele opaca e cansada, pois apresenta efeitos surpreendentes que incluem:\u003c\/p\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n\u003cline x1=\"12\" x2=\"12\" y1=\"1\" y2=\"3\"\u003e\u003c\/line\u003e\n\u003cline x1=\"12\" x2=\"12\" y1=\"21\" y2=\"23\"\u003e\u003c\/line\u003e\n\u003cline x1=\"4.22\" x2=\"5.64\" y1=\"4.22\" y2=\"5.64\"\u003e\u003c\/line\u003e\n\u003cline x1=\"18.36\" x2=\"19.78\" y1=\"18.36\" y2=\"19.78\"\u003e\u003c\/line\u003e\n\u003cline x1=\"1\" x2=\"3\" y1=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n\u003cline x1=\"21\" x2=\"23\" y1=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n\u003cline x1=\"4.22\" x2=\"5.64\" y1=\"19.78\" y2=\"18.36\"\u003e\u003c\/line\u003e\n\u003cline x1=\"18.36\" x2=\"19.78\" y1=\"5.64\" y2=\"4.22\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMelhorar o brilho da pele\u003c\/h3\u003e\n\u003cp\u003eIlumina e unifica a cor da pele enquanto reduz eficazmente a pigmentação e as marcas escuras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMelhorar a textura da pele\u003c\/h3\u003e\n\u003cp\u003eAumenta a suavidade da pele graças às propriedades hidratantes e iluminadoras da niacinamida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eProteção da pele\u003c\/h3\u003e\n\u003cp\u003eProteção contra infecções externas e danos causados pelos radicais livres graças ao poder da própolis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\u003e\u003c\/path\u003e\n\u003cline x1=\"6\" x2=\"6\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003cline x1=\"10\" x2=\"10\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003cline x1=\"14\" x2=\"14\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eApoiar a função de barreira da pele\u003c\/h3\u003e\n\u003cp\u003eManter a hidratação da pele e prevenir a sua perda, o que ajuda a reduzir as linhas de expressão.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUma jornada de resultados incríveis\u003c\/h2\u003e\n\u003cp\u003eCom o uso regular, você notará uma melhora gradual e alcançará resultados ideais em poucas semanas.\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-items\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003ePrimeiro uso\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eHidratação instantânea\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eVocê notará hidratação imediata da pele e uma textura mais lisa.A pele fica visivelmente mais fresca e radiante desde a primeira utilização.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDepois de uma semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTextura e brilho melhorados\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eA pele fica mais brilhante e suave.A vermelhidão e a irritação são reduzidas graças às propriedades antiinflamatórias da própolis.Redução notável da oleosidade da pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDepois de duas semanas\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eReduzindo a pigmentação\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eOs resultados da unificação do tom da pele começam a aparecer.Manchas escuras e hiperpigmentação reduzem gradualmente.A pele fica mais luminosa e fresca, com poros menores e menos visíveis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDepois de um mês\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTransformação perceptível\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eMelhora significativa na textura e tom da pele.Desaparecimento perceptível de muitos problemas de pele, como manchas escuras e cicatrizes.Redução visível de linhas finas e sinais de envelhecimento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDepois de dois meses\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003ePele completamente renovada\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003ePele incrivelmente radiante e radiante.Unificação completa do tom da pele e redução significativa da pigmentação.Melhora duradoura na aparência e textura da pele, com maior elasticidade e melhor saúde da pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003cdiv class=\"how-it-works-image\"\u003e\n\u003cimg alt=\"Fórmula cientificamente avançada\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eFórmula cientificamente avançada\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eComo funciona o soro?\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eA combinação funciona \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e Harmoniosamente para criar um efeito abrangente na pele.A própolis, extraída das colmeias, limpa a pele, combate inflamações e estimula a renovação celular, combatendo o aparecimento de espinhas e sinais de envelhecimento.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.8;\"\u003eJá a niacinamida atua unificando o tom da pele e reduzindo a pigmentação, além de melhorar a elasticidade da pele e fortalecer a barreira de hidratação.Juntos, estes princípios ativos alteram radicalmente a textura da pele, conferindo-lhe um aspecto mais radiante e vibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComo usar\u003c\/h2\u003e\n\u003cp\u003eDepois de limpar bem a pele, o sérum é aplicado na região facial, com foco nas áreas que precisam de clareamento e melhora, como contorno dos olhos, testa e linha do maxilar.Massageie suavemente até ser totalmente absorvido e, em seguida, aplique um hidratante para manter a hidratação e aumentar a eficácia.Use de manhã e à noite para obter melhores resultados.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpando a pele\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicação de soro\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eMassageie suavemente\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicar hidratante\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-section pulse\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch2 class=\"cta-title\"\u003eRestaure o brilho da sua pele hoje\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eÓtima relação custo-benefício - nossa fórmula de soro iluminador combina ingredientes naturais cientificamente comprovados para uma pele radiante e saudável.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eEncomende agora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-note\"\u003e\n\u003cp\u003eBeauty Of Joseon Glow Serum Própolis + Niacinamida combina ingredientes naturais cientificamente comprovados que melhoram o brilho e o tom da pele com proteção ambiental avançada.Embora possa ser um pouco mais caro em comparação com alguns outros produtos, uma pequena quantidade é suficiente para obter resultados surpreendentes e duradouros, tornando-o um investimento eficaz na saúde e beleza da sua pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Init functions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animations\n initFadeEffects();\n \n \/\/ Video autoplay fix for some mobile browsers\n const video = document.querySelector('video');\n if (video) {\n video.play().catch(function(error) {\n console.log(\"Video autoplay prevented by browser\");\n });\n }\n });\n \n \/\/ Initialize fade effects\n function initFadeEffects() {\n const fadeElements = document.querySelectorAll('.fade-up');\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n \n const observer = new IntersectionObserver((entries, observer) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n \n fadeElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Add staggered animations\n const staggerElements = document.querySelectorAll('.fade-up');\n staggerElements.forEach((el, index) =\u003e {\n el.style.transitionDelay = `${index * 0.05}s`;\n });\n }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589240746181,"sku":"","price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml.jpg?v=1742651704"},{"product_id":"beauty-of-joseon-revive-eye-serum","title":"Beauty of Joseon Revive Eye Serum é especializado em olheiras |Bolsas nos olhos Sinais de idade","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #4a4a4a;\n line-height: 1.6;\n direction: ltr;\n }\n \n .product-header {\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n \n .product-title {\n font-size: 2.2rem;\n color: #3a2d28;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 3px;\n background: linear-gradient(90deg, #c3a300, #c3a300);\n border-radius: 2px;\n }\n \n .product-subtitle {\n font-size: 1.2rem;\n color: #7d6e67;\n font-weight: 400;\n }\n \n .section {\n margin-bottom: 40px;\n position: relative;\n overflow: visible;\n }\n \n .section-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 20px;\n }\n \n .section-icon {\n width: 30px;\n height: 30px;\n margin-bottom: 10px;\n fill: #c3a300;\n }\n \n .section-title {\n font-size: 1.5rem;\n color: #3a2d28;\n position: relative;\n margin-bottom: 15px;\n text-align: center;\n }\n \n .section-divider {\n width: 100%;\n height: 1px;\n background-color: #c3a300;\n }\n \n .section-content {\n color: #5d5d5d;\n font-size: 1rem;\n padding: 15px 0;\n display: block;\n visibility: visible;\n }\n \n .highlight {\n color: #c3a300;\n font-weight: 500;\n }\n \n .feature-list {\n margin-top: 25px;\n display: block;\n visibility: visible;\n }\n \n .feature-item {\n display: flex;\n margin-bottom: 25px;\n opacity: 1;\n transform: none;\n visibility: visible;\n }\n \n .feature-icon {\n width: 40px;\n height: 40px;\n min-width: 40px;\n fill: #c3a300;\n margin-left: 15px;\n margin-top: 5px;\n }\n \n .feature-content {\n flex: 1;\n }\n \n .feature-title {\n font-weight: bold;\n color: #3a2d28;\n margin-bottom: 5px;\n font-size: 1.1rem;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n text-align: center;\n flex: 1;\n min-width: 100px;\n margin: 10px;\n position: relative;\n opacity: 1;\n }\n \n .step:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 30px;\n left: -15px;\n width: 30px;\n height: 2px;\n background-color: #c3a300;\n }\n \n .step-number {\n width: 40px;\n height: 40px;\n background-color: #c3a300;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto 15px;\n font-weight: bold;\n box-shadow: 0 5px 10px rgba(195, 163, 0, 0.3);\n }\n \n .step-text {\n font-size: 0.9rem;\n }\n \n .clinical-results {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n \n .result-card {\n border: 1px solid #e8e8e8;\n border-radius: 12px;\n padding: 30px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: transform 0.3s, box-shadow 0.3s;\n background-color: #ffffff;\n margin-bottom: 15px;\n }\n \n .result-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n }\n \n .result-icon {\n width: 50px;\n height: 50px;\n margin: 0 auto 15px;\n fill: #c3a300;\n }\n \n .result-title {\n font-size: 1rem;\n color: #3a2d28;\n margin-bottom: 15px;\n }\n \n .result-percentage {\n font-size: 2.4rem;\n color: #c3a300;\n font-weight: bold;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .result-percentage::after {\n content: '%';\n font-size: 1.2rem;\n position: absolute;\n top: 0;\n right: -20px;\n }\n \n .percentage-wrapper {\n position: relative;\n height: 120px;\n margin-bottom: 15px;\n margin-top: 10px;\n }\n \n .counter {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 2.2rem;\n color: #c3a300;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n \n .counter-value {\n font-size: 2.2rem;\n }\n \n .counter-suffix {\n font-size: 1rem;\n margin-top: -8px;\n }\n \n .circular-progress {\n position: relative;\n height: 100px;\n width: 100px;\n margin: 0 auto;\n }\n \n .circle-container {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n border: 6px solid #c3a300;\n margin: 0 auto;\n position: relative;\n }\n \n .circular-progress circle {\n stroke-dashoffset: 251.2;\n stroke-dasharray: 251.2;\n stroke-width: 8px;\n stroke-linecap: round;\n fill: none;\n }\n \n .circular-progress .bg {\n stroke: #f1f1f1;\n }\n \n .circular-progress .progress {\n stroke: #c3a300;\n transition: stroke-dashoffset 1.5s ease;\n }\n \n .progress.animated {\n animation: progressAnimation 1.5s ease forwards;\n }\n \n @keyframes progressAnimation {\n from {\n stroke-dashoffset: 251.2;\n }\n to {\n stroke-dashoffset: var(--final-offset, 0);\n }\n }\n \n .result-description {\n color: #5d5d5d;\n font-size: 0.9rem;\n }\n \n @keyframes wave {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-10px);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .animate-wave {\n animation: wave 3s ease-in-out infinite;\n }\n \n .fade-in {\n animation: fadeIn 1s forwards;\n }\n \n @media (max-width: 768px) {\n .feature-item {\n flex-direction: column;\n text-align: center;\n }\n \n .feature-icon {\n margin: 0 auto 10px;\n }\n \n .step:not(:last-child)::after {\n display: none;\n }\n \n .clinical-results {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eSua jornada de rejuvenescimento ocular começa agora\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eDescubra o segredo para iluminar seus olhos com \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003eUma fórmula inovadora que combina as mais recentes tecnologias científicas com ingredientes naturais puros para revitalizar a delicada área dos olhos.Este soro revolucionário atua combatendo simultaneamente os sinais de fadiga e envelhecimento, conferindo aos seus olhos uma aparência mais jovem e brilhante.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_e8f8ea7b-01fc-4144-9da3-ecc29addcda7.webp?v=1742659829\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M17.66,11.2C17.43,10.9 17.15,10.64 16.89,10.38C16.22,9.78 15.46,9.35 14.82,8.72C13.33,7.26 13,4.85 13.95,3C13,3.23 12.17,3.75 11.46,4.32C8.87,6.4 7.85,10.07 9.07,13.22C9.11,13.32 9.15,13.42 9.15,13.55C9.15,13.77 9,13.97 8.8,14.05C8.57,14.15 8.33,14.09 8.14,13.93C8.08,13.88 8.04,13.83 8,13.76C6.87,12.33 6.69,10.28 7.45,8.64C5.78,10 4.87,12.3 5,14.47C5.06,14.97 5.12,15.47 5.29,15.97C5.43,16.57 5.7,17.17 6,17.7C7.08,19.43 8.95,20.67 10.96,20.92C13.1,21.19 15.39,20.8 17.03,19.32C18.86,17.66 19.5,15 18.56,12.72L18.43,12.46C18.22,12 17.66,11.2 17.66,11.2M14.5,17.5C14.22,17.74 13.76,18 13.4,18.1C12.28,18.5 11.16,17.94 10.5,17.28C11.69,17 12.4,16.12 12.61,15.23C12.78,14.43 12.46,13.77 12.33,13C12.21,12.26 12.23,11.63 12.5,10.94C12.69,11.32 12.89,11.7 13.13,12C13.9,13 15.11,13.44 15.37,14.8C15.41,14.94 15.43,15.08 15.43,15.23C15.46,16.05 15.1,16.95 14.5,17.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eComo funciona o soro?\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eO sérum funciona combinando três ingredientes principais que criam um efeito abrangente: Retinal suaviza a pele e estimula a regeneração celular, enquanto os lipossomas estabilizam eficazmente a retina e melhoram a sua absorção, e o extrato de raiz de ginseng proporciona hidratação duradoura e proteção superior.Com este mecanismo único, a barreira cutânea é reconstruída e o aparecimento de rugas finas, olheiras e papos é reduzido, devolvendo vitalidade e brilho aos seus olhos.\u003c\/p\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003eO que distingue a composição?\u003c\/h3\u003e\n\u003cp\u003eA singularidade desta fórmula reside na combinação do poder do retinal com lipossomas e extrato de ginseng;Cada ingrediente por si só é considerado um milagre na melhoria da saúde da pele.Quando combinados, tornam-se uma força natural imparável que rejuvenesce a área dos olhos e estimula a produção de colágeno, melhorando a elasticidade da pele e reduzindo os sinais de fadiga e envelhecimento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003ePor que esta fórmula é considerada melhor que outros derivados de retinol?\u003c\/h3\u003e\n\u003cp\u003eO retinol é uma forma de vitamina A que precisa ser transformada na pele para se tornar ativa, tornando-a menos eficaz em comparação com o retinal.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e Quanto à retina\u003c\/strong\u003e, atua diretamente estimulando a renovação celular e a produção de colágeno sem necessidade de conversão, o que acelera os resultados e reduz o risco de irritação.Essa diferença faz do Retinal a escolha ideal para cuidados intensivos da área dos olhos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M4,6H2V20A2,2 0 0,0 6,20V22H6A2,2 0 0,0 8,20V4A2,2 0 0,0 6,2H4V4H6V6M14,6H12V20A2,2 0 0,0 16,20V22H16A2,2 0 0,0 18,20V4A2,2 0 0,0 16,2H14V4H16V6M22,20V2H20V4H22V6H20V20H22Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eComo usar\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eApós limpar suavemente a pele, aplique o sérum na área dos olhos com uma pequena quantidade.Massageie suavemente o produto até completa absorção e, em seguida, aplique um hidratante adequado para manter a hidratação e potencializar os resultados.É preferível usar o soro de manhã e à noite para obter os melhores resultados.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpe suavemente a pele\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplique uma pequena quantidade de soro\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eMassageie suavemente até absorção\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eFaça o acompanhamento com um hidratante adequado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eResultados clínicos\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eExperimentos demonstraram que o uso regular do soro leva a melhorias visíveis em diversas áreas:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eReduzindo rugas finas\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e16\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eRedução da profundidade das rugas finas ao redor dos olhos após 8 semanas de uso regular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eAumentar a hidratação\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e118\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eMelhoria nos níveis de hidratação da área dos olhos em comparação com as medições iniciais antes do uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eReduzindo olheiras\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e30\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eMelhoria notável no tom da pele e redução da pigmentação ao redor dos olhos após apenas 4 semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eMelhorar a textura da pele\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e50\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eAumento da suavidade da pele e melhoria da textura graças à renovação celular e ao fortalecimento da barreira cutânea.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eEm \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e Não apenas um produto de cuidado;É um verdadeiro investimento na juventude e na beleza dos seus olhos.Sua fórmula avançada proporciona resultados surpreendentes em pequenas doses, sendo a escolha ideal para quem busca brilho duradouro e aspecto jovem.\u003c\/p\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589813104837,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-ginseng-retinal-revive-eye-serum-30ml.jpg?v=1742657450"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003eCaracol...o segredo mágico para resistir aos sinais do tempo\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"285\" data-start=\"36\"\u003ePrepare-se para enfrentar os efeitos do tempo e do desgaste com \u003cstrong data-end=\"106\" data-start=\"72\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – Um produto revolucionário que combina o poder do extrato de caracol preto 89% com a fórmula terapêutica de Trusica que repara e hidrata profundamente a pele.Cada gota é um passo ousado em direção a uma pele mais jovem e radiante.\u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"314\" data-start=\"287\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"314\" data-start=\"287\"\u003eCombinação sem precedentes de extrato de caracol preto\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"366\" data-start=\"315\"\u003e A fórmula combina dois ingredientes naturais essenciais\u003c\/p\u003e\n\u003cul data-end=\"756\" data-start=\"367\"\u003e\n\u003cli class=\"\" data-end=\"485\" data-start=\"367\"\u003e\n\u003cp class=\"\" data-end=\"485\" data-start=\"369\"\u003e\u003cstrong data-end=\"394\" data-start=\"369\"\u003eExtrato de caracol preto\u003c\/strong\u003e Nutre profundamente a pele, estimula a regeneração celular e reduz rugas, cicatrizes e efeitos de acne.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003e\u003cstrong data-end=\"515\" data-start=\"488\"\u003eFórmula terapêutica Trusica\u003c\/strong\u003e Remove habilmente os efeitos dos danos e trata as cicatrizes, restaurando o equilíbrio natural e a hidratação permanente da pele.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003eEstes ingredientes combinam-se com a niacinamida e extratos vegetais para apoiar a elasticidade e a barreira da pele, protegendo-a dos agressores ambientais e conferindo-lhe uma luminosidade deslumbrante.\u003cbr data-end=\"608\" data-start=\"605\"\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2\u003ePor que caracóis pretos especificamente? \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eO extrato de caracol é um ingrediente popular em produtos para a pele graças aos seus muitos benefícios.No entanto, o extrato de caracol preto possui propriedades únicas que o tornam superior a outros extratos.Na tabela a seguir explicamos os motivos que nos levaram a escolher o extrato de caracol preto em nosso soro \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eArtigo\u003c\/th\u003e\n\u003cth\u003eExtrato de caracol preto\u003c\/th\u003e\n\u003cth\u003eOutros extratos de caracol\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngredientes ativos\u003c\/td\u003e\n\u003ctd\u003eContém alto percentual de proteínas, elastina, colágeno e ácidos graxos essenciais, o que promove a saúde da pele e melhora sua elasticidade.\u003c\/td\u003e\n\u003ctd\u003eContém princípios ativos, mas em proporções menores em comparação ao caracol preto.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEficácia na reparação da pele\u003c\/td\u003e\n\u003ctd\u003eEstimula a regeneração das células da pele, reduz o aparecimento de cicatrizes e acne e melhora a textura geral da pele.\u003c\/td\u003e\n\u003ctd\u003eAjuda a rejuvenescer a pele, mas pode ser menos eficaz no tratamento de cicatrizes mais profundas e de acne.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHidratação e elasticidade\u003c\/td\u003e\n\u003ctd\u003eProporciona hidratação profunda e aumenta a elasticidade da pele graças ao seu rico conteúdo em colágeno e proteínas.\u003c\/td\u003e\n\u003ctd\u003eFornece boa hidratação, mas pode ser menos eficaz no aumento da elasticidade do que a hélice preta.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAntienvelhecimento\u003c\/td\u003e\n\u003ctd\u003eContém poderosos antioxidantes que reduzem o aparecimento de linhas finas e rugas, proporcionando uma aparência mais jovem.\u003c\/td\u003e\n\u003ctd\u003eContribui para o anti-envelhecimento, mas o seu efeito pode ser menos pronunciado em comparação com o caracol preto.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUnificando o tom da pele\u003c\/td\u003e\n\u003ctd\u003eAjuda a reduzir a pigmentação e unificar o tom da pele, conferindo-lhe um brilho natural.\u003c\/td\u003e\n\u003ctd\u003ePode contribuir para unificar o tom da pele, mas com menor eficácia.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eAo escolher o extrato de caracol preto, é fornecido um soro \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e Vários benefícios superam outros extratos, tornando-o a escolha ideal para quem busca uma pele saudável, fresca e perfeita.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"783\" data-start=\"758\"\u003eTem uma solução para cada problema da sua pele\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"877\" data-start=\"784\"\u003eÉ considerado \u003cstrong data-end=\"825\" data-start=\"791\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e A solução abrangente para problemas de pele danificada;Funciona em:\u003c\/p\u003e\n\u003cul data-end=\"1164\" data-start=\"878\"\u003e\n\u003cli class=\"\" data-end=\"958\" data-start=\"878\"\u003e\n\u003cp class=\"\" data-end=\"958\" data-start=\"880\"\u003eReidrata profundamente a pele e estimula a regeneração celular, o que melhora o seu aspecto geral.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1037\" data-start=\"959\"\u003e\n\u003cp class=\"\" data-end=\"1037\" data-start=\"961\"\u003eReduzindo o aparecimento de rugas finas e cicatrizes resultantes de acne e fatores ambientais.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1106\" data-start=\"1038\"\u003e\n\u003cp class=\"\" data-end=\"1106\" data-start=\"1040\"\u003eApoiando a barreira natural da pele e reequilibrando os níveis de óleo e água.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1164\" data-start=\"1107\"\u003e\n\u003cp class=\"\" data-end=\"1164\" data-start=\"1109\"\u003eMelhora a textura da pele e proporciona um brilho natural que dura o dia todo.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003eComo funciona o soro?\u003c\/h2\u003e\n\u003cul data-end=\"1582\" data-start=\"1269\"\u003e\n\u003cli class=\"\" data-end=\"1367\" data-start=\"1269\"\u003e\n\u003cp class=\"\" data-end=\"1367\" data-start=\"1271\"\u003eO extrato de caracol preto estimula a produção de colágeno e a regeneração celular, o que devolve a juventude e elasticidade à pele.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1491\" data-start=\"1368\"\u003e\n\u003cp class=\"\" data-end=\"1491\" data-start=\"1370\"\u003eA fórmula Trusica ajuda a tratar cicatrizes e sinais de danos, enquanto a Niacinamida uniformiza o tom da pele e reduz a inflamação.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1582\" data-start=\"1492\"\u003e\n\u003cp class=\"\" data-end=\"1582\" data-start=\"1494\"\u003eO resultado é uma pele limpa, rejuvenescida, protegida dos efeitos do tempo e dos danos, com textura macia e brilho deslumbrante.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1613\" data-start=\"1584\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1613\" data-start=\"1584\"\u003eManeira ideal de usar\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"1886\" data-start=\"1614\"\u003eApós limpar suavemente a pele, aplique o sérum no rosto, concentrando-se nas áreas afetadas, como rugas e cicatrizes.Massageie suavemente o produto até completa absorção e, em seguida, aplique um hidratante adequado para manter a hidratação e potencializar os resultados.É preferível usar o soro de manhã e à noite para obter melhores resultados.\u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"1919\" data-start=\"1888\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1919\" data-start=\"1888\"\u003eOs melhores investimentos na saúde da sua pele\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"2177\" data-start=\"1920\"\u003eEm \u003cstrong data-end=\"1957\" data-start=\"1923\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e Não é apenas um produto para o cuidado da pele, é um verdadeiro investimento na juventude da sua pele.A sua fórmula concentrada e eficaz consegue resultados visíveis com a utilização de uma pequena quantidade, sendo a escolha ideal para quem procura devolver a frescura e a luminosidade à pele e protegê-la dos sinais do tempo.\u003c\/p\u003e\n\u003cp class=\"\" data-end=\"2327\" data-start=\"2179\"\u003eDesfrute de uma experiência terapêutica abrangente onde a ciência se encontra com a natureza para dar à sua pele o brilho que ela merece e estar sempre pronta para enfrentar os desafios do tempo com confiança e beleza.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44591502786757,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Heading_2.png?v=1742735468"},{"product_id":"yuja-niacin-30days-blemish-care-serum-50","title":"Some by Mi YUJA NIACIN 30DAYS BLEMISH CARE SERUM 50 ml","description":"\u003c!-- Section --\u003e\n\u003cstyle\u003e\n\/* Style Settings *\/\n.yuja-serum-container {\n max-width: 100%;\n margin: 0 auto;\n direction: ltr;\n color: #333;\n overflow-x: hidden;\n}\n\n.yuja-serum-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 0.8s ease forwards;\n}\n\n.yuja-serum-title {\n font-size: 26px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 15px;\n display: inline-block;\n}\n\n.yuja-serum-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 animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-serum-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.yuja-serum-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: scale(0.95);\n animation: fadeInAndScale 0.8s ease forwards;\n animation-delay: 0.2s;\n}\n\n.yuja-serum-image:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.yuja-serum-section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-section.visible {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-section-title {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n font-size: 22px;\n color: #333;\n font-weight: bold;\n}\n\n.yuja-serum-section-icon {\n margin-left: 10px;\n color: #9C8102;\n font-size: 24px;\n}\n\n.yuja-serum-content {\n background-color: #fff;\n border-radius: 8px;\n padding: 25px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n line-height: 1.7;\n}\n\n.yuja-serum-content:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-ingredients {\n margin-top: 30px;\n}\n\n.yuja-serum-ingredient-item {\n display: flex;\n margin-bottom: 20px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 8px;\n padding: 15px;\n transform: translateX(30px);\n opacity: 0;\n transition: all 0.5s ease;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item {\n transform: translateX(0);\n opacity: 1;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(1) {\n transition-delay: 0.1s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(3) {\n transition-delay: 0.3s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(4) {\n transition-delay: 0.4s;\n}\n\n.yuja-serum-ingredient-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n margin-left: 15px;\n}\n\n.yuja-serum-ingredient-content {\n flex: 1;\n}\n\n.yuja-serum-ingredient-title {\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.yuja-serum-ingredient-desc {\n color: #555;\n}\n\n.yuja-serum-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-serum-feature-section {\n margin: 40px 0;\n padding: 25px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-feature-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-serum-feature-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-conclusion {\n text-align: center;\n margin: 40px 0;\n padding: 30px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 8px;\n opacity: 0;\n transform: scale(0.95);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-conclusion.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.yuja-serum-conclusion p {\n line-height: 1.7;\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInAndScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-serum-container\"\u003e\n\u003cdiv class=\"yuja-serum-header\"\u003e\n\u003ch3 class=\"yuja-serum-title\"\u003e🌟 Uma revolução no mundo dos séruns: Some By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/h3\u003e\n\u003cp class=\"yuja-serum-intro\"\u003e\n Num mar de produtos para a pele, este sérum destaca-se como uma obra-prima que combina a natureza e a ciência moderna, oferecendo uma solução imediata e eficaz para os problemas de pele.\n \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.jpg?v=1744753103\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-serum-section\" id=\"ingredients-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-lemon yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003eUma fórmula única que supera as expectativas\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-content\"\u003e\n\u003cp\u003eO que distingue este sérum de outros produtos de niacinamida é a sua excepcional combinação de ingredientes:\u003c\/p\u003e\n\u003cdiv class=\"yuja-serum-ingredients\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003e82,3% de extrato de fruta Yuja (tangerina coreana)\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n Conhecido pela sua alta concentração de vitamina C, contém três vezes mais que o limão, o que confere à pele um brilho natural e estimula a produção de colágeno.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003e5% niacinamida\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n Na concentração ideal, uniformiza o tom da pele, reduz a pigmentação e fortalece a barreira protetora da pele sem causar irritação.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003eGlutationa e arbutina\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n Poderosos antioxidantes contribuem para reduzir a produção de melanina, o que ajuda a clarear manchas escuras e dar à pele uma aparência mais uniforme.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003e12 tipos de vitaminas\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n Nutre a pele, aumenta a sua vitalidade e ajuda a acalmar o stress resultante de factores ambientais nocivos.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum Benefits\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_3.jpg?v=1744753101\"\/\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-serum-feature-section\" id=\"results-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-clock yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003eResultados tangíveis em tempo recorde\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n Ao contrário de muitos soros que levam meses para mostrar resultados, este soro mostra seu efeito em apenas 30 dias.As experiências do usuário indicam uma clara melhora na unificação do tom da pele e na redução da pigmentação em um curto período.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum Value\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.webp?v=1744753103\"\/\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-serum-feature-section\" id=\"value-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-gem yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003eUm investimento inteligente para a sua pele\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n Com tamanho de 50 ml e alta concentração de princípios ativos, este soro tem uma excelente relação custo-benefício.Uma pequena quantidade é suficiente para alcançar os resultados desejados, tornando-o duradouro e oferecendo uma solução econômica e eficaz para o cuidado da pele.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n\u003cp\u003e\n Em suma, \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e Não é apenas mais um sérum no mercado, mas sim uma experiência única que combina o poder da natureza com a tecnologia moderna para conseguir uma pele saudável e radiante em tempo recorde.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const sections = document.querySelectorAll('.yuja-serum-section, .yuja-serum-feature-section, .yuja-serum-conclusion');\n \n \/\/ MRUm EleR UmeuUmnUmpR UmnD UmeuConcluídoRSR\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \/\/ Action trigger\n sections.forEach(section =\u003e {\n observer.observe(section);\n });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44664200888517,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care.jpg?v=1744752710"},{"product_id":"anua-niacinamide-txa-dark-spot-correcting-serum","title":"ANUA Niacinamida 10% + TXA 4% Soro Corretor de Manchas Escuras - Clareamento Avançado e Refinamento de Poros","description":"\u003cdiv class=\"anua-txa-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .anua-txa-ultimate-wrapper {\n --atxa-neon-red: #ff2a3b;\n --atxa-neon-rose: #ff6b7e;\n --atxa-neon-gold: #ffd24a;\n --atxa-glow-red: rgba(255, 42, 59, 0.45);\n --atxa-glow-gold: rgba(255, 210, 74, 0.45);\n\n --atxa-bg-base: #040304;\n --atxa-bg-surface: #0a0608;\n --atxa-bg-card: rgba(18, 10, 13, 0.9);\n --atxa-bg-card-hover: rgba(26, 14, 18, 0.98);\n\n --atxa-text-pure: #ffffff;\n --atxa-border: rgba(255, 42, 59, 0.25);\n --atxa-border-hover: rgba(255, 42, 59, 0.8);\n --atxa-line: rgba(255, 255, 255, 0.08);\n\n line-height: 1.8;\n position: relative;\n width: 100%;\n max-width: 100%;\n border-radius: 24px;\n background-color: var(--atxa-bg-base);\n color: var(--atxa-text-pure);\n box-shadow: inset 0 0 120px rgba(255, 42, 59, 0.08);\n box-sizing: border-box;\n padding: 40px 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .anua-txa-ultimate-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .neon-red {\n color: var(--atxa-neon-red) !important;\n text-shadow: 0 0 10px var(--atxa-glow-red), 0 0 20px var(--atxa-glow-red);\n font-weight: 900;\n }\n\n .neon-gold {\n color: var(--atxa-neon-gold) !important;\n text-shadow: 0 0 10px var(--atxa-glow-gold), 0 0 20px var(--atxa-glow-gold);\n font-weight: 900;\n }\n\n .neon-rose {\n color: var(--atxa-neon-rose) !important;\n text-shadow: 0 0 10px rgba(255, 107, 126, 0.5);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n .anua-txa-ultimate-wrapper img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 20px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(255, 42, 59, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .atxa-img-md {\n max-width: 650px !important;\n width: 100%;\n }\n\n .atxa-container {\n max-width: 940px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n }\n\n .atxa-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .atxa-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(110px);\n opacity: 0.35;\n animation: atxaOrbFloat 18s infinite alternate ease-in-out;\n pointer-events: none;\n }\n\n .atxa-orb-1 {\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(255, 42, 59, 0.22) 0%, transparent 70%);\n top: -120px; right: -120px;\n }\n\n .atxa-orb-2 {\n width: 550px; height: 550px;\n background: radial-gradient(circle, rgba(255, 210, 74, 0.16) 0%, transparent 70%);\n bottom: 15%; left: -150px;\n animation-delay: -6s;\n }\n\n @keyframes atxaOrbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 80px) scale(1.15); }\n }\n\n .atxa-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(255, 42, 59, 0.45);\n word-wrap: break-word;\n }\n\n .atxa-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .atxa-section-title::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--atxa-glow-red);\n }\n\n .atxa-badge {\n display: inline-block;\n background: rgba(255, 42, 59, 0.14);\n border: 1.5px solid var(--atxa-neon-red);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--atxa-glow-red);\n }\n\n .atxa-hero-subtitle {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 840px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--atxa-neon-red);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(255, 42, 59, 0.1));\n border-radius: 12px 0 0 12px;\n text-align: left;\n }\n\n .atxa-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), var(--atxa-neon-red), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--atxa-glow-red);\n }\n\n .atxa-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .atxa-card {\n background: linear-gradient(145deg, rgba(24, 12, 16, 0.92), rgba(8, 4, 6, 0.98));\n border: 1px solid var(--atxa-border);\n border-radius: 18px;\n padding: 28px 22px;\n transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;\n position: relative;\n overflow: hidden;\n text-align: left;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-width: 0;\n word-break: break-word;\n }\n\n .atxa-card:hover {\n transform: translateY(-8px);\n border-color: var(--atxa-neon-red);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--atxa-glow-red);\n background: rgba(32, 16, 22, 0.98);\n }\n\n .atxa-icon-wrap {\n width: 56px; height: 56px;\n background: rgba(8, 4, 6, 0.9);\n border: 1.5px solid rgba(255, 42, 59, 0.35);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 18px;\n color: var(--atxa-neon-red);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(255, 42, 59, 0.15);\n flex-shrink: 0;\n font-size: 1.3rem;\n font-weight: 900;\n }\n\n .atxa-card:hover .atxa-icon-wrap {\n transform: scale(1.1) rotate(-5deg);\n background: var(--atxa-neon-red);\n color: #040304;\n border-color: transparent;\n box-shadow: 0 0 25px var(--atxa-neon-red);\n }\n\n .atxa-card h3 {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .atxa-card p {\n color: #ffffff;\n font-size: 1.05rem;\n line-height: 1.75;\n font-weight: 500;\n }\n\n .atxa-ingredient-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(255, 42, 59, 0.14);\n border: 1px solid var(--atxa-neon-red);\n color: var(--atxa-neon-red);\n padding: 5px 14px;\n border-radius: 8px;\n font-size: 0.92rem;\n font-weight: 800;\n margin-bottom: 12px;\n box-shadow: 0 0 12px rgba(255, 42, 59, 0.2);\n width: fit-content;\n max-width: 100%;\n white-space: normal;\n word-break: break-word;\n }\n\n .atxa-ingredient-tag.gold {\n background: rgba(255, 210, 74, 0.14);\n border-color: var(--atxa-neon-gold);\n color: var(--atxa-neon-gold);\n box-shadow: 0 0 12px rgba(255, 210, 74, 0.25);\n }\n\n .atxa-ingredient-tag.rose {\n background: rgba(255, 107, 126, 0.14);\n border-color: var(--atxa-neon-rose);\n color: var(--atxa-neon-rose);\n box-shadow: 0 0 12px rgba(255, 107, 126, 0.25);\n }\n\n .atxa-diff-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-diff-card {\n background: linear-gradient(145deg, rgba(22, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n border: 1.5px solid var(--atxa-border);\n border-radius: 18px;\n padding: 24px 18px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-diff-card:hover {\n border-color: var(--atxa-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .atxa-bignum {\n font-size: clamp(34px, 5.5vw, 50px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .atxa-diff-card h4 {\n font-size: 1.18rem;\n font-weight: 800;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .atxa-diff-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.65;\n font-weight: 500;\n }\n\n .atxa-stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .atxa-stat-box {\n background: rgba(18, 8, 12, 0.9);\n border: 1.5px solid var(--atxa-border);\n border-radius: 18px;\n padding: 26px 16px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-stat-box:hover {\n border-color: var(--atxa-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .atxa-stat-num {\n font-size: clamp(34px, 5.5vw, 54px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .atxa-stat-title {\n color: #ffffff;\n font-size: 1.05rem;\n font-weight: 800;\n }\n\n .atxa-timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-timeline-card {\n background: rgba(18, 10, 14, 0.88);\n border: 1px solid var(--atxa-border);\n border-top: 4px solid var(--atxa-neon-red);\n border-radius: 16px;\n padding: 22px 16px;\n text-align: left;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-timeline-card:hover {\n transform: translateY(-6px);\n border-top-color: var(--atxa-neon-gold);\n background: rgba(28, 14, 20, 0.95);\n }\n\n .atxa-timeline-badge {\n display: inline-block;\n background: rgba(255, 42, 59, 0.14);\n color: var(--atxa-neon-red);\n font-weight: 900;\n padding: 4px 14px;\n border-radius: 20px;\n margin-bottom: 12px;\n font-size: 0.9rem;\n border: 1px solid var(--atxa-border);\n white-space: nowrap;\n }\n\n .atxa-timeline-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .atxa-value-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-value-card {\n background: linear-gradient(145deg, rgba(20, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n border: 1px solid var(--atxa-border);\n border-radius: 18px;\n padding: 26px 18px;\n text-align: left;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-value-card:hover {\n border-color: var(--atxa-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .atxa-value-num {\n width: 44px; height: 44px;\n background: rgba(255, 42, 59, 0.15);\n border: 1.5px solid var(--atxa-neon-red);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; font-weight: 900;\n color: var(--atxa-neon-gold);\n margin-bottom: 14px;\n }\n\n .atxa-value-card h3 {\n font-size: 1.2rem;\n font-weight: 900;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .atxa-value-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .atxa-steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-step-card {\n background: rgba(18, 8, 12, 0.85);\n border: 1.5px dashed var(--atxa-border);\n padding: 24px 16px;\n border-radius: 16px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-step-card:hover {\n border-color: var(--atxa-neon-red);\n transform: translateY(-5px);\n background: rgba(26, 12, 18, 0.95);\n }\n\n .atxa-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #2a080e, #0a0204);\n border: 2px solid var(--atxa-neon-red);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--atxa-neon-gold);\n margin: 0 auto 14px;\n box-shadow: 0 0 15px var(--atxa-glow-red);\n }\n\n .atxa-step-card h4 {\n color: var(--atxa-neon-red);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .atxa-step-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .atxa-table-wrap {\n margin: 35px 0;\n border-radius: 18px;\n border: 1px solid var(--atxa-border);\n background: rgba(18, 8, 12, 0.85);\n overflow: hidden;\n width: 100%;\n }\n\n .atxa-table { width: 100%; border-collapse: collapse; text-align: left; }\n .atxa-table th, .atxa-table td {\n padding: 18px 20px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n font-size: 1.05rem;\n vertical-align: middle;\n }\n\n .atxa-table thead th {\n background: rgba(35, 10, 16, 0.95);\n font-size: 1.15rem; font-weight: 900;\n color: #ffffff;\n border-bottom: 2px solid var(--atxa-neon-red);\n }\n\n .atxa-table thead th.atxa-th-win {\n color: var(--atxa-neon-gold);\n background: rgba(255, 42, 59, 0.18);\n text-shadow: 0 0 18px var(--atxa-glow-gold);\n }\n\n .atxa-table td:first-child { color: #ffffff; font-weight: 800; }\n .atxa-table td.atxa-td-old { color: #ffffff; }\n .atxa-table td.atxa-td-win {\n color: #ffffff; font-weight: 700;\n background: rgba(255, 42, 59, 0.08);\n border-right: 3.5px solid var(--atxa-neon-red);\n }\n\n .atxa-table tbody tr:hover { background: rgba(255, 42, 59, 0.06); }\n .atxa-table tbody tr:last-child td { border-bottom: none; }\n\n .atxa-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n\n .atxa-reveal.atxa-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .atxa-delay-1 { transition-delay: 0.12s; }\n .atxa-delay-2 { transition-delay: 0.24s; }\n\n @media (max-width: 768px) {\n .anua-txa-ultimate-wrapper { padding: 25px 0; }\n .atxa-container { padding: 0 14px !important; }\n .atxa-img-md { max-width: 100% !important; }\n\n .atxa-benefits-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n width: 100% !important;\n }\n\n .atxa-benefits-grid .atxa-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-benefits-grid .atxa-icon-wrap {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n font-size: 16px !important;\n }\n\n .atxa-benefits-grid .atxa-card h3 {\n font-size: 0.94rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .atxa-benefits-grid .atxa-ingredient-tag {\n font-size: 0.72rem !important;\n padding: 3px 6px !important;\n margin-bottom: 6px !important;\n line-height: 1.25 !important;\n border-radius: 6px !important;\n }\n\n .atxa-benefits-grid .atxa-card p {\n font-size: 0.82rem !important;\n line-height: 1.5 !important;\n }\n\n .atxa-diff-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-diff-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-diff-card:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-bignum {\n font-size: 32px !important;\n }\n\n .atxa-diff-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .atxa-diff-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-stats-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-stat-box {\n padding: 16px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-stat-box:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-stat-num {\n font-size: 34px !important;\n }\n\n .atxa-stat-title {\n font-size: 0.85rem !important;\n }\n\n .atxa-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-timeline-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-timeline-badge {\n font-size: 0.75rem !important;\n padding: 3px 8px !important;\n margin-bottom: 8px !important;\n }\n\n .atxa-timeline-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-value-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-value-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-value-card:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-value-num {\n width: 36px !important;\n height: 36px !important;\n font-size: 1rem !important;\n margin-bottom: 8px !important;\n }\n\n .atxa-value-card h3 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .atxa-value-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-step-card:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .atxa-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .atxa-step-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-table, .atxa-table tbody, .atxa-table tr, .atxa-table td { display: block; width: 100%; }\n .atxa-table thead { display: none; }\n .atxa-table tr {\n margin-bottom: 12px;\n border: 1px solid rgba(255, 42, 59, 0.25);\n border-radius: 14px;\n overflow: hidden;\n }\n .atxa-table td { border-bottom: 1px solid rgba(255,255,255,0.06); padding: 12px 14px; font-size: 0.88rem; }\n .atxa-table td:first-child {\n background: rgba(35, 10, 16, 0.95);\n font-size: 1rem;\n color: var(--atxa-neon-gold);\n }\n .atxa-table td[data-label]::before {\n content: attr(data-label) \": \";\n font-weight: 800;\n color: var(--atxa-neon-rose);\n margin-left: 6px;\n }\n .atxa-table td.atxa-td-win::before { color: var(--atxa-neon-gold); }\n\n .atxa-title-glow { font-size: 24px; }\n .atxa-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"atxa-ambient-bg\"\u003e\n\u003cdiv class=\"atxa-orb atxa-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"atxa-orb atxa-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"atxa-hero atxa-reveal atxa-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"atxa-badge\"\u003eA fórmula de clareamento e correção de manchas mais poderosa da Coréia\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e\n Soro de Niacinamida Anua 10% + TXA 4%\u003cbr\/\u003e\n\u003cspan class=\"neon-gold\"\u003eLivre-se da base e recupere a pureza da sua pele em 30 dias\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n Estou cansado de sua educação \u003cspan class=\"neon-red\"\u003eVestígios de espinhas antigas com corretivo\u003c\/span\u003e?O melasma e as manchas solares desaparecem, não importa o quanto você experimente soros clareadores? \u003cspan class=\"neon-gold\"\u003eO segredo é não descascar a pele\u003c\/span\u003eO segredo é parar a mancha desde a raiz antes que ela apareça na superfície da pele.\n \u003c\/p\u003e\n\u003cimg alt=\"ANUA Niacinamide 10% + TXA 4% Serum\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_against_dark_backgr__202608311311.jpg?v=1788171326\" style=\"margin-bottom: 30px;\"\/\u003e\n\u003cdiv style=\"background: rgba(255, 42, 59, 0.08); border: 1.5px solid var(--atxa-neon-red); border-radius: 18px; padding: 22px; text-align: center; max-width: 840px; margin: 0 auto 30px;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 900; color: #ffffff; line-height: 1.85;\"\u003e\n Não é apenas um soro clareador comum. \u003cspan class=\"neon-red\"\u003eTrilogia de correção inteligente\u003c\/span\u003e Ele se funde \u003cspan class=\"neon-gold\"\u003e10% niacinamida + 4% tranexâmico + 2% arbutina\u003c\/span\u003e Para apagar a mancha mais escura você está prestes a unificar sua cor sem um único ponto de descamação ou uma única queimadura!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255, 210, 74, 0.08); border: 1px dashed var(--atxa-neon-gold); padding: 16px 22px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; max-width: 820px;\"\u003e\n\u003cp style=\"font-size: 1.05rem; font-weight: 800; margin: 0; color: #ffffff;\"\u003e\n Produto mais vendido em \u003cspan class=\"neon-gold\"\u003eMais de 30 países\u003c\/span\u003e Para acabar de uma vez por todas com a batalha das manchas teimosas, totalmente seguro para peles sensíveis.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. Core Targeted Benefits Grid --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"margin-top: 15px;\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eO que exatamente mudará em sua pele?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n A verdadeira diferença você verá no espelho todos os dias desde a primeira semana:\n \u003c\/p\u003e\n\u003cdiv class=\"atxa-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"atxa-card\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003eCor uniforme e poros fechados\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eNiacinamida 10% pura\u003c\/div\u003e\n\u003cp\u003eControla o excesso de sebo, estreita os poros dilatados e distribui frescor por toda parte, eliminando a necessidade de pó de maquiagem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003ePare o melasma na origem\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eÁcido tranexâmico 4%\u003c\/div\u003e\n\u003cp\u003ePrevine a formação de pigmentos de pigmentação em suas raízes profundas, evitando o melasma e as manchas solares de verão antes que se estabeleçam na pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eApague vestígios de espinhas teimosas\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eArbutina Pura 2%\u003c\/div\u003e\n\u003cp\u003eFunciona como um elástico nas marcas marrons e vermelhas deixadas pelas espinhas antigas, para que sua pele volte limpa como um filtro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"atxa-card\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003ePlenitude aquosa sem qualquer secura\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eÁcido hialurônico e poliglutâmico\u003c\/div\u003e\n\u003cp\u003eEle infunde as células da pele com umidade aquosa profunda, evitando ressecamento ou descamação que geralmente é causada por outros soros clareadores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eEscudo de proteção evita o retorno de manchas\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eCeramida NP\u003c\/div\u003e\n\u003cp\u003eEle constrói uma barreira protetora sólida que retém a umidade da pele e evita que a sensibilidade ao sol e as flutuações climáticas queimem você novamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e6\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eCalmante instantâneo sem qualquer vermelhidão\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eCica e chá verde natural\u003c\/div\u003e\n\u003cp\u003eUma sensação de frescura e conforto desde a primeira gota.Elimina a ardência e acalma imediatamente a irritação, mesmo que a sua pele seja muito sensível.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. Formula Secrets Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003ePor que este soro não queima ou irrita sua pele?\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Serum Natural Ingredients\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_rose_petals_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n A maioria dos soros clareadores são agressivos e causam queimaduras e descamação, mas Anua resolve a equação:\n \u003c\/p\u003e\n\u003cdiv class=\"atxa-diff-grid\"\u003e\n\u003cdiv class=\"atxa-diff-card\"\u003e\n\u003cdiv class=\"atxa-bignum neon-gold\"\u003e10%\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003ePotência máxima sem sensibilidade\u003c\/h4\u003e\n\u003cp\u003eA proporção áurea que ilumina e unifica a cor rapidamente, mas é apoiada por agentes calmantes e ceramidas, para que você fique 100% confortável.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-bignum neon-red\"\u003e100%\u003c\/div\u003e\n\u003ch4 class=\"neon-red\"\u003ePureza rosa natural\u003c\/h4\u003e\n\u003cp\u003eSua cor rosa cristal não é um corante artificial, é a cor da vitamina B12 natural, que nutre e ilumina o tom da pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-bignum neon-rose\"\u003e7 dias\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\"\u003eFrescura e brilho perceptíveis\u003c\/h4\u003e\n\u003cp\u003eVocê não precisa esperar meses para ver os resultados, pois a textura da sua pele ficará lisa e o opacidade desaparecerá já na primeira semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.15rem; font-weight: 800; margin-top: 25px;\"\u003e\n Ideal para todos os tipos de pele, mesmo \u003cspan class=\"neon-gold\"\u003ePropenso a acne e sensível\u003c\/span\u003eÉ totalmente isento de perfumes e álcool.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Clinical Evidence \u0026 Stats Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eNúmeros reais comprovados por ensaios clínicos\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Niacinamide TXA Serum benefits\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_abstract_shapes_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n Resultados documentados após um estudo laboratorial \u003cspan class=\"neon-gold\"\u003e347 usado\u003c\/span\u003e:\n \u003c\/p\u003e\n\u003cdiv class=\"atxa-stats-grid\"\u003e\n\u003cdiv class=\"atxa-stat-box\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-gold\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"94\"\u003e0\u003c\/span\u003e%\n \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eDesbotamento visível de manchas escuras e hiperpigmentação\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-red\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eUnificação completa da cor do rosto e pescoço\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-rose\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eSuavidade perceptível e desaparecimento da aspereza da pele\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.1rem; font-weight: bold;\"\u003e\n Resultados documentados de centros de pesquisa coreanos credenciados, não apenas conversa publicitária!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Comparison Table --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003ePor que o soro Anua é superior aos soros normais?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-wrap\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eComparação\u003c\/th\u003e\n\u003cth\u003eSoros tradicionais\u003c\/th\u003e\n\u003cth class=\"atxa-th-win\"\u003eSoro de niacinamida ANUA TXA\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparação\"\u003eIngredientes ativos\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Soros tradicionais\"\u003e5% a 10% de niacinamida sozinha\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Soro de niacinamida ANUA TXA\"\u003e10% niacinamida + 4% tranexâmico + 2% arbutina\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparação\"\u003eComo tratar manchas\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Soros tradicionais\"\u003eUm fraco clareamento superficial ocorre com o primeiro sol\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Soro de niacinamida ANUA TXA\"\u003eInterrompe a produção de pigmento em manchas de suas raízes profundas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparação\"\u003eConforto da pele\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Soros tradicionais\"\u003eCausa queimação, descamação e pele seca\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Soro de niacinamida ANUA TXA\"\u003eHidratação aquosa instantânea com ceramidas e hialurônico\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparação\"\u003eRapidez do resultado\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Soros tradicionais\"\u003eDemora dois meses e você pode não notar diferença\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Soro de niacinamida ANUA TXA\"\u003eFrescura visível e desbotamento reduzido desde os primeiros 7 dias\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparação\"\u003eSegurança para peles sensíveis\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Soros tradicionais\"\u003eEstá cheio de álcool e perfume que inflama as espinhas\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Soro de niacinamida ANUA TXA\"\u003eCompletamente livre de perfumes, álcool e irritantes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Timeline Transformation Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eA jornada é passo a passo com o uso\u003c\/h2\u003e\n\u003cdiv class=\"atxa-timeline-grid\"\u003e\n\u003cdiv class=\"atxa-timeline-card\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003eSemana 1\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eBrilho e frescor instantâneos\u003c\/h4\u003e\n\u003cp\u003eAbsorção rápida em segundos sem qualquer pegajosidade, hidratação aquosa confortável e desbotamento começarão a desaparecer e suas mãos ficarão saudáveis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-gold);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003eSemana 2 e 3\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eVestígios desbotados de grãos\u003c\/h4\u003e\n\u003cp\u003eOs efeitos das espinhas superficiais começarão a clarear visivelmente, o irritante brilho do sebo diminuirá e seus poros parecerão mais limpos e menores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003eO primeiro mês\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eUniformidade de cor verdadeira\u003c\/h4\u003e\n\u003cp\u003eUma diminuição significativa do melasma e da pigmentação.Você sentirá que sua pele fica esticada e unificada, como se estivesse usando um filtro natural sem maquiagem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003eO segundo mês\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eClareza permanente e protegida\u003c\/h4\u003e\n\u003cp\u003eO desaparecimento quase completo das manchas antigas e teimosas, com uma forte barreira que protege a pele das manchas que reaparecem ao sol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Value Proposition Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003ePorque é que este sérum é o melhor investimento para a sua pele?\u003c\/h2\u003e\n\u003cimg alt=\"ANUA serum results\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_holding_skincare_serum_bottle_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cdiv class=\"atxa-value-grid\"\u003e\n\u003cdiv class=\"atxa-value-card\"\u003e\n\u003cdiv class=\"atxa-value-num\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003eDois pontos são suficientes\u003c\/h3\u003e\n\u003cp\u003eSua alta concentração faz com que duas ou três gotas cubram todo o rosto e pescoço.O frasco de 30 ml dura dois meses completos de uso diário.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-gold);\"\u003e\n\u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eElimina a necessidade de 4 produtos\u003c\/h3\u003e\n\u003cp\u003eEm vez de comprar um soro clareador, soro para acne, soro hialurônico e creme de ceramida, ele combina tudo isso em uma única etapa que economiza seu orçamento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eGarantido e testado globalmente\u003c\/h3\u003e\n\u003cp\u003eÉ o número 1 nas tendências de beleza coreanas e milhões de meninas o adotaram em sua rotina diária como uma alternativa segura às dispendiosas sessões clínicas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eMétodo fácil de usar para resultados máximos\u003c\/h2\u003e\n\u003cimg alt=\"ANUA serum bottle\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_on_red_liquid_202608311311.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cdiv class=\"atxa-steps-grid\"\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eLimpe seu rosto\u003c\/h4\u003e\n\u003cp\u003eUse-o de manhã ou à noite na pele completamente limpa e seca após a etapa do seu toner favorito.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eEspalhe suavemente\u003c\/h4\u003e\n\u003cp\u003eColocar 2 a 3 gotas e massagear suavemente, focando nas manchas e espinhas até completa absorção.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eFechar com hidratante\u003c\/h4\u003e\n\u003cp\u003eAplique o seu hidratante habitual para fixar os ingredientes, sendo muito importante usar protetor solar durante o dia para proteger a sua nova pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(32, 10, 16, 0.95) 0%, rgba(8, 2, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--atxa-neon-red); box-shadow: 0 20px 60px rgba(255, 42, 59, 0.25);\"\u003e\n\u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n Sua pele Eu não preciso disso MSUm SDUmRSeUm.. \u003cspan class=\"neon-gold\"\u003eEu preciso de um soro que realmente esclareça isso\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Niacinamide Serum\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/202608311326.jpg?v=1788172007\" style=\"margin: 30px auto;\"\/\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: bold; color: #ffffff; max-width: 800px; margin: 0 auto 25px; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-red\" style=\"font-size: 1.35rem; display: block; margin-bottom: 10px;\"\u003eEm vez de desperdiçar seu dinheiro e esgotar sua pele com experiências desnecessárias!\u003c\/strong\u003e\n Comece hoje mesmo com a fórmula tripla Anua aprovada internacionalmente... e apague manchas e espinhas para restaurar seu brilho natural com confiança.\n \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-neon-gold); font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--atxa-glow-gold);\"\u003e\n Encomende já o sérum original Anua Niacinamida 10% + TXA 4%...e desfrute de uma pele vítrea desde o primeiro mês!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 10. Technical INCI List --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"background: rgba(0,0,0,0.85); border: 1px dashed rgba(255, 42, 59, 0.3); border-radius: 16px; padding: 30px 20px; margin-top: 50px; text-align: left; direction: ltr; word-break: break-word; overflow-wrap: break-word;\"\u003e\n\u003ch3 style=\"color: var(--atxa-neon-red); margin-bottom: 15px; font-size: 1.2rem; text-align: left; direction: ltr; font-weight: 800;\"\u003eLista completa de ingredientes aprovados (INCI)\u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ffffff; line-height: 1.8; font-weight: 500;\"\u003e\n Water, Glycerin, \u003cstrong class=\"neon-red\"\u003eNiacinamide (10%)\u003c\/strong\u003e, \u003cstrong class=\"neon-gold\"\u003eTranexamic Acid (4%)\u003c\/strong\u003e, Butylene Glycol, Diethoxyethyl Succinate, 1,2-Hexanediol, \u003cstrong class=\"neon-rose\"\u003eArbutin (2%)\u003c\/strong\u003e, Sodium Hyaluronate, Alpha-Arbutin, Coccinia Indica Fruit Extract, Eclipta Prostrata Extract, Macadamia Integrifolia Seed Oil, Olea Europaea (Olive) Fruit Oil, Simmondsia Chinensis (Jojoba) Seed Oil, Vitis Vinifera (Grape) Seed Oil, Theobroma Cacao (Cocoa) Extract, Hydrolyzed Hyaluronic Acid, Chamaecyparis Obtusa Leaf Extract, Prunus Persica (Peach) Flower Extract, Camellia Sinensis Seed Oil, Yeast Ferment Extract, Centella Asiatica Extract, Artemisia Princeps Leaf Extract, Candida Bombicola\/Glucose\/Methyl Rapeseedate Ferment, Hyaluronic Acid, Pentylene Glycol, Betaine Salicylate, Sucrose Palmitate, Hydrogenated Lecithin, Gellan Gum, Sodium Phytate, Cellulose, Caprylic\/Capric Triglyceride, Panthenol, Cyanocobalamin, Polyglutamic Acid, 3-O-Ethyl Ascorbic Acid, \u003cstrong class=\"neon-red\"\u003eCeramide NP\u003c\/strong\u003e, Dextrin, Asiaticoside, Madecassic Acid, Asiatic Acid, Dimethylsilanol Hyaluronate, Hydrolyzed Sodium Hyaluronate, Potassium Hyaluronate, Hydroxypropyltrimonium Hyaluronate, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate Dimethylsilanol, Sodium Acetylated Hyaluronate, Xanthan Gum.\n \u003c\/p\u003e\n\u003cp style=\"font-size: 0.95rem; color: var(--atxa-neon-gold); margin-top: 10px; font-weight: bold; direction: ltr; text-align: left;\"\u003e\n Uma fórmula terapêutica coreana pura, totalmente livre de fragrâncias sintéticas, álcool forte e parabenos.100% seguro para peles sensíveis e com tendência a acne.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function () {\n var reveals = document.querySelectorAll('.atxa-reveal');\n var observer = new IntersectionObserver(function (entries, obs) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('atxa-active');\n \n var counters = entry.target.querySelectorAll('.atxa-counter');\n if (counters.length \u003e 0) {\n runCounters(counters);\n }\n \n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.08, rootMargin: \"0px 0px -40px 0px\" });\n\n reveals.forEach(function (el) { observer.observe(el); });\n\n function runCounters(counters) {\n counters.forEach(function (counter) {\n var target = parseFloat(counter.getAttribute('data-target'));\n if (isNaN(target)) return;\n var duration = 1800;\n var frames = 60;\n var increment = target \/ (duration \/ (1000 \/ frames));\n var current = 0;\n\n var updateCounter = function () {\n current += increment;\n if (current \u003c target) {\n counter.innerText = Math.ceil(current);\n requestAnimationFrame(updateCounter);\n } else {\n counter.innerText = target;\n }\n };\n updateCounter();\n });\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44672001540293,"sku":"","price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/316f0ef2-2c9d-4fee-83ef-8c7daa178681.avif?v=1788171326"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"BEAUTY OF JOSEON Light On Whitening Serum com Extrato de Centella e Vita C, Tamanho 30 ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n line-height: 1.6;\n direction: ltr;\n \n background-color: #ffffff;\n }\n\n \/* Typography *\/\n .product-container h1, \n .product-container h2 {\n color: #9C8102;\n margin-top: 1.8em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-container h1 {\n font-size: 2.2rem;\n text-align: center;\n position: relative;\n }\n \n .product-container h1::after {\n content: '';\n display: block;\n width: 100px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n\n .product-container h2 {\n font-size: 1.6rem;\n position: relative;\n }\n \n .product-container h2::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-container p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n line-height: 1.8;\n }\n\n .product-container strong {\n color: #9C8102;\n font-weight: bold;\n }\n \n .product-container ul {\n padding-right: 20px;\n margin: 1.5em 0;\n }\n \n .product-container li {\n margin-bottom: 1em;\n position: relative;\n }\n \n .product-container li p {\n margin-bottom: 0.5em;\n }\n\n \/* Hero section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 40px;\n background-color: #ffffff;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n margin: 30px 0;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature section *\/\n .feature-section {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n }\n \n \/* Info box *\/\n .info-box {\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 30px;\n margin: 30px 0;\n position: relative;\n }\n \n .info-box::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 4px;\n background-color: #9C8102;\n border-radius: 0 15px 15px 0;\n }\n\n \/* List items with custom bullets *\/\n .custom-list {\n list-style: none;\n padding: 0;\n }\n \n .custom-list li {\n padding-right: 25px;\n position: relative;\n margin-bottom: 15px;\n }\n \n .custom-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 10px;\n width: 8px;\n height: 8px;\n background-color: #9C8102;\n border-radius: 50%;\n }\n\n \/* Benefits grid *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n \n .benefit-card {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n transition: transform 0.3s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n }\n \n .benefit-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Testimonials section *\/\n .testimonials-section {\n background-color: #fafafa;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n }\n \n .testimonials-title {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n \n .testimonial-card {\n background-color: #ffffff;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .testimonial-highlight {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Call to action - Black *\/\n .cta-section {\n background: #000000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 40px 0;\n }\n \n .cta-title {\n color: white;\n font-size: 1.6rem;\n margin-bottom: 20px;\n position: relative;\n }\n \n .cta-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n \n .cta-text {\n font-size: 1.1rem;\n margin-bottom: 30px;\n color: white;\n }\n \n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: #9C8102;\n color: white;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n font-size: 1.1rem;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n }\n \n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n background-color: #b49a1c;\n }\n\n \/* Separator *\/\n .separator {\n height: 1px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n margin: 40px 0;\n width: 100%;\n }\n\n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Ingredients section *\/\n .ingredients-section {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 40px 0;\n gap: 30px;\n }\n \n .ingredients-image {\n flex: 1;\n min-width: 300px;\n }\n \n .ingredients-content {\n flex: 1;\n min-width: 300px;\n }\n \n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-grid,\n .testimonials-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredients-section {\n flex-direction: column;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003ch1\u003eBeauty of Joseon Light On Serum (Centella + Vita C) – brilho radiante coreano\u003c\/h1\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c.webp?v=1745771070\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"feature-section fade-in\"\u003e\n\u003ch2\u003eBrilho desobstruído: a importância de tratar a pigmentação e rejuvenescer a pele\u003c\/h2\u003e\n\u003cp\u003eA pigmentação e as manchas escuras não apenas reduzem a beleza da pele, mas também fazem com que ela pareça opaca e mais velha do que realmente é.O tratamento de pigmentação restaura o equilíbrio natural da pele, deixando-a mais clara, leve e radiante.A vitamina C desempenha um papel essencial na redução da pigmentação e na unificação da cor, além de estimular a produção de colágeno, que rejuvenesce a pele e melhora sua elasticidade.Quando a sua pele permanece uniforme e luminosa, a sua autoconfiança brilha diante do mundo inteiro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Application\" class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_light_on_serum_6eeba7fb-b756-4410-a59a-26c1d9a92945.webp?v=1745772222\"\/\u003e\n\u003c!-- Korean Heritage Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eA magia da herança coreana e da inovação moderna\u003c\/h2\u003e\n\u003cp\u003eLight On Serum Este produto é a personificação da arte coreana de cuidados com a pele.Contém 68% de extrato orgânico de Centella Asiática - a planta lendária famosa por sua capacidade milagrosa de acalmar a pele e renovar suas células.Apoiado nas mais recentes técnicas de estabilização da vitamina C, o sérum proporciona a máxima eficácia no clareamento e no tratamento da pigmentação sem qualquer irritação.Um toque de herança e um toque de inovação... e o resultado: verdadeira magia na sua pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Benefits\" class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c_2_24ba1a6d-be84-4fd5-a1a6-06a5a41a6a23.webp?v=1745772244\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"info-box fade-in\"\u003e\n\u003ch2\u003eComo funciona o sérum: Uma dupla única de brilho e hidratação\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003eAssim que você aplica o soro na pele, o extrato de Centella começa a hidratá-la e a acalmar qualquer vermelhidão ou inflamação.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eA vitamina C estabilizada penetra com segurança na pele, reduz a produção de melanina e clareia gradualmente a pigmentação teimosa.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eCom o uso regular, você notará que sua pele fica mais macia, clara e livre de manchas, com hidratação profunda que a mantém firme e brilhante.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"ingredients-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Ingredients\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003ch2\u003ePrincipais ingredientes e seu papel: Vitamina C e Centella no cuidado da sua pele\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eVitamina C (ácido 3-O-etil ascórbico 10%)\u003c\/strong\u003e: Um poderoso antioxidante que unifica o tom da pele, clareia manchas escuras e ativa a produção de colágeno para melhorar a aparência de linhas finas e rugas.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eExtrato de Centela Asiática (68%)\u003c\/strong\u003e: Uma planta terapêutica que acalma a pele irritada, estimula a regeneração das células da pele e aumenta a hidratação profunda para manter a elasticidade e a saúde da pele.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- Unique Benefits Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eO segredo da excelência: Porque é que este sérum é diferente de tudo o que já experimentou?\u003c\/h2\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Unique Benefits\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty-of-Joeson-Light-On-Serum-Centella-Vita-C-30ml-6-min.jpg?v=1745772347\"\/\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eFórmula leve é rapidamente absorvida\u003c\/h3\u003e\n\u003cp\u003eNão há sensação gordurosa ou camada pegajosa, mas sim suavidade e brilho claro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eAlta concentração de ingredientes ativos\u003c\/h3\u003e\n\u003cp\u003eA quantidade de Vitamina C e Centella é superior à da maioria dos séruns concorrentes, o que significa resultados mais rápidos e fortes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eIdeal para peles sensíveis\u003c\/h3\u003e\n\u003cp\u003eLivre de perfumes e álcool, acalma a pele em vez de irritá-la.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eResultados duplos\u003c\/h3\u003e\n\u003cp\u003eIlumine e combata os sinais de envelhecimento em uma única etapa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Testimonials Section --\u003e\n\u003cdiv class=\"testimonials-section fade-in\"\u003e\n\u003ch2 class=\"testimonials-title\"\u003eAvaliações de usuários: histórias reais de sucesso\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eResultados visíveis desde as primeiras semanas\u003c\/h3\u003e\n\u003cp\u003eA maioria dos usuários notou uma clara diferença na unificação do tom da pele e no aumento do brilho em poucas semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eTextura leve e confortável\u003c\/h3\u003e\n\u003cp\u003eTodos elogiaram que sua textura é leve e de fácil absorção, ideal até para os dias quentes de verão.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eAdequado para peles sensíveis\u003c\/h3\u003e\n\u003cp\u003eMuitas pessoas com pele sensível confirmaram que ajudou a acalmar a pele sem qualquer irritação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eSatisfação total e recomendações extensas\u003c\/h3\u003e\n\u003cp\u003eUma grande porcentagem dos que experimentaram adoraram tanto que o recompraram mais de uma vez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black Box --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubra o segredo do brilho coreano hoje\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003ePele mais brilhante e luminosa em um simples passo.Diga adeus às manchas escuras e à hiperpigmentação e olá à pele brilhante!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompre agora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to handle fade-in animations\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to fade-in elements when they come into view\n observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n setTimeout(() =\u003e {\n element.classList.add('visible');\n }, 100);\n });\n })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691708903621,"sku":"","price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-light-on-serum-centella-vita-c-30ml.jpg?v=1745770414"},{"product_id":"anua-peach-70-niacinamide-serum","title":"Anua Serum com 70% pêssego e niacinamida para clarear a pele, unificar a cor e combater a pigmentação, 30 ml","description":"\u003cdiv class=\"anua-txa-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* Style Settings *\/\n .anua-txa-wrapper {\n --atxa-bg-dark: #0f0508; \/* Style Settings *\/\n --atxa-bg-card: rgba(25, 10, 15, 0.6); \/* Style Settings *\/\n --atxa-rose-gold: #e29587; \/* Style Settings *\/\n --atxa-peach-glow: #fca38d; \/* Style Settings *\/\n --atxa-pink-light: #fad6d0; \/* Style Settings *\/\n --atxa-glow: rgba(226, 149, 135, 0.25);\n --atxa-text-main: #fdfaf9;\n --atxa-text-muted: #d4b5b0;\n --atxa-border: rgba(226, 149, 135, 0.2);\n --atxa-border-hover: rgba(252, 163, 141, 0.5);\n \n background-color: var(--atxa-bg-dark);\n color: var(--atxa-text-main);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 30px 0;\n border-radius: 16px;\n box-shadow: 0 0 60px rgba(226, 149, 135, 0.05) inset;\n }\n\n .anua-txa-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .anua-txa-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin-left: auto;\n margin-right: auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n }\n\n .atxa-container {\n max-width: 850px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* Style Settings *\/\n .atxa-ambient-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n }\n\n .atxa-particle {\n position: absolute;\n background: radial-gradient(circle, var(--atxa-glow) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpPeach 14s infinite ease-in-out;\n filter: blur(6px);\n }\n\n @keyframes floatUpPeach {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.6; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n }\n\n \/* Style Settings *\/\n .atxa-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4.5vw, 36px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.5;\n background: linear-gradient(135deg, #ffffff 0%, var(--atxa-peach-glow) 60%, var(--atxa-rose-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 30px var(--atxa-glow);\n }\n\n .atxa-section-title {\n display: block;\n width: 100%;\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 800;\n color: var(--atxa-peach-glow);\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .atxa-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--atxa-rose-gold), transparent);\n border-radius: 10px;\n }\n\n \/* Style Settings *\/\n .atxa-hero {\n text-align: center;\n padding: 20px 0 40px;\n position: relative;\n }\n\n .atxa-badge {\n display: inline-block;\n background: rgba(226, 149, 135, 0.15);\n border: 1px solid var(--atxa-rose-gold);\n color: var(--atxa-peach-glow);\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 0.95rem;\n font-weight: bold;\n margin-bottom: 25px;\n box-shadow: 0 0 20px var(--atxa-glow);\n }\n \n .atxa-hero-subtitle {\n font-size: 1.15rem;\n color: var(--atxa-text-muted);\n max-width: 750px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n \/* Style Settings *\/\n .atxa-glass-box {\n background: var(--atxa-bg-card);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid var(--atxa-border);\n border-radius: 20px;\n padding: 30px;\n margin: 40px auto;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n position: relative;\n overflow: hidden;\n max-width: 800px;\n }\n\n .atxa-glass-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--atxa-peach-glow), transparent);\n }\n\n \/* Style Settings *\/\n .atxa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n\n .atxa-card {\n background: linear-gradient(145deg, rgba(25, 10, 15, 0.7), rgba(15, 5, 8, 0.9));\n border: 1px solid var(--atxa-border);\n border-radius: 16px;\n padding: 25px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .atxa-card:hover {\n transform: translateY(-8px);\n border-color: var(--atxa-peach-glow);\n box-shadow: 0 10px 30px var(--atxa-glow);\n background: rgba(35, 15, 20, 0.8);\n }\n\n .atxa-icon {\n width: 55px;\n height: 55px;\n background: rgba(226, 149, 135, 0.1);\n border: 1px solid rgba(252, 163, 141, 0.3);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--atxa-peach-glow);\n transition: transform 0.3s ease;\n }\n \n .atxa-card:hover .atxa-icon {\n transform: scale(1.1) rotate(-5deg);\n background: linear-gradient(135deg, var(--atxa-rose-gold), var(--atxa-peach-glow));\n color: #111;\n border-color: transparent;\n }\n\n .atxa-card h3 {\n font-size: 1.15rem;\n color: #fff;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n\n .atxa-card p {\n color: var(--atxa-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* === Custom Lists with Checkmarks === *\/\n .atxa-list {\n list-style: none;\n padding: 0;\n margin-top: 15px;\n }\n\n .atxa-list li {\n position: relative;\n padding-right: 25px;\n margin-bottom: 10px;\n color: var(--atxa-text-muted);\n font-size: 0.95rem;\n }\n\n .atxa-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n top: 0;\n color: var(--atxa-peach-glow);\n font-weight: bold;\n }\n\n .atxa-highlight-num {\n color: var(--atxa-peach-glow);\n font-weight: bold;\n font-size: 1.1em;\n }\n\n \/* Style Settings *\/\n .atxa-table-container {\n overflow-x: auto;\n margin: 30px 0;\n border-radius: 16px;\n border: 1px solid var(--atxa-border);\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n background: rgba(15, 5, 8, 0.6);\n }\n\n .atxa-table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n min-width: 600px;\n }\n\n .atxa-table th, .atxa-table td {\n padding: 15px 20px;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n\n .atxa-table th {\n background: rgba(226, 149, 135, 0.1);\n color: var(--atxa-pink-light);\n font-weight: 800;\n font-size: 1.1rem;\n }\n\n .atxa-table td strong {\n color: var(--atxa-text-main);\n }\n\n .atxa-table tr:hover {\n background: rgba(226, 149, 135, 0.05);\n }\n \n .atxa-table tr:last-child td {\n border-bottom: none;\n }\n\n \/* Style Settings *\/\n .atxa-timeline-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .atxa-timeline-item {\n display: flex;\n align-items: center;\n gap: 20px;\n background: rgba(255,255,255,0.02);\n border: 1px dashed var(--atxa-border);\n padding: 20px;\n border-radius: 12px;\n border-right: 4px solid var(--atxa-rose-gold);\n transition: all 0.3s ease;\n }\n\n .atxa-timeline-item:hover {\n background: rgba(226, 149, 135, 0.05);\n border-color: var(--atxa-peach-glow);\n }\n\n .atxa-phase-badge {\n background: var(--atxa-bg-card);\n border: 1px solid var(--atxa-rose-gold);\n color: var(--atxa-peach-glow);\n padding: 8px 15px;\n border-radius: 8px;\n font-weight: bold;\n min-width: 120px;\n text-align: center;\n }\n\n \/* Style Settings *\/\n .atxa-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .atxa-reveal.atxa-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .atxa-delay-1 { transition-delay: 0.1s; }\n .atxa-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .atxa-hero { padding: 10px 0 20px; }\n .atxa-timeline-item { flex-direction: column; text-align: center; }\n .atxa-phase-badge { margin-bottom: 10px; width: 100%; }\n }\n \u003c\/style\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"atxa-ambient-particles\" id=\"atxa-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"atxa-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"atxa-hero atxa-reveal atxa-active\"\u003e\n\u003cdiv class=\"atxa-badge\"\u003eA equação coreana para pele de vidro\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e“Eles enganaram você e disseram que todas as niacinamidas são iguais!”\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n Num mundo onde as promessas são as mesmas, os resultados são radicalmente diferentes.Hoje você enfrenta uma escolha fatídica: continuar usando produtos regulares que proporcionam resultados superficiais ou tomar uma decisão que mudará para sempre o destino da sua pele.\n \u003c\/p\u003e\n\u003cimg alt=\"Anua Peach 70% Niacinamide Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.png?v=1747140901\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem Section --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eSua pele está opaca... e as pessoas notam!\u003c\/h2\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\"\u003e\n\u003cp style=\"text-align: center; color: var(--atxa-text-main); line-height: 1.8; margin-bottom: 20px; font-size: 1.1rem;\"\u003e\n Já reparou que a sua pele perde a frescura ano após ano?Com o tempo, as manchas escuras aumentam, os poros se expandem e a pele fica áspera e fosca. \u003cstrong\u003eMas a pergunta mais importante: o que você decidiu fazer a respeito?\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv style=\"border-top: 1px dashed var(--atxa-border); padding-top: 20px; text-align: center;\"\u003e\n\u003cp style=\"font-size: 1.25rem; color: var(--atxa-peach-glow); font-weight: bold; margin-bottom: 10px;\"\u003e\n O segredo que as grandes empresas de beleza escondem\n \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted);\"\u003e\n A maioria dos soros promete resultados fantásticos, mas usa concentrações baixas de ingredientes ativos para manter o custo baixo. \u003cstrong\u003eMas Anua quebrou todas as regras.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Skin Problems\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_3.webp?v=1747140899\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003c!-- 3. The Solution \/ Formula --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eAnua Peach Serum 70%: A fórmula científica para uma pele vítrea e radiante\u003c\/h2\u003e\n\u003cp class=\"atxa-reveal\" style=\"text-align: center; color: var(--atxa-text-muted); font-size: 1.1rem; margin-bottom: 30px;\"\u003e\n Os cientistas da Anua passaram 3 anos desenvolvendo esta fórmula perfeita que transformará sua pele de opaca e cansada em radiante e radiante. \u003cstrong\u003eComo se fosse esculpido em luz\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003cimg alt=\"Anua Peach Formula\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_4.webp?v=1747140899\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003c!-- 4. How it works (Ingredients Grid) --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eComo funciona?(A ciência por trás do frescor)\u003c\/h2\u003e\n\u003cdiv class=\"atxa-grid\"\u003e\n\u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eForça de pêssego com concentração de 70%\u003c\/h3\u003e\n\u003cp\u003eNão é apenas uma fruta... é uma planta inteira de vitaminas e ácidos.Extrato de pêssego \u003cstrong\u003ePenetra 7 camadas de células da pele\u003c\/strong\u003e Alcançar as camadas profundas e tratá-las de dentro para fora.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eNiacinamida 5% (milagre)\u003c\/h3\u003e\n\u003cp\u003eA niacinamida é um ingrediente revolucionário no mundo dos cuidados com a pele. \u003cstrong\u003eA uma concentração ideal de 5%\u003c\/strong\u003e, pode:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eReduz a aparência dos poros \u003cspan class=\"atxa-highlight-num\"\u003e68%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003eClareia manchas escuras em \u003cspan class=\"atxa-highlight-num\"\u003e14\u003c\/span\u003e Um dia\u003c\/li\u003e\n\u003cli\u003eRegula a secreção de sebo e previne o brilho\u003c\/li\u003e\n\u003cli\u003eConstrói e fortalece a barreira natural da pele\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eHialurônico triplo\u003c\/h3\u003e\n\u003cp\u003eNão é um tipo... mas \u003cstrong\u003e3 tipos diferentes\u003c\/strong\u003e Com vários pesos moleculares para atingir todas as camadas da pele:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eSuperfície: hidrata instantaneamente\u003c\/li\u003e\n\u003cli\u003eMeio: retém água dentro\u003c\/li\u003e\n\u003cli\u003eProfundo: Aumenta o nível de hidratação desde as raízes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eComplexo bio-pêssego e iogurte\u003c\/h3\u003e\n\u003cp\u003ePela primeira vez no mundo, o extrato de pêssego foi combinado com bactérias benéficas do iogurte em uma biotecnologia única.O resultado? \u003cstrong\u003eUm composto que elimina células mortas\u003c\/strong\u003e Suavemente e sem irritação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Scientific Miracle --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eO milagre científico que eles estão escondendo de você\u003c\/h2\u003e\n\u003cimg alt=\"Scientific Miracle\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_5.webp?v=1747140899\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 25px; text-align: center;\"\u003e\n\u003cp style=\"color: #fff; font-size: 1.2rem; margin-bottom: 10px;\"\u003e\n Todo mundo vai te perguntar: \u003cstrong\u003e“O que você está fazendo com sua pele?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted); line-height: 1.8;\"\u003e\n O segredo está na tecnologia “inteligente e inovadora” que distingue este sérum.Os ingredientes são encapsulados em micropartículas (nanotecnologia) para entregar os ingredientes ativos nas áreas onde são necessários, e não apenas permanecer na superfície como os produtos normais.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Results --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eA sua jornada de transformação da pele com o sérum Anua\u003c\/h2\u003e\n\u003cimg alt=\"Skin Transformation\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_2.webp?v=1747140895\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 20px;\"\u003e\n\u003cul class=\"atxa-timeline-list\"\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eApós o primeiro uso\u003c\/div\u003e\n\u003cdiv\u003eBrilho instantâneo e suavidade perceptível, como se você tivesse feito uma sessão de máscara cara em uma clínica de beleza.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDepois de 3 dias\u003c\/div\u003e\n\u003cdiv\u003eUma clara redução no tamanho dos poros e um início notável para unificar o tom da pele e reduzir a vermelhidão.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDepois de uma semana\u003c\/div\u003e\n\u003cdiv\u003eA aspereza e a textura cansada desaparecem, deixando a pele 40% mais lisa e pronta para uma maquiagem perfeita.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDepois de duas semanas\u003c\/div\u003e\n\u003cdiv\u003eIlumina visivelmente as manchas escuras e dá um brilho renovado como se a sua pele tivesse voltado há 5 anos.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDepois de um mês\u003c\/div\u003e\n\u003cdiv\u003eTRANSFORMAÇÃO COMPLETA - Pele transparente, clara e brilhante, mesmo sem uma única gota de maquiagem.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Why Choose Anua --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eNum mundo cheio de produtos... porquê Anua?\u003c\/h2\u003e\n\u003cimg alt=\"Why Choose Anua\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/qXFYxnaNUR28pIwzePQs50YSmVPBLdE7.jpg?v=1747141341\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"atxa-grid atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eFórmula cientificamente comprovada\u003c\/h3\u003e\n\u003cp\u003eTestes clínicos rigorosos comprovaram resultados surpreendentes em centenas de voluntários em todo o mundo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eAlto poder de concentração\u003c\/h3\u003e\n\u003cp\u003eOferece concentrações 3x maiores de ingredientes ativos do que os concorrentes convencionais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eSeguro para todos os tipos de pele\u003c\/h3\u003e\n\u003cp\u003eProjetado para ser suave mesmo em peles sensíveis, mistas e oleosas, sem causar irritação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Skin Type Table --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eCombina com o seu tipo de pele?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-container atxa-reveal\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eTipo de pele\u003c\/th\u003e\n\u003cth\u003eO problema básico\u003c\/th\u003e\n\u003cth style=\"background: rgba(252, 163, 141, 0.15); color: #fff;\"\u003eO que Anua oferecerá a ela?\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSempre exaustivo\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eOpaco e sem brilho\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eDesperta as células e dá brilho e brilho instantâneos.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eMuito sensível\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIrritação e vermelhidão de qualquer produto\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eAcalma imediatamente a inflamação e fortalece a barreira protetora\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eOleoso brilhante\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003ePoros dilatados e brilho irritante\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eControla o sebo e reduz o tamanho dos poros de forma eficaz em 68%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eidade avançada\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eLinhas finas e pigmentação\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eClareia manchas escuras e melhora a elasticidade da pele\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eMisto (confuso)\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eSeco em algumas áreas e oleoso em outras\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eEquilibra a pele de forma inteligente e hidrata profundamente sem deixar pegajosa\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 60px; padding: 40px 20px; background: linear-gradient(180deg, transparent, rgba(226, 149, 135, 0.15)); border-radius: 20px; border: 1px solid var(--atxa-border);\"\u003e\n\u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(22px, 4vw, 32px);\"\u003e“Todo investimento tem retorno... investir na sua pele tem o maior retorno.”\u003c\/h2\u003e\n\u003cimg alt=\"Anua Peach Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.jpg?v=1747140897\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6); max-width: 600px;\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n Não trate sua pele como sua última prioridade, ela é a primeira coisa que as pessoas veem em você.\n \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-peach-glow); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--atxa-glow);\"\u003e\n Anua Peach \u0026amp; Niacinamide Serum 70% - Porque a sua pele merece o melhor.Encomende agora!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n var reveals = document.querySelectorAll('.atxa-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('atxa-active');\n observer.unobserve(entry.target); \n }\n });\n }, {\n root: null,\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n });\n\n reveals.forEach(function(reveal) {\n reveal.classList.remove('atxa-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Ambient Particles Generator\n var ambientContainer = document.getElementById('atxa-particles');\n var particleCount = 20; \n \n for (var i = 0; i \u003c particleCount; i++) {\n var particle = document.createElement('div');\n particle.classList.add('atxa-particle');\n \n var size = Math.random() * 50 + 20; \n var left = Math.random() * 100; \n var duration = Math.random() * 15 + 12; \n var delay = Math.random() * 8; \n \n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = left + '%';\n particle.style.animationDuration = duration + 's';\n particle.style.animationDelay = delay + 's';\n \n ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44719323545797,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Peach70NiacinSerum_30ml_AMZ_2000x2000_thumb_fa77cea2-3e78-4653-a242-b5ef3c8f4cb3.webp?v=1747141686"},{"product_id":"beauty-of-joseon-glow-deep-serum","title":"Beauty of Joseon Deep Glow Serum com Arroz e Alfa-Arbutina para iluminar a pele.","description":"\u003cdiv class=\"joseon-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"joseon-hero\"\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Deep Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_2.webp?v=1747571948\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003eBeauty of Joseon Deep Serum: Quando a herança ancestral encontra a ciência do futuro\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eNo centro deste soro milagroso está o segredo de beleza das imperatrizes coreanas (\u003cstrong\u003e68% de água de farelo de arroz\u003c\/strong\u003e(Com o mais poderoso ingrediente científico moderno para clarear a pele)\u003cstrong\u003e2% alfa arbutina\u003c\/strong\u003e).\u003c\/p\u003e\n\u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003eO resultado?Uma verdadeira revolução\u003c\/strong\u003e No mundo do clareamento e unificação da cor da pele de forma segura, eficaz e rápida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Traditional Wisdom Section --\u003e\n\u003cdiv class=\"section tradition-section\"\u003e\n\u003cdiv class=\"section-image right-image\"\u003e\n\u003cimg alt=\"Traditional Korean Beauty Secret\" class=\"section-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_1.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eUm antigo tesouro coreano com tecnologia moderna\u003c\/h2\u003e\n\u003cp\u003eDesde a era da antiga dinastia coreana Joseon, conhecemos o segredo de beleza das imperatrizes coreanas que usavam água de farelo de arroz como “água de beleza” para uma pele radiante e perfeita.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction --\u003e\n\u003cdiv class=\"section product-intro\"\u003e\n\u003cdiv class=\"intro-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Deep Serum\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum.webp?v=1747572064\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"intro-content\"\u003e\n\u003ch2 class=\"intro-title accent-text\"\u003eGlow Deep Serum da Beauty of Gossion: a ciência do clareamento da pele em sua forma mais pura\u003c\/h2\u003e\n\u003cp\u003eEste sérum combina o poder de centenas de anos de herança coreana com as mais recentes descobertas na ciência dos cuidados com a pele numa fórmula única que contém:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eIngredientes ultrapoderosos e eficazes:\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\n\u003cimg alt=\"Rice Water\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_6.webp?v=1747571949\"\/\u003e\n\u003cdiv class=\"rice-animation\"\u003e\n\u003cdiv class=\"rice-grain grain1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003ch3 class=\"ingredient-title accent-text\"\u003eÁgua concentrada de farelo de arroz \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n\u003cp\u003eNão é apenas um ingrediente hidratante comum... mas um tesouro nutricional para a pele:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRico em aminoácidos essenciais para construir novas células\u003c\/li\u003e\n\u003cli\u003eCheio de minerais que estimulam a circulação sanguínea e criam um brilho natural\u003c\/li\u003e\n\u003cli\u003eContém enzimas naturais que esfoliam suavemente a pele e renovam suas células\u003c\/li\u003e\n\u003cli\u003eHistoricamente conhecido pela sua capacidade de clarear e unificar o tom da pele de forma segura\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\n\u003cimg alt=\"Alpha Arbutin\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_7.webp?v=1747571949\"\/\u003e\n\u003cdiv class=\"arbutin-animation\"\u003e\n\u003cdiv class=\"molecule molecule1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule molecule2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule molecule3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003ch3 class=\"ingredient-title accent-text\"\u003eConcentração de alfa-arbutina \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% (porcentagem cientificamente ideal)\u003c\/h3\u003e\n\u003cp\u003eIngrediente japonês avançado que supera todos os clareadores de pele tradicionais:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eMais forte com \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e vezes a beta-arbutina usada na maioria dos produtos\u003c\/li\u003e\n\u003cli\u003eInibe com segurança a enzima tirosinase responsável pela produção de melanina\u003c\/li\u003e\n\u003cli\u003eTem como alvo manchas escuras em suas raízes sem irritar a pele\u003c\/li\u003e\n\u003cli\u003ePrevine o aparecimento de nova pigmentação com uso regular\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!-- Features Section --\u003e\n\u003cdiv class=\"section features-section\"\u003e\n\u003cdiv class=\"features-image\"\u003e\n\u003cimg alt=\"Product Features\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_3.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eRecursos exclusivos o tornam o número um em clareamento da pele:\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title accent-text\"\u003eFórmula leve e de rápida absorção\u003c\/h3\u003e\n\u003cp\u003eAo contrário dos produtos clareadores gordurosos e pesados, Glow Deep Serum:\u003c\/p\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003ePenetra imediatamente nas camadas profundas da pele\u003c\/li\u003e\n\u003cli\u003eNão deixa vestígios de oleosidade ou brilho\u003c\/li\u003e\n\u003cli\u003eIdeal para todos os tipos de pele (mesmo oleosa e mista)\u003c\/li\u003e\n\u003cli\u003ePode ser usado diretamente antes da maquiagem sem problemas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003cdiv class=\"results-animation\"\u003e\n\u003cdiv class=\"chart-bar bar1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"chart-bar bar2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"chart-bar bar3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title accent-text\"\u003eResultados cientificamente comprovados\u003c\/h3\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eClarear manchas escuras em até \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% em 4 semanas\u003c\/li\u003e\n\u003cli\u003eUnifique o tom da pele e reduza as diferenças de cor\u003c\/li\u003e\n\u003cli\u003eAumentar o brilho e o frescor da pele\u003c\/li\u003e\n\u003cli\u003eMelhorar a saúde geral da pele e a força da sua barreira protetora\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!-- Timeline Section --\u003e\n\u003cdiv class=\"section timeline-section\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eJornada de transformação com Glow Deep Serum:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-table-container\"\u003e\n\u003ctable class=\"timeline-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003epalco\u003c\/th\u003e\n\u003cth\u003eResultado esperado\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eA primeira semana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eHidratação profunda, suavidade perceptível, brilho inicial\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eA segunda semana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eO início do clareamento de manchas antigas, unificação gradual da cor\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eQuarta semana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eMelhoria visível em manchas e tom, pele mais saudável\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eO segundo mês\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eTransformação completa – pele radiante, uniforme e saudável\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"usage-image\"\u003e\n\u003cimg alt=\"How to Use\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_4.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eIdeal como usar:\u003c\/h2\u003e\n\u003cdiv class=\"steps-container\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eAplique 2-3 gotas na pele limpa e hidratada\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eMassageie suavemente em movimentos circulares do centro para fora\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eUse-o de manhã e à noite para obter melhores resultados\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eCertifique-se de usar protetor solar durante o dia para manter os resultados\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"joseon-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003e“O verdadeiro brilho da sua pele está lá... mas precisa da chave certa.”\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eA história antiga da Coreia + ciência japonesa avançada = pele perfeita e com tom uniforme.\u003c\/p\u003e\n\u003cp class=\"cta-conclusion\"\u003eGlow Deep Serum da Beauty of Gossion - \u003cstrong\u003ePorque a sua pele merece brilhar com a sua cor natural e uniforme.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eEncomende agora\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.joseon-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\/* Hero Section *\/\n.joseon-hero {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 60px;\n gap: 30px;\n}\n\n.hero-image {\n flex: 1;\n}\n\n.hero-content {\n flex: 1;\n}\n\n.hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.hero-description {\n font-size: 1.1rem;\n margin-bottom: 15px;\n line-height: 1.6;\n}\n\n.hero-conclusion {\n font-size: 1.2rem;\n margin-top: 20px;\n}\n\n.product-image {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.product-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n}\n\n\/* Section Styles *\/\n.section {\n margin-bottom: 70px;\n padding: 30px;\n background-color: #fff;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n}\n\n.section:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 100px;\n height: 100px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 50%;\n z-index: 1;\n}\n\n.section-title {\n font-size: 1.8rem;\n margin-bottom: 25px;\n position: relative;\n display: inline-block;\n}\n\n.section-title:after {\n content: '';\n position: absolute;\n bottom: -10px;\n right: 0;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n}\n\n.tradition-section {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 30px;\n}\n\n.section-image {\n flex: 1;\n}\n\n.section-content {\n flex: 1;\n}\n\n.right-image {\n order: 2;\n}\n\n.section-img, .full-width-img {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease;\n}\n\n.section-img:hover, .full-width-img:hover {\n transform: scale(1.02);\n}\n\n.intro-image {\n margin-bottom: 20px;\n}\n\n.intro-title {\n text-align: center;\n margin-bottom: 20px;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));\n gap: 30px;\n margin-top: 40px;\n}\n\n.ingredient-card {\n display: flex;\n background-color: #f9f9f9;\n border-radius: 15px;\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 overflow: hidden;\n position: relative;\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-image {\n flex: 1;\n margin-left: 20px;\n position: relative;\n}\n\n.ingredient-img {\n width: 100%;\n border-radius: 10px;\n position: relative;\n z-index: 2;\n}\n\n.ingredient-content {\n flex: 2;\n text-align: left;\n width: 100%;\n}\n\n.ingredient-title {\n font-size: 1.4rem;\n margin-bottom: 15px;\n text-align: left;\n width: 100%;\n}\n\n.benefits-list {\n list-style-type: none;\n padding: 0;\n margin: 15px 0 0 0;\n width: 100%;\n display: block;\n text-align: left;\n}\n\n.benefits-list li {\n padding: 12px 0;\n position: relative;\n padding-right: 40px;\n margin-bottom: 10px;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n display: block;\n}\n\n.benefits-list li:before {\n content: '•';\n color: #9C8102;\n position: absolute;\n right: 10px;\n top: 12px;\n font-size: 20px;\n}\n\n\/* Rice Animation *\/\n.rice-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.3;\n}\n\n.rice-grain {\n position: absolute;\n width: 15px;\n height: 8px;\n background-color: #fff;\n border-radius: 50%;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);\n opacity: 0;\n animation: float 3s infinite;\n}\n\n.grain1 {\n top: 20%;\n left: 20%;\n animation-delay: 0s;\n}\n\n.grain2 {\n top: 30%;\n left: 60%;\n animation-delay: 0.5s;\n}\n\n.grain3 {\n top: 50%;\n left: 40%;\n animation-delay: 1s;\n}\n\n.grain4 {\n top: 70%;\n left: 70%;\n animation-delay: 1.5s;\n}\n\n@keyframes float {\n 0% { transform: translateY(0); opacity: 0; }\n 50% { opacity: 1; }\n 100% { transform: translateY(-20px); opacity: 0; }\n}\n\n\/* Arbutin Animation *\/\n.arbutin-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.3;\n}\n\n.molecule {\n position: absolute;\n width: 10px;\n height: 10px;\n background-color: #9C8102;\n border-radius: 50%;\n opacity: 0;\n animation: pulse 3s infinite;\n}\n\n.molecule1 {\n top: 30%;\n left: 30%;\n animation-delay: 0s;\n}\n\n.molecule2 {\n top: 50%;\n left: 50%;\n animation-delay: 1s;\n}\n\n.molecule3 {\n top: 70%;\n left: 20%;\n animation-delay: 2s;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); opacity: 0; }\n 50% { transform: scale(1.5); opacity: 1; }\n 100% { transform: scale(1); opacity: 0; }\n}\n\n\/* Features Section *\/\n.features-image {\n margin-bottom: 30px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n gap: 30px;\n margin-top: 40px;\n width: 100%;\n}\n\n.features-section,\n.ingredients-section {\n width: 100%;\n box-sizing: border-box;\n}\n\n.feature-card {\n display: flex;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 25px 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n width: 100%;\n box-sizing: border-box;\n align-items: flex-start;\n text-align: left;\n}\n\n.feature-icon {\n width: 50px;\n height: 50px;\n margin-left: 20px;\n position: relative;\n flex-shrink: 0;\n}\n\n.feature-content {\n flex: 1;\n width: 100%;\n text-align: left;\n padding-right: 0;\n}\n\n.feature-title {\n font-size: 1.3rem;\n margin-bottom: 15px;\n text-align: left;\n width: 100%;\n}\n\n.check-list {\n list-style-type: none;\n padding: 0;\n width: 100%;\n display: block;\n text-align: left;\n margin: 0;\n}\n\n.check-list li {\n padding: 12px 0;\n position: relative;\n padding-right: 40px;\n margin-bottom: 10px;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n display: block;\n}\n\n.check-list li:before {\n content: '✓';\n color: #9C8102;\n position: absolute;\n right: 10px;\n top: 12px;\n font-weight: bold;\n font-size: 16px;\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: 20px;\n width: 20px;\n height: 20px;\n background-color: #9C8102;\n border-radius: 50% 50% 50% 0;\n transform: rotate(-45deg);\n opacity: 0.7;\n animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n 0% { top: 0; opacity: 0.7; }\n 80% { top: 30px; opacity: 0.7; transform: rotate(-45deg) scale(1); }\n 100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Results Animation *\/\n.results-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.chart-bar {\n position: absolute;\n bottom: 0;\n width: 10px;\n background-color: #9C8102;\n border-radius: 5px 5px 0 0;\n opacity: 0.7;\n animation: grow 2.5s infinite;\n}\n\n.bar1 {\n height: 20px;\n left: 5px;\n animation-delay: 0s;\n}\n\n.bar2 {\n height: 30px;\n left: 25px;\n animation-delay: 0.5s;\n}\n\n.bar3 {\n height: 40px;\n left: 45px;\n animation-delay: 1s;\n}\n\n@keyframes grow {\n 0% { height: 0; opacity: 0.5; }\n 60% { height: 100%; opacity: 0.7; }\n 100% { height: 100%; opacity: 0.5; }\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-table-container {\n overflow-x: auto;\n margin: 30px 0;\n}\n\n.timeline-table {\n width: 100%;\n border-collapse: collapse;\n background-color: #fff;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-table th {\n background-color: #9C8102;\n color: white;\n text-align: left;\n padding: 15px;\n font-weight: 600;\n}\n\n.timeline-table td {\n padding: 15px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.timeline-row {\n transition: background-color 0.3s ease, transform 0.3s ease;\n}\n\n.timeline-row:hover {\n background-color: #f5f5f5;\n transform: translateX(-5px);\n}\n\n.timeline-phase {\n width: 150px;\n font-weight: bold;\n}\n\n\/* Usage Instructions *\/\n.usage-image {\n margin-bottom: 30px;\n}\n\n.steps-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.step-card {\n display: flex;\n align-items: center;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n}\n\n.step-card:hover {\n transform: translateY(-5px);\n}\n\n.step-number {\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.2rem;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.step-content {\n flex: 1;\n font-size: 1rem;\n}\n\n\/* CTA Section *\/\n.joseon-cta {\n text-align: center;\n padding: 50px 40px;\n background-color: #f9f9f9;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n margin-top: 50px;\n position: relative;\n overflow: hidden;\n}\n\n.joseon-cta:before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to left, #9C8102, transparent);\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 20px;\n}\n\n.cta-text {\n font-size: 1.3rem;\n margin-bottom: 15px;\n}\n\n.cta-conclusion {\n font-size: 1.2rem;\n margin-bottom: 30px;\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 .joseon-hero, .tradition-section {\n flex-direction: column;\n }\n \n .ingredients-container, .features-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredient-card {\n flex-direction: column;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n }\n \n .ingredient-image {\n margin-left: 0;\n margin-bottom: 20px;\n }\n \n .right-image {\n order: 1;\n }\n \n .feature-card, \n .ingredient-card,\n .step-card {\n width: 100%;\n box-sizing: border-box;\n padding: 20px 15px;\n }\n \n .steps-container {\n grid-template-columns: 1fr;\n }\n \n .feature-content,\n .ingredient-content {\n width: 100%;\n text-align: left;\n }\n \n .check-list li,\n .benefits-list li {\n width: 100%;\n box-sizing: border-box;\n padding-right: 40px;\n text-align: left;\n }\n \n .check-list li:before,\n .benefits-list li:before {\n right: 10px;\n }\n \n .section {\n padding: 20px 15px;\n }\n \n .feature-title, \n .ingredient-title {\n width: 100%;\n text-align: left;\n }\n \n .ingredient-content {\n padding-right: 0;\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\n\u003cscript\u003e\n\/\/ Start animations when page loads\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Start all counters immediately\n startAllCounters();\n \n \/\/ Setup the scroll animation for other elements\n setupScrollAnimations();\n \n \/\/ Add button animation\n setupButtonAnimation();\n});\n\nfunction startAllCounters() {\n const counters = document.querySelectorAll('.counter');\n \n counters.forEach(counter =\u003e {\n const target = parseInt(counter.getAttribute('data-target'));\n let current = 0;\n const increment = Math.max(1, Math.floor(target \/ 40)); \/\/ Ensure minimum step of 1\n \n \/\/ Immediately visible animation\n const timer = setInterval(() =\u003e {\n current += increment;\n \n \/\/ Make sure we don't go over the target\n if (current \u003e= target) {\n current = target;\n clearInterval(timer);\n }\n \n \/\/ Update the counter text\n counter.textContent = current;\n }, 30); \/\/ Speed of animation - lower number = faster\n });\n}\n\nfunction setupScrollAnimations() {\n \/\/ Add fade-in class to elements we want to animate\n const elementsToAnimate = [\n ...document.querySelectorAll('.ingredient-card'),\n ...document.querySelectorAll('.feature-card'),\n ...document.querySelectorAll('.step-card'),\n ...document.querySelectorAll('.timeline-row'),\n document.querySelector('.joseon-cta'),\n ...document.querySelectorAll('.section-title')\n ];\n \n elementsToAnimate.forEach(element =\u003e {\n if (element) element.classList.add('fade-in');\n });\n \n \/\/ Initial check for elements in viewport\n handleScrollAnimations();\n \n \/\/ Listen for scroll events\n window.addEventListener('scroll', handleScrollAnimations);\n}\n\nfunction handleScrollAnimations() {\n \/\/ Animate fade-in elements\n document.querySelectorAll('.fade-in').forEach(element =\u003e {\n if (isInViewport(element)) {\n element.classList.add('active');\n }\n });\n}\n\nfunction isInViewport(element) {\n const rect = element.getBoundingClientRect();\n \/\/ Consider element in viewport even if only partially visible\n return (\n rect.top \u003c (window.innerHeight || document.documentElement.clientHeight) + 100 \u0026\u0026\n rect.bottom \u003e -100\n );\n}\n\nfunction setupButtonAnimation() {\n \/\/ Add click event to CTA button\n const ctaButton = document.querySelector('.cta-button');\n if (ctaButton) {\n ctaButton.addEventListener('click', function(e) {\n e.preventDefault();\n this.textContent = 'Concluído UmeuAdd eu UmeuSeu!';\n setTimeout(() =\u003e {\n this.textContent = 'Encomende agora';\n }, 2000);\n });\n }\n}\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44730295582917,"sku":"","price":990.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/BeautyofjoseonGlowDeepSerumRice_Alpha-ArbutinBrighteningSerum_1.jpg?v=1747572137"},{"product_id":"see-lit-see-lit-hyaluronic-acid-vitamin-b-plumping-face-serum-30ml","title":"SEE-LIT See Lit Hyaluronic Acid \u0026 Vitamin B Plumping Face Serum 30ml","description":"\u003cstyle\u003e#sl2{--bg:#05090b;--bg2:#0b161a;--m:#4fd0e8;--m2:#aeeaf5;--bd:rgba(79,208,232,.3);--tint:rgba(79,208,232,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl2 *{box-sizing:border-box}#sl2 .sec{padding:52px 0}#sl2 .a{background:var(--bg)}#sl2 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl2 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl2 .c{text-align:center}#sl2 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl2 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl2 .hl{color:var(--m)}#sl2 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl2 h2.cc{border:0;padding:0;text-align:center}#sl2 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl2 p{margin:0 0 12px;color:#dde8ea}#sl2 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl2 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl2 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl2 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl2 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl2 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl2 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl2 .card p{margin:0;font-size:16px;color:#fff}#sl2 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl2 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl2 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl2 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl2 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl2 .steps p{margin:0;font-size:15px;color:#fff}#sl2 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl2 .tl div{margin-bottom:14px;color:#dde8ea}#sl2 .tl b{display:block;color:#fff;font-size:18px}#sl2 ul.ck{list-style:none;padding:0;margin:10px 0}#sl2 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl2 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl2 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl2 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl2 summary{cursor:pointer;font-weight:800}#sl2 details p{margin:10px 0 0}#sl2 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl2 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl2 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl2 .cta2 h2{border:0;padding:0;justify-content:center}#sl2 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl2 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl2 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl2 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl2 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl2 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl2 .sec{padding:36px 0}#sl2 .wrap{padding:0 14px}#sl2 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl2 .card{padding:14px 10px}#sl2 .card p{font-size:13.5px;line-height:1.5}#sl2 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl2 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl2\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSérum Hidratante e Preenchedor |30ml\u003c\/div\u003e\n\u003ch1\u003eSua pele precisa de uma hidratação mais profunda? \u003cbdi\u003eSee-Lit Hyaluronic + Vitamin B\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003eHialurônico de 3 pesos moleculares com caviar e colágeno marinho\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eGarrafa \u003cspan class=\"k\"\u003e30ml\u003c\/span\u003e Combina ácido hialurônico de múltiplos pesos moleculares com extrato de caviar, colágeno marinho e vitaminas A, D e B, para uma pele com aspecto mais preenchido e radiante, segundo a marca.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003e30ml\u003c\/span\u003e\u003cspan\u003e3 pesos hialurônicos\u003c\/span\u003e\u003cspan\u003eCaviar\u003c\/span\u003e\u003cspan\u003eColágeno marinho\u003c\/span\u003e\u003cspan\u003eManhã e noite\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003eEste é o soro original, e dentro dele \u003cspan class=\"k\"\u003eHialurônico + caviar + colágeno marinho\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg alt=\"See-Lit Soro Hialurônico e Vitamina B 30 ml\" class=\"ph\" height=\"2000\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelithyaluronicacidserum_2.png\" width=\"2000\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e4 coisas que este soro tem como alvo\u003c\/h2\u003e\n\u003cp\u003eSem promessas vazias, é para isso que serve a fórmula de acordo com a marca:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eHidratação em vários níveis\u003c\/h3\u003e\n\u003cp\u003e3 pesos de hialurônico para suporte \u003cspan class=\"k\"\u003eHidratação superficial e profunda\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eSensação de plenitude\u003c\/h3\u003e\n\u003cp\u003eSuporta a aparência da pele \u003cspan class=\"k\"\u003eo mais completo\u003c\/span\u003e E suavidade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eElasticidade da pele\u003c\/h3\u003e\n\u003cp\u003eSuportes de colágeno marinho \u003cspan class=\"k\"\u003eFlexibilidade e Coesão\u003c\/span\u003e Aparência da pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eFrescura e brilho\u003c\/h3\u003e\n\u003cp\u003eSuporte de vitaminas e extrato de caviar \u003cspan class=\"k\"\u003eAparência mais elegante\u003c\/span\u003e Para a pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eO que há dentro da garrafa?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eHialurônico com 3 pesos\u003c\/h3\u003e\n\u003cp\u003ePeso baixo, médio e alto para suporte \u003cspan class=\"k\"\u003eHidratante\u003c\/span\u003e Em mais de uma camada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eExtrato de caviar\u003c\/h3\u003e\n\u003cp\u003eComponente rico em aminoácidos, suporta \u003cspan class=\"k\"\u003eNutrição\u003c\/span\u003e Pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eColágeno marinho\u003c\/h3\u003e\n\u003cp\u003eEle apoia \u003cspan class=\"k\"\u003eFlexibilidade\u003c\/span\u003e A pele e seu aspecto firme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eVitaminas A, D e B\u003c\/h3\u003e\n\u003cp\u003eUm grupo que apoia \u003cspan class=\"k\"\u003eLuz do sol\u003c\/span\u003e Pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eO que você verá e quando?Honestamente\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eDesde o primeiro uso\u003c\/b\u003eUma sensação de hidratação e suavidade na pele.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eDepois de quantas semanas?\u003c\/b\u003eVocê pode notar a pele \u003cspan class=\"k\"\u003eMais plenitude\u003c\/span\u003e E linhas menos visíveis, e isso varia de pessoa para pessoa.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eE continue\u003c\/b\u003eA hidratação geralmente está associada a\u003cspan class=\"k\"\u003eRegularidade\u003c\/span\u003e E com seu tipo de pele e rotina.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eEste soro pode servir para você\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eSua pele \u003cspan class=\"k\"\u003eSeco ou retirado\u003c\/span\u003e Hidratante.\u003c\/li\u003e\n\u003cli\u003eEu quero apoiar Mazhar \u003cspan class=\"k\"\u003ePlenitude\u003c\/span\u003e E frescor.\u003c\/li\u003e\n\u003cli\u003eLigando \u003cspan class=\"k\"\u003eHialurônico\u003c\/span\u003e Com uma fórmula multipeso.\u003c\/li\u003e\n\u003cli\u003eVocê ama \u003cspan class=\"k\"\u003eUma rotina simples\u003c\/span\u003e Manhã e noite.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eComo usar.. simples\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eSiga as instruções da caixa e as etapas gerais são as seguintes:\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eLimpe a lavagem\u003c\/h4\u003e\n\u003cp\u003eLave o rosto e deixe a pele \u003cspan class=\"k\"\u003eUm pouco molhado\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003eColoque alguns pontos\u003c\/h4\u003e\n\u003cp\u003eQuantos pontos no rosto e pescoço.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eEspalhe levemente\u003c\/h4\u003e\n\u003cp\u003eDistribua com a ponta dos dedos até absorver.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eSuplemento com hidratante\u003c\/h4\u003e\n\u003cp\u003eFechar com hidratante, diurno \u003cspan class=\"k\"\u003eProtetor solar\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eLeia isto antes do primeiro uso\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eApenas para uso externo.\u003c\/li\u003e\n\u003cli\u003eExperimente uma pequena quantidade na primeira parte da pele e certifique-se de que não irrita.\u003c\/li\u003e\n\u003cli\u003eMantenha longe dos olhos e, caso entre, lave com bastante água.\u003c\/li\u003e\n\u003cli\u003eSe você é alérgico a algum ingrediente escrito na caixa, não use.\u003c\/li\u003e\n\u003cli\u003eSe ocorrer queimadura ou vermelhidão intensa, interrompa o uso.\u003c\/li\u003e\n\u003cli\u003eEste é um produto para a pele, não um tratamento médico.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003ePerguntas antes de fazer o pedido\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eQuantos ml na garrafa?\u003c\/summary\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e30ml\u003c\/span\u003e.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eDevo usar de manhã ou à noite?\u003c\/summary\u003e\u003cp\u003eAdequado \u003cspan class=\"k\"\u003eManhã e noite\u003c\/span\u003e De acordo com as instruções da caixa, durante o dia é necessário protetor solar.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eÉ bom para peles sensíveis?\u003c\/summary\u003e\u003cp\u003eExperimente primeiro uma pequena quantidade e, se sua pele for muito sensível, consulte um dermatologista.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eO produto é original?\u003c\/summary\u003e\u003cp\u003eSim, \u003cspan class=\"k\"\u003eProduto original\u003c\/span\u003e Você receberá o pagamento após o recebimento.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003eDê à sua pele a hidratação que ela merece\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePressione \u003cspan class=\"k\"\u003eAdicionar ao carrinho\u003c\/span\u003e E pagamento \u003cspan class=\"k\"\u003eApós o recebimento\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003e3 pesos hialurônicos\u003c\/div\u003e\n\u003cdiv\u003eCaviar e colágeno marinho\u003c\/div\u003e\n\u003cdiv\u003e30ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003eEncomende o soro agora\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003eEnvio para qualquer lugar\u003c\/span\u003e\u003cspan\u003eProduto original\u003c\/span\u003e\u003cspan\u003ePagamento no recebimento\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Multi-molecular-weight Hyaluronic Acid (low, medium, high), Caviar Extract, Marine Collagen, Vitamins A, D and B. 30 ml. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44741709234373,"sku":"","price":290.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelithyaluronicacidserum_2.png?v=1747841075"},{"product_id":"seelit-retinol-b3-niacinamide-anti-ageing-serum","title":"Seelit Retinol + B3 (niacinamide) anti ageing serum","description":"\u003cstyle\u003e#sl1{--bg:#0a0805;--bg2:#17110a;--m:#ff9f43;--m2:#ffd0a0;--bd:rgba(255,159,67,.3);--tint:rgba(255,159,67,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl1 *{box-sizing:border-box}#sl1 .sec{padding:52px 0}#sl1 .a{background:var(--bg)}#sl1 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl1 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl1 .c{text-align:center}#sl1 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl1 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl1 .hl{color:var(--m)}#sl1 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl1 h2.cc{border:0;padding:0;text-align:center}#sl1 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl1 p{margin:0 0 12px;color:#e6e0d6}#sl1 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl1 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl1 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl1 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl1 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl1 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl1 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl1 .card p{margin:0;font-size:16px;color:#fff}#sl1 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl1 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl1 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl1 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl1 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl1 .steps p{margin:0;font-size:15px;color:#fff}#sl1 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl1 .tl div{margin-bottom:14px;color:#e6e0d6}#sl1 .tl b{display:block;color:#fff;font-size:18px}#sl1 ul.ck{list-style:none;padding:0;margin:10px 0}#sl1 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl1 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl1 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl1 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl1 summary{cursor:pointer;font-weight:800}#sl1 details p{margin:10px 0 0}#sl1 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl1 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl1 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl1 .cta2 h2{border:0;padding:0;justify-content:center}#sl1 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl1 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl1 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl1 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl1 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl1 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl1 .sec{padding:36px 0}#sl1 .wrap{padding:0 14px}#sl1 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl1 .card{padding:14px 10px}#sl1 .card p{font-size:13.5px;line-height:1.5}#sl1 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl1 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl1\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSoro antienvelhecimento\u003c\/div\u003e\n\u003ch1\u003eVocê quer retinol sem irritação? \u003cbdi\u003eSee-Lit Retinol + B3\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003eRetinol com Niacinamida e Colágeno\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eO soro coleta \u003cspan class=\"k\"\u003eCylasphere Retinol 1%\u003c\/span\u003e Com \u003cspan class=\"k\"\u003eVitamina B3\u003c\/span\u003e E colágeno hidrolisado e vitamina E, para uma rotina noturna que mantém o aspecto de uma pele mais lisa e radiante, segundo a marca.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eRetinol 1%\u003c\/span\u003e\u003cspan\u003eNiacinamide B3\u003c\/span\u003e\u003cspan\u003eColágeno hidrolisado\u003c\/span\u003e\u003cspan\u003eVitamina E\u003c\/span\u003e\u003cspan\u003eRotina noturna\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003eEste é o soro original e sua fórmula \u003cspan class=\"k\"\u003eRetinol + B3\u003c\/span\u003e Em uma garrafa\u003c\/p\u003e\n\u003cimg alt=\"Soro See-Lit com Retinol e Vitamina B3\" class=\"ph\" height=\"700\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/see-litretinolb3serum.webp\" width=\"700\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e4 coisas que este soro tem como alvo\u003c\/h2\u003e\n\u003cp\u003eSem promessas vazias, é para isso que serve a fórmula de acordo com a marca:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eLinhas de envelhecimento\u003c\/h3\u003e\n\u003cp\u003eO retinol é um dos ingredientes mais populares na rotina \u003cspan class=\"k\"\u003eAnti-rugas\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eTextura e cor da pele\u003c\/h3\u003e\n\u003cp\u003eCom niacinamida, suporta \u003cspan class=\"k\"\u003eUniformidade de cor\u003c\/span\u003e Textura mais suave.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eElasticidade da pele\u003c\/h3\u003e\n\u003cp\u003eSuporte de colágeno hidrolisado \u003cspan class=\"k\"\u003eSensação de plenitude\u003c\/span\u003e E flexibilidade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eConforto de uso\u003c\/h3\u003e\n\u003cp\u003eTecnologia \u003cspan class=\"k\"\u003eCylasphere\u003c\/span\u003e Formulado para liberar retinol gradativamente, dependendo da marca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eO que há dentro da garrafa?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eRetinol (Cylasphere) 1%\u003c\/h3\u003e\n\u003cp\u003eIngrediente de retinol com tecnologia de liberação gradual\u003cspan class=\"k\"\u003eRejuvenescer a aparência da pele\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eNiacinamide (B3)\u003c\/h3\u003e\n\u003cp\u003eIsso ajuda \u003cspan class=\"k\"\u003eAcalme a pele\u003c\/span\u003e E unifique sua aparência.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eColágeno hidrolisado\u003c\/h3\u003e\n\u003cp\u003eEle apoia \u003cspan class=\"k\"\u003eHidratação e elasticidade\u003c\/span\u003e Pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eÁcido glicólico\u003c\/h3\u003e\n\u003cp\u003eDos ácidos conhecidos por apoiar \u003cspan class=\"k\"\u003eAlisando a superfície\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eVitamina E\u003c\/h3\u003e\n\u003cp\u003eSuporte antioxidante \u003cspan class=\"k\"\u003eProteção da pele\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eÁcido pantotênico\u003c\/h3\u003e\n\u003cp\u003eEle apoia \u003cspan class=\"k\"\u003eHidratante\u003c\/span\u003e Pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eO que você verá e quando?Honestamente\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eNo primeiro\u003c\/b\u003eTextura mais macia e sensação hidratante, podendo ficar um pouco seco ou escamoso na primeira semana porque o retinol demora para se acostumar.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eDepois de quantas semanas?\u003c\/b\u003eVocê pode notar \u003cspan class=\"k\"\u003eLinhas menos claras\u003c\/span\u003e A cor é mais uniforme e varia de pessoa para pessoa.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eE continue\u003c\/b\u003eRetinol é necessário \u003cspan class=\"k\"\u003eRegularidade e paciência\u003c\/span\u003e E protetor solar todos os dias para manter o resultado.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eEste soro pode servir para você\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eLigando \u003cspan class=\"k\"\u003eRetinol\u003c\/span\u003e Na sua rotina noturna.\u003c\/li\u003e\n\u003cli\u003eEu quero apoiar Mazhar \u003cspan class=\"k\"\u003eLinhas finas\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003eEu prefiro uma combinação disso \u003cspan class=\"k\"\u003eNiacinamida\u003c\/span\u003e Com retinol.\u003c\/li\u003e\n\u003cli\u003ePronto para usar \u003cspan class=\"k\"\u003eProtetor solar\u003c\/span\u003e Durante o dia.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eComo usar.. simples\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eSiga as instruções da caixa e as etapas gerais são as seguintes:\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eLimpo e seco\u003c\/h4\u003e\n\u003cp\u003eLave o rosto com um limpador suave e seque-o.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003eColoque uma pequena quantidade\u003c\/h4\u003e\n\u003cp\u003eQuantidade \u003cspan class=\"k\"\u003ePequeno\u003c\/span\u003e No rosto e mantenha longe dos olhos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eÀ noite\u003c\/h4\u003e\n\u003cp\u003eO retinol está caindo \u003cspan class=\"k\"\u003enoite\u003c\/span\u003e normalmente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eComece gradualmente\u003c\/h4\u003e\n\u003cp\u003eComeçar \u003cspan class=\"k\"\u003eA cada dois dias\u003c\/span\u003e Aumente conforme sua pele tolera.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eLeia isto antes do primeiro uso\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eApenas para uso externo.\u003c\/li\u003e\n\u003cli\u003eExperimente uma pequena quantidade na primeira parte da pele e certifique-se de que não irrita.\u003c\/li\u003e\n\u003cli\u003eUse protetor solar durante o dia enquanto estiver usando retinol.\u003c\/li\u003e\n\u003cli\u003eSe estiver grávida ou amamentando, consulte um médico antes de usar.\u003c\/li\u003e\n\u003cli\u003eSe ocorrer queimadura ou vermelhidão intensa, interrompa o uso.\u003c\/li\u003e\n\u003cli\u003eMantenha-o longe dos olhos e lábios.\u003c\/li\u003e\n\u003cli\u003eEste é um produto para a pele, não um tratamento médico.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003ePerguntas antes de fazer o pedido\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eDevo usar de manhã ou à noite?\u003c\/summary\u003e\u003cp\u003eO retinol está caindo \u003cspan class=\"k\"\u003eÀ noite\u003c\/span\u003e Geralmente, durante o dia, o protetor solar é essencial.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003ePode causar descamação?\u003c\/summary\u003e\u003cp\u003ePode estar um pouco seco ou dolorido no início, então comece \u003cspan class=\"k\"\u003eGradualmente\u003c\/span\u003e E forneça de acordo com a sua pele.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eQue resultado verei depois?\u003c\/summary\u003e\u003cp\u003eEle precisa \u003cspan class=\"k\"\u003eRegularidade e paciência\u003c\/span\u003e Isso varia de pessoa para pessoa.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eO produto é original?\u003c\/summary\u003e\u003cp\u003eSim, \u003cspan class=\"k\"\u003eProduto original\u003c\/span\u003e Você receberá o pagamento após o recebimento.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003eComece sua rotina de retinol suavemente\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePressione \u003cspan class=\"k\"\u003eAdicionar ao carrinho\u003c\/span\u003e E pagamento \u003cspan class=\"k\"\u003eApós o recebimento\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003eRetinol 1%\u003c\/div\u003e\n\u003cdiv\u003eNiacinamide B3\u003c\/div\u003e\n\u003cdiv\u003eColágeno hidrolisado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003eEncomende o soro agora\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003eEnvio para qualquer lugar\u003c\/span\u003e\u003cspan\u003eProduto original\u003c\/span\u003e\u003cspan\u003ePagamento no recebimento\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Cylasphere Retinol 1%, Niacinamide (Vitamin B3), Hydrolyzed Collagen, Glycolic Acid, Tocopherol (Vitamin E), Pantothenic Acid. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44742073057477,"sku":null,"price":290.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/see-litretinolb3serum.webp?v=1747853163"},{"product_id":"beauty-of-joseon-revive-serum","title":"Beauty of Joseon Skin Revitalization Serum com ginseng e secreção de caracol para rejuvenescimento e elasticidade da pele.","description":"\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3ef500d9baac416bbea61350e65fce38.mp4\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Text Section --\u003e\n\u003cdiv class=\"hero-text-section\"\u003e\n\u003ch1 class=\"main-title fade-in\"\u003eA ciência prova: Ginseng + muco de caracol = a equação perfeita da juventude\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Revive Serum: uma fórmula científica avançada que reprograma as células da pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits Grid --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePrincipais usos\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💫\u003c\/div\u003e\n\u003ch3\u003eTratamento de desbotamento\u003c\/h3\u003e\n\u003cp\u003eGinseng 63% estimula a circulação sanguínea e restaura o brilho natural da pele cansada em duas semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eAntioxidante\u003c\/h3\u003e\n\u003cp\u003e15 tipos de ginsenosídeos protegem a pele dos radicais livres, poluição e raios nocivos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eAnti-rugas\u003c\/h3\u003e\n\u003cp\u003eO muco de caracol 3% estimula a produção de colágeno e reduz o aparecimento de linhas finas e rugas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHidratante profundo\u003c\/h3\u003e\n\u003cp\u003eO ácido hialurônico natural retém a umidade da pele por 12 horas seguidas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eMelhora a textura da pele\u003c\/h3\u003e\n\u003cp\u003eAs proteínas naturais suavizam a textura da pele e reduzem a aparência dos poros e da aspereza.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"600\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAcalma a vermelhidão\u003c\/h3\u003e\n\u003cp\u003eA alantoína no muco do caracol reduz a inflamação e a irritação e acalma a pele sensível.\u003c\/p\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\u003cdiv class=\"ingredient-showcase\"\u003e\n\u003cdiv class=\"ingredient-card ginseng-card\"\u003e\n\u003cimg alt=\"Ginseng\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_5_c8f51ca2-5353-4586-a78a-f3c95b3cb1b3.jpg?v=1748094708\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eGinseng 63% – motor de regeneração celular\u003c\/h3\u003e\n\u003cdiv class=\"molecular-animation\"\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eSaponina Ativa: estimula a microcirculação em 40%\u003c\/li\u003e\n\u003cli\u003eGinsenosídeos: estimulam a produção natural de colágeno\u003c\/li\u003e\n\u003cli\u003eAntioxidantes poderosos: combatem os radicais livres\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card snail-card\"\u003e\n\u003cimg alt=\"Snail Mucin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_7.jpg?v=1748096683\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eMuco de Caracol Purificado 3% - um milagre de reparação e renovação\u003c\/h3\u003e\n\u003cdiv class=\"repair-animation\"\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003col class=\"ingredient-process\"\u003e\n\u003cli\u003ePenetra nas camadas profundas da pele\u003c\/li\u003e\n\u003cli\u003eEstimula a produção de novo colágeno\u003c\/li\u003e\n\u003cli\u003eRepara DNA danificado\u003c\/li\u003e\n\u003cli\u003ePromove a renovação celular\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Centella Asiatica Section --\u003e\n\u003cdiv class=\"centella-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComponentes auxiliares: uma equipa científica integrada\u003c\/h2\u003e\n\u003cdiv class=\"centella-container\"\u003e\n\u003cdiv class=\"centella-image\"\u003e\n\u003cimg alt=\"Centella Asiatica\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\"\/\u003e\n\u003cdiv class=\"healing-animation\"\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"centella-info\"\u003e\n\u003ch3\u003e🌿 Extrato de Centella asiática\u003c\/h3\u003e\n\u003cdiv class=\"compound-list\"\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"100\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e🧬\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eÁcido asiático\u003c\/h4\u003e\n\u003cp\u003eEstimula a produção de colágeno tipo 1 e 3\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"200\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eMadencasídeo\u003c\/h4\u003e\n\u003cp\u003eUm antiinflamatório natural que acalma instantaneamente a vermelhidão\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"300\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e⚕️\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eAsiaticosídeo\u003c\/h4\u003e\n\u003cp\u003eAcelera a cicatrização de pequenas feridas e irritações\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Clinical Results --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eResultados científicos testados em laboratório\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\" data-week=\"1\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDepois de uma semana\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"78\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eSuavidade instantânea\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"65\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eBrilho melhorado\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"58\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eReduzir a vermelhidão\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-week=\"4\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eQuatro semanas depois\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eMelhorar a flexibilidade\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"76\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eReduzir rugas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eHidratação profunda\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\/div\u003e\n\u003c!-- Smart Mucin Technology --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e Fórmula tecnologicamente avançada\u003c\/h2\u003e\n\u003cdiv class=\"technology-grid\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3\u003eInovação em textura\u003c\/h3\u003e\n\u003cdiv class=\"tech-features\"\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"100\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch4\u003eNanopartículas\u003c\/h4\u003e\n\u003cp\u003ePenetra facilmente na pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"200\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch4\u003eTecnologia de liberação gradiente\u003c\/h4\u003e\n\u003cp\u003ePara ingredientes ativos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"300\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003ePelícula de proteção temporária\u003c\/h4\u003e\n\u003cp\u003eBloqueia a umidade abaixo da superfície da pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"400\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eAbsorção rápida\u003c\/h4\u003e\n\u003cp\u003eSem deixar nenhum resíduo gorduroso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-timeline\"\u003e\n\u003ch3\u003eA diferença que você sente\u003c\/h3\u003e\n\u003cdiv class=\"experience-steps\"\u003e\n\u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Aplicação instantânea\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003ePropagação sedosa instantânea\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Dentro de um minuto\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eAbsorção completa e sensação confortável\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Após 5 minutos\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eSuavidade aveludada e brilho natural\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ O dia todo\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eHidratação contínua e proteção eficaz\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Choose Section --\u003e\n\u003cdiv class=\"why-choose-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePor que escolher o Sérum Revive?A evidência científica não mente\u003c\/h2\u003e\n\u003cdiv class=\"scientific-proof\"\u003e\n\u003cdiv class=\"proof-card concentration-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eConcentração ideal calculada cientificamente\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e63% ginseng\u003c\/strong\u003e: Concentração ideal de eficácia sem irritação\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3% muco de caracol\u003c\/strong\u003e: A proporção comprovada para melhores resultados\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEquilíbrio perfeito\u003c\/strong\u003e: Entre força e segurança para uso diário\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card testing-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3\u003eTestado e certificado\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTestes de alergia\u003c\/strong\u003e: Seguro para peles sensíveis\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTestes de eficácia\u003c\/strong\u003eResultados comprovados em 28 dias\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTestes de qualidade\u003c\/strong\u003e: Padrões internacionais rigorosos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card unique-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e⚗️\u003c\/div\u003e\n\u003ch3\u003eTecnologia única\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNão causa poros obstruídos\u003c\/strong\u003e: Testado dermatologicamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCompatível com todos os tipos de pele\u003c\/strong\u003e: De seco a oleoso\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFunciona com outros produtos\u003c\/strong\u003e: Não interfere na sua rotina de cuidados\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"investment-section\"\u003e\n\u003cdiv class=\"investment-content\"\u003e\n\u003ch2 class=\"investment-title\"\u003eInvista na ciência... invista na sua pele\u003c\/h2\u003e\n\u003cp class=\"investment-tagline\"\u003eVocê não encontrará outra fórmula que combine o poder do ginseng natural com o milagre do muco purificado do caracol em um equilíbrio tão perfeito.\u003c\/p\u003e\n\u003cdiv class=\"final-results\"\u003e\n\u003ch3\u003eO resultado final: pele cientificamente saudável\u003c\/h3\u003e\n\u003cdiv class=\"final-benefits\"\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🔄\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eCélulas renovadas\u003c\/strong\u003e Funciona de forma muito eficiente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eBarreira natural forte\u003c\/strong\u003e Protege de fatores externos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eHidratação profunda\u003c\/strong\u003e Dura 72 horas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🌟\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eFlexibilidade melhorada\u003c\/strong\u003e Até 34%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eBrilho natural\u003c\/strong\u003e Sem maquiagem\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!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComo usar\u003c\/h2\u003e\n\u003cdiv class=\"usage-container\"\u003e\n\u003cdiv class=\"usage-video\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" onloadstart=\"this.muted=true\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a658a0f994a34d3da3dd6f5136de09b2.mp4\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\" data-step=\"1\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003eLimpe bem o rosto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"2\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cp\u003eAplique 3 ou 4 gotas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"3\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003eMassageie suavemente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"4\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003eUse de manhã e à noite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTodos os componentes\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003ePanax Ginseng Root Water, Water, Butylene Glycol, Dipropylene Glycol, 1,2-Hexanediol, Glycerin, Niacinamide, Propanediol, Trehalose, Snail Secretion Filtrate, Carbomer, Tromethamine, Xanthan Gum, Malt Extract, Sodium Polyacrylate, Adenosine, Glyceryl Acrylate\/Acrylic Acid Copolymer, Disodium Edta, Panax Ginseng Root Extract, Ganoderma Lucidum (Mushroom) Extract, Phellinus Linteus Extract, Centella Asiatica Extract, Sodium Hyaluronate, Hydrolyzed Hyaluronic Acid, Forsythia Suspensa Fruit Extract, Lonicera Japonica (Honeysuckle) Flower Extract, Scutellaria Baicalensis Root Extract, Sodium Acetylated Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: ltr;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n \/* Benefits Grid *\/\n .benefits-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: left;\n direction: ltr;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Science Section *\/\n .science-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 250px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: left;\n direction: ltr;\n }\n\n .molecular-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .molecule {\n width: 20px;\n height: 20px;\n background: #9C8102;\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .molecule:nth-child(2) { animation-delay: 0.5s; }\n .molecule:nth-child(3) { animation-delay: 1s; }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.5); \n opacity: 0.7; \n }\n }\n\n .repair-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .cell {\n width: 25px;\n height: 25px;\n background: linear-gradient(45deg, #9C8102, #d4c140);\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n animation: regenerate 3s ease-in-out infinite;\n }\n\n .cell:nth-child(2) { animation-delay: 1s; }\n .cell:nth-child(3) { animation-delay: 2s; }\n\n @keyframes regenerate {\n 0%, 100% { \n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n transform: rotate(0deg);\n }\n 50% { \n border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%;\n transform: rotate(180deg);\n }\n }\n\n .ingredient-benefits, .ingredient-process {\n text-align: left;\n direction: ltr;\n color: #555;\n }\n\n .ingredient-benefits li, .ingredient-process li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n \/* Centella Section *\/\n .centella-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .centella-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .centella-image {\n position: relative;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .centella-image img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .healing-animation {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100px;\n height: 100px;\n }\n\n .healing-wave {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 20px;\n height: 20px;\n border: 2px solid rgba(156,129,2,0.6);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: healingPulse 3s ease-out infinite;\n }\n\n .healing-wave:nth-child(2) { animation-delay: 1s; }\n .healing-wave:nth-child(3) { animation-delay: 2s; }\n\n @keyframes healingPulse {\n 0% {\n width: 20px;\n height: 20px;\n opacity: 1;\n }\n 100% {\n width: 100px;\n height: 100px;\n opacity: 0;\n }\n }\n\n .centella-info h3 {\n color: #9C8102;\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: left;\n direction: ltr;\n }\n\n .compound-list {\n direction: ltr;\n text-align: left;\n }\n\n .compound-item {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(50px);\n }\n\n .compound-item:hover {\n transform: translateX(0) translateY(-5px);\n box-shadow: 0 10px 25px rgba(156,129,2,0.15);\n }\n\n .compound-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .compound-details h4 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .compound-details p {\n color: #666;\n font-size: 0.95rem;\n }\n\n \/* Technology Section *\/\n .technology-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .technology-section .section-title {\n color: white;\n }\n\n .technology-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .tech-card, .experience-timeline {\n background: rgba(255,255,255,0.1);\n padding: 2rem;\n border-radius: 15px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .tech-card h3, .experience-timeline h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .tech-features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n }\n\n .tech-feature {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n transition: all 0.3s ease;\n opacity: 0;\n transform: scale(0.8);\n }\n\n .tech-feature:hover {\n transform: scale(1.05);\n background: rgba(156,129,2,0.2);\n }\n\n .tech-icon {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .tech-feature p {\n font-size: 0.85rem;\n opacity: 0.9;\n }\n\n .experience-steps {\n direction: ltr;\n text-align: left;\n }\n\n .experience-step {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n border-left: 4px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .experience-step:hover {\n background: rgba(156,129,2,0.1);\n transform: translateX(-10px);\n }\n\n .step-time {\n font-weight: bold;\n color: #9C8102;\n margin-left: 1rem;\n min-width: 120px;\n }\n\n .step-desc {\n opacity: 0.9;\n }\n\n \/* Why Choose Section *\/\n .why-choose-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .scientific-proof {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .proof-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n border-top: 4px solid #9C8102;\n }\n\n .proof-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .proof-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: pulse 3s ease-in-out infinite;\n }\n\n .proof-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .proof-list {\n text-align: left;\n direction: ltr;\n list-style: none;\n padding: 0;\n }\n\n .proof-list li {\n margin-bottom: 1rem;\n padding: 0.8rem;\n background: rgba(156,129,2,0.05);\n border-radius: 8px;\n border-right: 3px solid #9C8102;\n }\n\n .proof-list li strong {\n color: #9C8102;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 2rem;\n position: relative;\n overflow: hidden;\n }\n\n .investment-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"50\" cy=\"50\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n opacity: 0.3;\n }\n\n .investment-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .investment-tagline {\n font-size: 1.2rem;\n line-height: 1.8;\n margin-bottom: 3rem;\n opacity: 0.9;\n text-align: left;\n direction: ltr;\n }\n\n .final-results h3 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .final-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n text-align: left;\n direction: ltr;\n }\n\n .final-benefit {\n display: flex;\n align-items: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .final-benefit:hover {\n background: rgba(156,129,2,0.2);\n transform: translateY(0) translateX(-10px);\n }\n\n .final-benefit .benefit-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .final-benefit:nth-child(2) .benefit-icon { animation-delay: 0.2s; }\n .final-benefit:nth-child(3) .benefit-icon { animation-delay: 0.4s; }\n .final-benefit:nth-child(4) .benefit-icon { animation-delay: 0.6s; }\n .final-benefit:nth-child(5) .benefit-icon { animation-delay: 0.8s; }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n .final-benefit .benefit-text {\n font-size: 1rem;\n line-height: 1.5;\n }\n\n .final-benefit strong {\n color: #9C8102;\n }\n\n \/* Results Section *\/\n .results-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .results-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: left;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 1.5rem;\n }\n\n .stat {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n }\n\n .stat-number {\n display: block;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n opacity: 0.9;\n }\n\n \/* Usage Section *\/\n .usage-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .usage-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .usage-video {\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n background: linear-gradient(135deg, #9C8102 0%, #d4c140 100%);\n position: relative;\n }\n\n .usage-video video {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n z-index: 2;\n }\n\n .usage-steps {\n direction: ltr;\n text-align: left;\n }\n\n .step {\n display: flex;\n align-items: center;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n animation: slideInRight 0.8s ease-out forwards;\n }\n\n .step:nth-child(1) { animation-delay: 0.2s; }\n .step:nth-child(2) { animation-delay: 0.4s; }\n .step:nth-child(3) { animation-delay: 0.6s; }\n .step:nth-child(4) { animation-delay: 0.8s; }\n\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #9C8102, #d4c140);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n font-weight: bold;\n color: white;\n margin-left: 1.5rem;\n box-shadow: 0 5px 15px rgba(156,129,2,0.3);\n }\n\n .step p {\n font-size: 1.1rem;\n color: #333;\n font-weight: 500;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-showcase {\n grid-template-columns: 1fr;\n }\n\n .centella-container {\n grid-template-columns: 1fr;\n }\n\n .technology-grid {\n grid-template-columns: 1fr;\n }\n\n .tech-features {\n grid-template-columns: 1fr;\n }\n\n .scientific-proof {\n grid-template-columns: 1fr;\n }\n\n .usage-container {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 1.2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .investment-title {\n font-size: 2rem;\n }\n\n .compound-item {\n flex-direction: column;\n text-align: center;\n }\n\n .compound-icon {\n margin: 0 0 1rem 0;\n }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n .benefit-card:nth-child(6).animate { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('stat-number')) {\n animateNumber(entry.target);\n }\n\n if (entry.target.classList.contains('compound-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n\n if (entry.target.classList.contains('tech-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n }\n\n if (entry.target.classList.contains('final-benefit')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe stat numbers\n document.querySelectorAll('.stat-number').forEach(stat =\u003e {\n observer.observe(stat);\n });\n\n \/\/ Observe compound items for centella section\n document.querySelectorAll('.compound-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe tech features\n document.querySelectorAll('.tech-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Observe final benefits\n document.querySelectorAll('.final-benefit').forEach(benefit =\u003e {\n observer.observe(benefit);\n });\n\n \/\/ Animate numbers\n function animateNumber(element) {\n const target = parseInt(element.dataset.target);\n const duration = 2000;\n const start = Date.now();\n \n function updateNumber() {\n const elapsed = Date.now() - start;\n const progress = Math.min(elapsed \/ duration, 1);\n \n \/\/ Easing function\n const easeOutCubic = 1 - Math.pow(1 - progress, 3);\n const current = Math.floor(easeOutCubic * target);\n \n element.textContent = current;\n \n if (progress \u003c 1) {\n requestAnimationFrame(updateNumber);\n } else {\n element.textContent = target;\n }\n }\n \n updateNumber();\n }\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Add animations for proof cards\n const proofCards = document.querySelectorAll('.proof-card');\n \n const proofObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }, index * 200);\n }\n });\n }, { threshold: 0.2 });\n\n proofCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n proofObserver.observe(card);\n });\n\n \/\/ Add animations for experience steps\n const experienceSteps = document.querySelectorAll('.experience-step');\n \n const experienceObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }, index * 300);\n }\n });\n }, { threshold: 0.3 });\n\n experienceSteps.forEach(step =\u003e {\n step.style.transform = 'translateX(100px)';\n step.style.opacity = '0';\n step.style.transition = 'all 0.8s ease';\n experienceObserver.observe(step);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add hover effects to step numbers\n document.querySelectorAll('.step-number').forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'scale(1.1) rotate(10deg)';\n step.style.transition = 'all 0.3s ease';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748493226181,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/revive-serum-ginseng-snail-mucin-serums-ampoules-406964.webp?v=1748097935"},{"product_id":"beauty-of-joseon-calming-serum-green-tea-and-panthenol-clear-30ml","title":"Beauty of Joseon Calming Serum é especializado em acalmar a pele e reduzir a vermelhidão 30ml","description":"\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/413443a24bfe4ef1a568fe7c3bc4544c.mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Text Section --\u003e\n\u003cdiv class=\"hero-text-section\"\u003e\n\u003ch1 class=\"main-title fade-in\"\u003eA fórmula coreana que transforma pele inflamada em pele perfeita\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Calming Serum: A fórmula mágica para peles sensíveis\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"problem-section\"\u003e\n\u003cdiv class=\"problem-container\"\u003e\n\u003cimg alt=\"Beauty of Joseon Calming Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum.png?v=1748104893\"\/\u003e\n\u003cdiv class=\"problem-content\"\u003e\n\u003ch2\u003ePele sensível e inflamada – seu primeiro inimigo\u003c\/h2\u003e\n\u003cp class=\"problem-intro\"\u003eVocê sofre de \u003cstrong\u003eA pele reage a tudo?\u003c\/strong\u003e Vermelhidão constante do sol, irritação com os produtos mais simples, ressecamento e coceira que não param?\u003c\/p\u003e\n\u003ch3\u003eProblemas básicos:\u003c\/h3\u003e\n\u003cul class=\"problem-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eInflamação crônica\u003c\/strong\u003e Que destrói a barreira natural da pele\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003eDanos UV\u003c\/strong\u003e O que causa vermelhidão e envelhecimento prematuro\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003ePerda rápida de umidade\u003c\/strong\u003e O que deixa a pele seca e rachada\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003eSensibilidade excessiva\u003c\/strong\u003e Torna qualquer novo produto uma fonte de medo e ansiedade\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"painful-result\"\u003e\n\u003ch3\u003eResultado doloroso:\u003c\/h3\u003e\n\u003cp\u003ePele revoltada e rebelde, perda de confiança e uma sensação constante de que não há solução para esse sofrimento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Solution Benefits --\u003e\n\u003cdiv class=\"solution-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eA solução definitiva que acaba com o sofrimento da pele sensível em 60 segundos\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAntiinflamatório\u003c\/h3\u003e\n\u003cp\u003eAlívio instantâneo da vermelhidão e irritação causada por alergias ou exposição solar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eFortalecendo a barreira da pele\u003c\/h3\u003e\n\u003cp\u003eRepara e fortalece a camada protetora natural para evitar a penetração de irritantes externos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💦\u003c\/div\u003e\n\u003ch3\u003ePromova hidratação profunda\u003c\/h3\u003e\n\u003cp\u003eA hidratação em múltiplas camadas atinge profundamente a pele e retém a umidade por longas horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eAcalme a pele sensível\u003c\/h3\u003e\n\u003cp\u003eAlívio instantâneo para a pele reagindo a fatores ambientais e produtos cosméticos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e☂️\u003c\/div\u003e\n\u003ch3\u003eProteção contra raios nocivos\u003c\/h3\u003e\n\u003cp\u003eResistência aos efeitos negativos dos raios ultravioleta e da poluição ambiental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Behind Formula --\u003e\n\u003cdiv class=\"science-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eA ciência por trás da fórmula desenvolvida\u003c\/h2\u003e\n\u003ch1 class=\"science-subtitle\"\u003eDesde o primeiro toque: como este soro coreano apaga 15 anos de danos à pele?\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Main Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredient-showcase\"\u003e\n\u003cdiv class=\"ingredient-card green-tea-card\"\u003e\n\u003cimg alt=\"Green Tea\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_2.jpg?v=1748105004\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eChá verde 50% |Potência do chá verde\u003c\/h3\u003e\n\u003cdiv class=\"ancient-wisdom\"\u003e\n\u003cp\u003eNo antigo livro médico Dong Ui Bogam: “O chá verde revitaliza a energia, limpa a mente e acalma a pele danificada pelo sol”.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eComo o chá verde coreano derrota os tipos mais difíceis de inflamação?\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eAcalma a inflamação causada pelos raios ultravioleta\u003c\/li\u003e\n\u003cli\u003eCombata os radicais livres com o poder dos antioxidantes naturais\u003c\/li\u003e\n\u003cli\u003eRenovando as células danificadas da pele e protegendo-as de danos futuros\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card mugwort-card\"\u003e\n\u003cimg alt=\"Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_3.jpg?v=1748105031\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eExtrato de artemísia 30% |Extrato de artemísia\u003c\/h3\u003e\n\u003cdiv class=\"sacred-herb\"\u003e\n\u003cp\u003eUma erva sagrada na medicina oriental, conhecida como a “Mãe das Ervas” pelas suas distintas propriedades curativas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eAlívio Natural oferece:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eCalmante instantâneo da pele irritada e inflamada\u003c\/li\u003e\n\u003cli\u003eHidratação profunda e suave para peles sensíveis\u003c\/li\u003e\n\u003cli\u003eFortalecendo a imunidade natural da pele contra irritantes externos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card panthenol-card\"\u003e\n\u003cimg alt=\"Panthenol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/12.webp?v=1748105051\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003ePantenol 5% |Pró-vitamina B5\u003c\/h3\u003e\n\u003cdiv class=\"revolutionary-development\"\u003e\n\u003cp\u003eDesenvolvimento revolucionário: aumento da concentração de 2% para 5% para dupla proteção!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eO Pantenol Avançado alcança:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eCria uma barreira protetora contra umidade 24 horas\u003c\/li\u003e\n\u003cli\u003eConversão imediata em vitamina B5 nas células da pele\u003c\/li\u003e\n\u003cli\u003ePrevenir a perda de hidratação e proteger a pele de irritações frequentes\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!-- Supporting Ingredients --\u003e\n\u003cdiv class=\"supporting-ingredients\"\u003e\n\u003ch2 class=\"section-title\"\u003eIngredientes de suplementos avançados\u003c\/h2\u003e\n\u003cdiv class=\"supporting-grid\"\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eAlantoína |Alantoína\u003c\/h3\u003e\n\u003cp\u003eUm agente calmante natural que acelera a cicatrização da pele danificada e reduz a irritação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eÁcido hialurônico |Hialuronato de Sódio\u003c\/h3\u003e\n\u003cp\u003eAs moléculas de água retêm a umidade e suavizam a textura da pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eExtrato de alcaçuz |Glicirrizato dipotássico\u003c\/h3\u003e\n\u003cp\u003eUm antiinflamatório natural que unifica o tom da pele e reduz a pigmentação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌾\u003c\/div\u003e\n\u003ch3\u003eExtrato de Raiz de Coptis |Extrato de raiz de Coptis Japonica\u003c\/h3\u003e\n\u003cp\u003eUma erva tradicional chinesa que é antibacteriana e calmante para a pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Journey --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eJornada de transformação com soro\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1hour\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1h\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDurante a primeira hora\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Alívio instantâneo de vermelhidão e coceira\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Uma sensação de frescor e conforto\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Rápida absorção sem deixar vestígios de gordura\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1week\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1w\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDentro de uma semana\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Melhora perceptível na sensibilidade da pele\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅Hidratação mais profunda e duradoura\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Fortalecimento claro da barreira natural da pele\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1month\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1m\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDentro de um mês\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Pele mais resistente a irritantes externos\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Unifica o tom da pele e reduz a vermelhidão crônica\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Textura mais macia, saudável e fresca\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What Makes It Unique --\u003e\n\u003cdiv class=\"unique-section\"\u003e\n\u003cdiv class=\"unique-image\"\u003e\n\u003cimg alt=\"Green Tea and Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_green_tea_mugwort.webp?v=1748105239\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-content\"\u003e\n\u003ch2\u003eO que distingue este sérum de outros séruns calmantes?\u003c\/h2\u003e\n\u003cdiv class=\"unique-features\"\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"100\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eDuplo impulso de calma\u003c\/h3\u003e\n\u003cp\u003eAumente a concentração de artemísia de 20% para 30% para um efeito calmante mais forte e duradouro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"200\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eDupla proteção contra umidade\u003c\/h3\u003e\n\u003cp\u003eAumento de pantenol de 2% para 5% para uma barreira de umidade mais forte e melhor proteção.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"300\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFórmula perfeitamente equilibrada\u003c\/h3\u003e\n\u003cp\u003eProporções calculadas cientificamente para garantir máxima eficácia com mínimo potencial de irritação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"400\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eTextura sedosa avançada\u003c\/h3\u003e\n\u003cp\u003eA textura leve é rapidamente absorvida e deixa a pele macia e refrescada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch2 class=\"section-title\"\u003eCorreto como usar\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-time morning\"\u003e\n\u003ch3\u003eManhã\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eApós limpar o rosto, aplique uma pequena quantidade no rosto e pescoço\u003c\/li\u003e\n\u003cli\u003eMassageie suavemente em movimentos ascendentes até completa absorção\u003c\/li\u003e\n\u003cli\u003eSiga com hidratante e protetor solar\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time evening\"\u003e\n\u003ch3\u003eNoite\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eAplique o sérum na pele limpa e seca\u003c\/li\u003e\n\u003cli\u003eDeixe absorver por dois minutos antes de aplicar outros produtos\u003c\/li\u003e\n\u003cli\u003eUse diariamente para obter melhores resultados\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time sensitive\"\u003e\n\u003ch3\u003ePara pele muito sensível\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli\u003eComece a usar uma vez a cada dois dias\u003c\/li\u003e\n\u003cli\u003eAumente gradualmente a frequência dependendo da resposta da sua pele\u003c\/li\u003e\n\u003cli\u003ePode ser usado como máscara calmante por 10 minutos e depois limpar suavemente.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTodos os componentes\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003eCamellia Sinensis Leaf Water, Water, Panthenol, Glycerin, Butylene Glycol, 1,2-Hexanediol, Methylpropanediol, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Tromethamine, Betaine, Ethylhexylglycerin, Allantoin, Dipotassium Glycyrrhizate, Artemisia Capillaris Extract, Glyceryl Acrylate\/Acrylic Acid Copolymer, Melia Azadirachta Leaf Extract, Polyquaternium-51, Malt Extract, Melia Azadirachta Flower Extract, Coptis Japonica Root Extract, Sodium Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: ltr;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Problem Section *\/\n .problem-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 4rem;\n border-left: 5px solid #9C8102;\n }\n\n .problem-container {\n display: grid;\n grid-template-columns: 1fr 2fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .problem-container img {\n width: 100%;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n }\n\n .problem-content {\n direction: ltr;\n text-align: left;\n }\n\n .problem-content h2 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .problem-intro {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 2rem;\n color: #f0f0f0;\n }\n\n .problem-content h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .problem-list {\n list-style: none;\n padding: 0;\n margin-bottom: 2rem;\n }\n\n .problem-list li {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n border-right: 3px solid #9C8102;\n backdrop-filter: blur(10px);\n }\n\n .problem-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .painful-result {\n background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);\n color: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n border: 2px solid #9C8102;\n }\n\n .painful-result h3 {\n color: #9C8102;\n margin-bottom: 1rem;\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n direction: ltr;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n .science-header {\n text-align: center;\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .science-subtitle {\n font-size: 1.8rem;\n font-weight: 600;\n color: #2c3e50;\n margin-top: 1rem;\n direction: ltr;\n }\n\n \/* Solution Benefits *\/\n .solution-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n border-left: 5px solid #9C8102;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n border-top: 4px solid #9C8102;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: left;\n direction: ltr;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: 1fr;\n gap: 4rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n direction: ltr;\n text-align: left;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .ancient-wisdom, .sacred-herb, .revolutionary-development {\n background: rgba(156,129,2,0.1);\n padding: 1rem;\n border-radius: 10px;\n margin-bottom: 1.5rem;\n border-right: 4px solid #9C8102;\n font-style: italic;\n color: #666;\n }\n\n .ingredient-info h4 {\n color: #2c3e50;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .ingredient-benefits {\n list-style: none;\n padding: 0;\n }\n\n .ingredient-benefits li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n .ingredient-benefits li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Supporting Ingredients *\/\n .supporting-ingredients {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n }\n\n .supporting-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .supporting-item {\n background: white;\n padding: 1.5rem;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .supporting-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(156,129,2,0.15);\n }\n\n .supporting-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n .supporting-item h3 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.8rem;\n }\n\n .supporting-item p {\n color: #666;\n font-size: 0.9rem;\n text-align: left;\n direction: ltr;\n }\n\n \/* Transformation Timeline *\/\n .transformation-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .transformation-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: left;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .results-list {\n direction: ltr;\n text-align: left;\n }\n\n .result-item {\n margin-bottom: 0.8rem;\n padding: 0.5rem;\n background: rgba(255,255,255,0.1);\n border-radius: 5px;\n font-size: 0.95rem;\n }\n\n \/* Unique Features *\/\n .unique-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n align-items: center;\n }\n\n .unique-image img {\n width: 100%;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .unique-content {\n direction: ltr;\n text-align: left;\n }\n\n .unique-content h2 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .unique-feature {\n display: flex;\n align-items: flex-start;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.8s ease;\n }\n\n .feature-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .feature-content h3 {\n color: #9C8102;\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .feature-content p {\n color: #666;\n line-height: 1.6;\n }\n\n \/* Usage Instructions *\/\n .usage-instructions {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .usage-time {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n direction: ltr;\n text-align: left;\n }\n\n .morning {\n border-top: 4px solid #ffc107;\n }\n\n .evening {\n border-top: 4px solid #6f42c1;\n }\n\n .sensitive {\n border-top: 4px solid #dc3545;\n }\n\n .usage-time h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n\n .usage-steps {\n padding-right: 1rem;\n }\n\n .usage-steps li {\n margin-bottom: 1rem;\n line-height: 1.6;\n color: #555;\n }\n\n \/* Ingredients List *\/\n .ingredients-list-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.1); \n opacity: 0.8; \n }\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .problem-container {\n grid-template-columns: 1fr;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-card {\n grid-template-columns: 1fr;\n }\n\n .supporting-grid {\n grid-template-columns: 1fr;\n }\n\n .unique-section {\n grid-template-columns: 1fr;\n }\n\n .usage-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 0.9rem;\n }\n\n .science-subtitle {\n font-size: 1.4rem;\n }\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('supporting-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n\n if (entry.target.classList.contains('unique-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe supporting items\n document.querySelectorAll('.supporting-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe unique features\n document.querySelectorAll('.unique-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add stagger animation for problem list items\n const problemItems = document.querySelectorAll('.problem-list li');\n problemItems.forEach((item, index) =\u003e {\n item.style.opacity = '0';\n item.style.transform = 'translateX(50px)';\n item.style.transition = 'all 0.8s ease';\n \n setTimeout(() =\u003e {\n item.style.opacity = '1';\n item.style.transform = 'translateX(0)';\n }, 500 + (index * 200));\n });\n\n \/\/ Add hover effects to usage time cards\n document.querySelectorAll('.usage-time').forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n card.style.transform = 'translateY(-5px) scale(1.02)';\n card.style.transition = 'all 0.3s ease';\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = 'translateY(0) scale(1)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748510331077,"sku":null,"price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_a6c32d2e-456b-45c9-bd2d-dd33566ec2f3.jpg?v=1748104597"},{"product_id":"see-lit-elixir-argerline-q10-مضاد-للتجاعيد-باسط-لعضلات-الوجه","title":"SEE-LIT ELIXIR Argerline, Q10 anti-rugas - relaxante dos músculos faciais","description":"\u003cstyle\u003e#sl3{--bg:#08070a;--bg2:#15121a;--m:#d4af37;--m2:#f0dc9a;--bd:rgba(212,175,55,.3);--tint:rgba(212,175,55,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl3 *{box-sizing:border-box}#sl3 .sec{padding:52px 0}#sl3 .a{background:var(--bg)}#sl3 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl3 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl3 .c{text-align:center}#sl3 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl3 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl3 .hl{color:var(--m)}#sl3 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl3 h2.cc{border:0;padding:0;text-align:center}#sl3 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl3 p{margin:0 0 12px;color:#e6e0d6}#sl3 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl3 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl3 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl3 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl3 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl3 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl3 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl3 .card p{margin:0;font-size:16px;color:#fff}#sl3 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl3 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl3 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl3 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl3 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl3 .steps p{margin:0;font-size:15px;color:#fff}#sl3 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl3 .tl div{margin-bottom:14px;color:#e6e0d6}#sl3 .tl b{display:block;color:#fff;font-size:18px}#sl3 ul.ck{list-style:none;padding:0;margin:10px 0}#sl3 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl3 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl3 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl3 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl3 summary{cursor:pointer;font-weight:800}#sl3 details p{margin:10px 0 0}#sl3 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl3 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl3 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl3 .cta2 h2{border:0;padding:0;justify-content:center}#sl3 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl3 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl3 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl3 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl3 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl3 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl3 .sec{padding:36px 0}#sl3 .wrap{padding:0 14px}#sl3 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl3 .card{padding:14px 10px}#sl3 .card p{font-size:13.5px;line-height:1.5}#sl3 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl3 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl3\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSérum para linhas e rugas\u003c\/div\u003e\n\u003ch1\u003eSuas linhas faciais ficam mais aparentes com o tempo? \u003cbdi\u003eSee-Lit Elixir\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003ePeptídeo de Argirelina com Coenzima Q10\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eO soro coleta \u003cspan class=\"k\"\u003eArgireline (Acetyl Hexapeptide-8)\u003c\/span\u003e Com \u003cspan class=\"k\"\u003eCoenzyme Q10\u003c\/span\u003e Uma rotina que sustenta o aspecto de uma pele mais lisa e firme nas linhas de expressão, segundo a marca.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eArgireline\u003c\/span\u003e\u003cspan\u003eCoenzyme Q10\u003c\/span\u003e\u003cspan\u003ePara o rosto e pescoço\u003c\/span\u003e\u003cspan\u003eRotina diária\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003eEste é o soro Elixir original e sua fórmula \u003cspan class=\"k\"\u003ePeptídeo + Q10\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg alt=\"See-Lit Elixir Argireline e soro Q10\" class=\"ph\" height=\"700\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelitelexirargerlineq10serum.webp\" width=\"700\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eAs áreas que este soro atende\u003c\/h2\u003e\n\u003cp\u003eSem promessas vazias, estas são as áreas que a fórmula visa de acordo com a marca:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eFrente\u003c\/h3\u003e\n\u003cp\u003eSuporta aparência \u003cspan class=\"k\"\u003eLinhas de frente\u003c\/span\u003e O mais suave.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eAo redor do olho\u003c\/h3\u003e\n\u003cp\u003eSuporta aparência \u003cspan class=\"k\"\u003eLinhas finas\u003c\/span\u003e Ao redor do olho.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eNariz e boca\u003c\/h3\u003e\n\u003cp\u003eSuporta aparência \u003cspan class=\"k\"\u003eLinhas ao redor da boca\u003c\/span\u003e E o nariz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003ePescoço e queixo\u003c\/h3\u003e\n\u003cp\u003eSuporta aparência \u003cspan class=\"k\"\u003eFlexibilidade\u003c\/span\u003e A pele nesta área.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eO que há dentro da garrafa?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eArgireline (Acetyl Hexapeptide-8)\u003c\/h3\u003e\n\u003cp\u003eUm peptídeo bem conhecido em produtos \u003cspan class=\"k\"\u003eFontes expressivas\u003c\/span\u003eSuporta a aparência de uma pele mais lisa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eCoenzyme Q10\u003c\/h3\u003e\n\u003cp\u003eSuporte antioxidante \u003cspan class=\"k\"\u003eVitalidade\u003c\/span\u003e Pele e sua aparência.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eO que você verá e quando?Honestamente\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eNo primeiro\u003c\/b\u003eTextura mais suave e sensação de pele nutrida.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eDepois de quantas semanas?\u003c\/b\u003eVocê pode notar \u003cspan class=\"k\"\u003eLinhas menos claras\u003c\/span\u003e Com o uso regular, varia de pessoa para pessoa.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eE continue\u003c\/b\u003eO resultado está vinculado\u003cspan class=\"k\"\u003eRegularidade\u003c\/span\u003e E a profundidade das linhas em primeiro lugar.Isto não substitui nenhum procedimento médico.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eEste soro pode servir para você\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eeu vejo \u003cspan class=\"k\"\u003eLinhas na testa ou ao redor dos olhos\u003c\/span\u003e Btban.\u003c\/li\u003e\n\u003cli\u003eEu quero uma rotina \u003cspan class=\"k\"\u003eSimples\u003c\/span\u003e Em vez de muitos passos.\u003c\/li\u003e\n\u003cli\u003eLigando \u003cspan class=\"k\"\u003ePeptídeos\u003c\/span\u003e Na sua rotina de cuidados.\u003c\/li\u003e\n\u003cli\u003ePronto para usá-lo? \u003cspan class=\"k\"\u003eConstantemente\u003c\/span\u003e Quantas semanas?\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eComo usar.. simples\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eSiga as instruções da caixa e as etapas gerais são as seguintes:\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eLimpo e seco\u003c\/h4\u003e\n\u003cp\u003eLave e seque o cabelo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003eQuantos pontos?\u003c\/h4\u003e\n\u003cp\u003eAbaixe \u003cspan class=\"k\"\u003eQuantos pontos?\u003c\/span\u003e Nas áreas necessárias.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eEspalhe levemente\u003c\/h4\u003e\n\u003cp\u003eDistribua com a ponta dos dedos até absorver.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eSuplemento com hidratante\u003c\/h4\u003e\n\u003cp\u003eFechar com hidratante, diurno \u003cspan class=\"k\"\u003eProtetor solar\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eLeia isto antes do primeiro uso\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eApenas para uso externo.\u003c\/li\u003e\n\u003cli\u003eExperimente uma pequena quantidade na primeira parte da pele e certifique-se de que não irrita.\u003c\/li\u003e\n\u003cli\u003eMantenha longe dos olhos e, caso entre, lave com bastante água.\u003c\/li\u003e\n\u003cli\u003eSe estiver grávida ou amamentando, consulte um médico antes de usar.\u003c\/li\u003e\n\u003cli\u003eSe ocorrer queimadura ou vermelhidão intensa, interrompa o uso.\u003c\/li\u003e\n\u003cli\u003eEste é um produto para a pele que não é um tratamento médico e não substitui o Botox ou qualquer procedimento médico.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003ePerguntas antes de fazer o pedido\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eÉ útil ao redor dos olhos?\u003c\/summary\u003e\u003cp\u003eA fórmula atinge a área ao redor dos olhos, dependendo da marca \u003cspan class=\"k\"\u003eFique longe dos olhos\u003c\/span\u003e E siga as instruções do pacote.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eÉ uma alternativa ao Botox?\u003c\/summary\u003e\u003cp\u003enão.Isto \u003cspan class=\"k\"\u003eProduto para cuidados com a pele\u003c\/span\u003e Seu resultado é completamente diferente dos procedimentos médicos.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eQue resultado verei depois?\u003c\/summary\u003e\u003cp\u003eEle precisa \u003cspan class=\"k\"\u003eRegularidade e paciência\u003c\/span\u003e Isso varia de pessoa para pessoa.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eO produto é original?\u003c\/summary\u003e\u003cp\u003eSim, \u003cspan class=\"k\"\u003eProduto original\u003c\/span\u003e Você receberá o pagamento após o recebimento.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003eComece sua rotina de listras com uma fórmula conhecida\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePressione \u003cspan class=\"k\"\u003eAdicionar ao carrinho\u003c\/span\u003e E pagamento \u003cspan class=\"k\"\u003eApós o recebimento\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003eArgireline\u003c\/div\u003e\n\u003cdiv\u003eCoenzyme Q10\u003c\/div\u003e\n\u003cdiv\u003ePara o rosto e pescoço\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003eEncomende o soro agora\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003eEnvio para qualquer lugar\u003c\/span\u003e\u003cspan\u003eProduto original\u003c\/span\u003e\u003cspan\u003ePagamento no recebimento\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Argireline (Acetyl Hexapeptide-8), Coenzyme Q10 (Ubiquinone). Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44749176438981,"sku":"","price":399.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelitelexirargerlineq10serum.webp?v=1748130941"},{"product_id":"see-lit-niacinamide-zinc-gluconate-serum","title":"See-lit Niacinamide + Zinc gluconate Serum","description":"\u003cstyle\u003e#sl4{--bg:#05090700;--bg:#060a07;--bg2:#0d1810;--m:#6fe3a5;--m2:#bff5d9;--bd:rgba(111,227,165,.3);--tint:rgba(111,227,165,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl4 *{box-sizing:border-box}#sl4 .sec{padding:52px 0}#sl4 .a{background:var(--bg)}#sl4 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl4 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl4 .c{text-align:center}#sl4 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl4 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl4 .hl{color:var(--m)}#sl4 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl4 h2.cc{border:0;padding:0;text-align:center}#sl4 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl4 p{margin:0 0 12px;color:#dfeae3}#sl4 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl4 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl4 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl4 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl4 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl4 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl4 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl4 .card p{margin:0;font-size:16px;color:#fff}#sl4 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl4 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl4 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl4 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl4 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl4 .steps p{margin:0;font-size:15px;color:#fff}#sl4 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl4 .tl div{margin-bottom:14px;color:#dfeae3}#sl4 .tl b{display:block;color:#fff;font-size:18px}#sl4 ul.ck{list-style:none;padding:0;margin:10px 0}#sl4 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl4 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl4 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl4 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl4 summary{cursor:pointer;font-weight:800}#sl4 details p{margin:10px 0 0}#sl4 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl4 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl4 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl4 .cta2 h2{border:0;padding:0;justify-content:center}#sl4 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl4 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl4 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl4 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl4 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl4 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl4 .sec{padding:36px 0}#sl4 .wrap{padding:0 14px}#sl4 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl4 .card{padding:14px 10px}#sl4 .card p{font-size:13.5px;line-height:1.5}#sl4 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl4 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl4\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSoro para pele oleosa e mista 30 ml\u003c\/div\u003e\n\u003ch1\u003eBrilho, poros e espinhas? \u003cbdi\u003eSee-Lit Niacinamide + Zinc\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003eSérum para equilibrar a pele oleosa\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eGarrafa \u003cspan class=\"k\"\u003e30ml\u003c\/span\u003e Você coleta \u003cspan class=\"k\"\u003eNiacinamida\u003c\/span\u003e Com \u003cspan class=\"k\"\u003eGluconato de zinco\u003c\/span\u003e Uma rotina que apoia o equilíbrio da secreção sebácea e o aparecimento de poros e peles com tendência acneica, segundo a marca.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003e30ml\u003c\/span\u003e\u003cspan\u003eNiacinamide\u003c\/span\u003e\u003cspan\u003eZinc Gluconate\u003c\/span\u003e\u003cspan\u003ePara pele oleosa e mista\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003eEste é o soro original e sua fórmula \u003cspan class=\"k\"\u003eNiacinamida + Zinco\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg alt=\"Sérum See-Lit Niacinamida Zinco Gluconato 30ml\" class=\"ph\" height=\"700\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelit-advancedniacinamidezincgluconateserum.webp\" width=\"700\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e5 coisas que este soro tem como alvo\u003c\/h2\u003e\n\u003cp\u003eSem promessas vazias, é para isso que serve a fórmula de acordo com a marca:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eMaior brilho\u003c\/h3\u003e\n\u003cp\u003eEle apoia \u003cspan class=\"k\"\u003eEquilíbrio de gordura\u003c\/span\u003e Em pele oleosa e mista.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003ePoros\u003c\/h3\u003e\n\u003cp\u003eSuporta aparência \u003cspan class=\"k\"\u003ePoros mais suaves\u003c\/span\u003e E uma textura mais limpa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eCereais\u003c\/h3\u003e\n\u003cp\u003eAjuda na rotina da pele \u003cspan class=\"k\"\u003eExposto a espinhas\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eVermelhidão\u003c\/h3\u003e\n\u003cp\u003eEle apoia \u003cspan class=\"k\"\u003eAcalme-se\u003c\/span\u003e Pele propensa a irritações.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eCor da pele\u003c\/h3\u003e\n\u003cp\u003eEle apoia \u003cspan class=\"k\"\u003eUnificação\u003c\/span\u003e O aparecimento de marcas de espinhas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eO que há dentro da garrafa?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eNiacinamida (vitamina B3)\u003c\/h3\u003e\n\u003cp\u003eComponente conhecido por ser suportado \u003cspan class=\"k\"\u003eEquilíbrio da pele\u003c\/span\u003e E acalma a aparência dos poros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eZinc Gluconate\u003c\/h3\u003e\n\u003cp\u003eForma de suportes de zinco \u003cspan class=\"k\"\u003eControle de gordura\u003c\/span\u003e E rotina de cereais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:14px\"\u003eDependendo da marca, composição \u003cspan class=\"k\"\u003eSem fragrância\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eO que você verá e quando?Honestamente\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eNo primeiro\u003c\/b\u003eUma textura mais leve que você pode notar \u003cspan class=\"k\"\u003eMenos brilho\u003c\/span\u003e Durante as primeiras semanas.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eDepois de quantas semanas?\u003c\/b\u003ePode melhorar \u003cspan class=\"k\"\u003eA aparência dos poros\u003c\/span\u003e A textura da pele varia de pessoa para pessoa.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eE continue\u003c\/b\u003eÉ necessário equilíbrio \u003cspan class=\"k\"\u003eRegularidade e paciência\u003c\/span\u003eAs espinhas têm causas diferentes e você pode precisar de um dermatologista.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eEste soro pode servir para você\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eSua pele \u003cspan class=\"k\"\u003eOleoso ou combinado\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003ePoros \u003cspan class=\"k\"\u003efenômeno\u003c\/span\u003e E isso te incomoda.\u003c\/li\u003e\n\u003cli\u003eLigando \u003cspan class=\"k\"\u003eNiacinamida e zinco\u003c\/span\u003e Em uma rotina.\u003c\/li\u003e\n\u003cli\u003ePrefira uma combinação \u003cspan class=\"k\"\u003eSem fragrância\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eComo usar.. simples\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eSiga as instruções da caixa e as etapas gerais são as seguintes:\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eLimpo e seco\u003c\/h4\u003e\n\u003cp\u003eLave o rosto com um limpador suave e seque-o.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003e2 por 3 pontos\u003c\/h4\u003e\n\u003cp\u003eAbaixe \u003cspan class=\"k\"\u003e2 por 3 pontos\u003c\/span\u003e Na cara.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eMassageie suavemente\u003c\/h4\u003e\n\u003cp\u003eDistribua com leves movimentos circulares.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eComece gradualmente\u003c\/h4\u003e\n\u003cp\u003eComeçar \u003cspan class=\"k\"\u003eUma vez por noite\u003c\/span\u003eApós duas semanas, pode ser fornecido duas vezes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eLeia isto antes do primeiro uso\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eApenas para uso externo.\u003c\/li\u003e\n\u003cli\u003eExperimente uma pequena quantidade na primeira parte da pele e certifique-se de que não irrita.\u003c\/li\u003e\n\u003cli\u003ePrimeiro, evite usá-lo com esfoliantes fortes ou retinóides ao mesmo tempo.\u003c\/li\u003e\n\u003cli\u003eDurante o dia, use protetor solar.\u003c\/li\u003e\n\u003cli\u003eMantenha longe dos olhos e, caso entre, lave com bastante água.\u003c\/li\u003e\n\u003cli\u003eSe ocorrer queimadura ou vermelhidão intensa, interrompa o uso.\u003c\/li\u003e\n\u003cli\u003eEste é um produto para a pele, não um tratamento médico para acne.Se as espinhas forem graves, consulte um dermatologista.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003ePerguntas antes de fazer o pedido\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eQuantos ml na garrafa?\u003c\/summary\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e30ml\u003c\/span\u003e.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eÉ bom para peles sensíveis?\u003c\/summary\u003e\u003cp\u003eExperimente uma pequena quantidade primeiro e comece \u003cspan class=\"k\"\u003eGradualmente\u003c\/span\u003e.Se sua pele for muito sensível, consulte um dermatologista.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eQuantas vezes eu uso?\u003c\/summary\u003e\u003cp\u003eComeçar \u003cspan class=\"k\"\u003eUma vez por noite\u003c\/span\u003eDepois de duas semanas, você pode aumentá-la duas vezes ao dia se sua pele tolerar.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eO produto é original?\u003c\/summary\u003e\u003cp\u003eSim, \u003cspan class=\"k\"\u003eProduto original\u003c\/span\u003e Você receberá o pagamento após o recebimento.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003eComece sua rotina de pele oleosa de forma mais simples\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePressione \u003cspan class=\"k\"\u003eAdicionar ao carrinho\u003c\/span\u003e E pagamento \u003cspan class=\"k\"\u003eApós o recebimento\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003eNiacinamide\u003c\/div\u003e\n\u003cdiv\u003eZinc Gluconate\u003c\/div\u003e\n\u003cdiv\u003e30ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003eEncomende o soro agora\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003eEnvio para qualquer lugar\u003c\/span\u003e\u003cspan\u003eProduto original\u003c\/span\u003e\u003cspan\u003ePagamento no recebimento\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Niacinamide (Vitamin B3), Zinc Gluconate. 30 ml. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44757913895109,"sku":"","price":230.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelit-advancedniacinamidezincgluconateserum.webp?v=1748445559"},{"product_id":"madagascar-centella-probio-cica-intensive-ampoule","title":"SKIN1004 Centella Madagascar Probiótico Cica Ampola\/Soro Probiótico Intenso 95ml","description":"\u003cstyle\u003e\n .skin1004-container {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n background: #fff;\n direction: ltr;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 60px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n animation: shimmer 8s infinite;\n }\n\n @keyframes shimmer {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n\n .hero-image {\n max-width: 500px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n margin-bottom: 40px;\n opacity: 0;\n transform: scale(0.9);\n animation: zoomIn 1.2s 0.3s forwards;\n }\n\n @keyframes zoomIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .main-title {\n font-size: 2.8em;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.2s forwards;\n }\n\n .subtitle {\n font-size: 1.6em;\n color: #666;\n margin-bottom: 30px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.4s forwards;\n }\n\n .hero-description {\n font-size: 1.3em;\n color: #555;\n max-width: 900px;\n margin: 0 auto;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.6s forwards;\n line-height: 1.8;\n }\n\n .magic-intro {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n }\n\n .magic-intro h2 {\n color: #9C8102;\n font-size: 2.2em;\n margin-bottom: 25px;\n }\n\n .magic-intro p {\n font-size: 1.2em;\n line-height: 1.8;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .main-benefits-section {\n padding: 60px 30px;\n background: white;\n }\n\n .benefits-intro {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .benefit-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.4s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n }\n\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #9C8102;\n }\n\n .benefit-icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: center;\n }\n\n .technology-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .tech-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .tech-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .tech-info {\n background: white;\n padding: 40px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .tech-info::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .tech-feature {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .ingredient-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n }\n\n .ingredient-list li {\n padding: 8px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 25px;\n }\n\n .ingredient-list li::before {\n content: '🧬';\n position: absolute;\n right: 0;\n top: 8px;\n }\n\n .transformation-section {\n padding: 60px 30px;\n background: white;\n }\n\n .transformation-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .transformation-phase {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n padding: 35px;\n border-radius: 20px;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.4s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .transformation-phase:hover {\n border-color: #9C8102;\n transform: translateY(-8px);\n }\n\n .phase-icon {\n font-size: 3.5em;\n margin-bottom: 20px;\n display: block;\n }\n\n .phase-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 20px;\n }\n\n .phase-benefits {\n text-align: left;\n }\n\n .phase-benefits p {\n margin: 10px 0;\n color: #666;\n font-weight: 600;\n }\n\n .skin-types-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .skin-types-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .skin-type-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .skin-type-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .skin-type-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .skin-type-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .texture-section {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n }\n\n .texture-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .texture-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .texture-feature:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .texture-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n text-align: center;\n }\n\n .science-section {\n padding: 60px 30px;\n background: white;\n }\n\n .science-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .science-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .science-info {\n background: #f8f9fa;\n padding: 40px;\n border-radius: 20px;\n border: 1px solid #e9ecef;\n }\n\n .science-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n\n .stat-card {\n background: white;\n padding: 20px;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n }\n\n .stat-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n }\n\n .stat-number {\n font-size: 2.2em;\n font-weight: 700;\n color: #9C8102;\n display: block;\n margin-bottom: 5px;\n }\n\n .stat-label {\n color: #666;\n font-size: 0.9em;\n }\n\n .usage-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .usage-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .usage-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .usage-time {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .usage-steps {\n list-style: none;\n padding: 0;\n }\n\n .usage-steps li {\n padding: 10px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 30px;\n }\n\n .usage-steps li::before {\n content: attr(data-step);\n position: absolute;\n right: 0;\n top: 10px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n text-align: center;\n line-height: 20px;\n font-size: 0.8em;\n font-weight: 700;\n }\n\n .why-section {\n padding: 60px 30px;\n background: white;\n }\n\n .why-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .why-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.3s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .why-feature::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .why-feature:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n border-color: #9C8102;\n }\n\n .why-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .why-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n color: white;\n padding: 80px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_11.jpg?v=1749656535') center\/cover;\n opacity: 0.1;\n z-index: 0;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n }\n\n .cta-image {\n max-width: 300px;\n width: 100%;\n border-radius: 20px;\n margin-bottom: 30px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n\n .cta-button {\n background: #9C8102;\n color: white;\n padding: 18px 45px;\n border: none;\n border-radius: 50px;\n font-size: 1.3em;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 30px;\n animation: glow 2s infinite alternate;\n }\n\n @keyframes glow {\n 0% { box-shadow: 0 0 25px rgba(156, 129, 2, 0.5); }\n 100% { box-shadow: 0 0 35px rgba(156, 129, 2, 0.8), 0 0 45px rgba(156, 129, 2, 0.3); }\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n background: #d4af37;\n }\n\n .section-title {\n text-align: center;\n font-size: 2.4em;\n color: #9C8102;\n margin-bottom: 20px;\n position: relative;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.4em;\n color: #666;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n border-radius: 2px;\n animation: expandLine 1s ease-out forwards;\n }\n\n @keyframes expandLine {\n 0% { width: 0; }\n 100% { width: 100px; }\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-on-scroll {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s ease;\n }\n\n .animate-on-scroll.animated {\n opacity: 1;\n transform: translateY(0);\n }\n\n .highlight {\n color: #9C8102;\n font-weight: 700;\n }\n\n .divider {\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n margin: 50px 0;\n opacity: 0;\n animation: fadeIn 1s forwards;\n border-radius: 2px;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @media (max-width: 768px) {\n .main-title { font-size: 2.2em; }\n .section-title { font-size: 2em; }\n .benefits-grid, .transformation-grid, .skin-types-grid, .texture-features, .science-stats, .usage-grid, .why-features {\n grid-template-columns: 1fr;\n }\n .tech-content, .science-content {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"skin1004-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"Skin 1004 Madagascar Centella Probio Cica Intensive Ampoule\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_3.webp?v=1749656251\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eMagia de Madagascar Fabricada em Gotas Douradas - 95ml\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Magic Introduction --\u003e\n\u003cdiv class=\"magic-intro\"\u003e\n\u003ch2\u003eQuando o milagre da natureza encontra o gênio da ciência\u003c\/h2\u003e\n\u003cp\u003eImagine que a Centella mais pura do mundo, proveniente da imaculada ilha de Madagascar, passa por um processo mágico de fermentação com probióticos para permanecer... \u003cstrong class=\"highlight\"\u003e10 vezes mais forte\u003c\/strong\u003e Pelo seu aspecto natural... é exactamente isso que encontrará em cada gota desta rara ampola!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Main Benefits Section --\u003e\n\u003cdiv class=\"main-benefits-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003ePrincipais usos\u003c\/h2\u003e\n\u003cdiv class=\"benefits-intro animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003eUma fórmula versátil que aborda todos os problemas da sua pele\u003c\/strong\u003e\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eCalmante instantâneo e profundo\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eA centela fermentada com probióticos acalma qualquer inflamação ou vermelhidão em poucos segundos e deixa a pele confortável e tranquila.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eEncolher claramente os poros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eA fórmula avançada fecha os poros e faz com que pareçam menores e mais lisos, o que dá à sua pele a textura sedosa com que você sonha.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidratação profunda que dura o dia todo\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAs ceramidas e os ácidos naturais retêm a umidade da pele e evitam o ressecamento, mesmo se o clima estiver difícil ou a pele for sensível.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eFortalecendo a barreira natural da pele\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eOs probióticos fortalecem as defesas da pele e tornam-na menos sensível e mais resistente a fatores externos como a poluição e o sol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eBrilho natural\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eO resultado final é uma pele radiante e fresca que deixa você confiante mesmo sem maquiagem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eTecnologia avançada de fermentação: revolucionando a ciência dos cuidados com a pele\u003c\/h2\u003e\n\u003cdiv class=\"tech-content\"\u003e\n\u003cimg alt=\"Advanced Fermentation Technology\" class=\"tech-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_2.webp?v=1749656297\"\/\u003e\n\u003cdiv class=\"tech-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.6em; margin-bottom: 20px;\"\u003eO que torna esta ampola completamente diferente:\u003c\/h3\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eCentela fermentada com probióticos\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eMoléculas menores penetram nas camadas mais profundas da pele\u003c\/li\u003e\n\u003cli\u003eDupla eficácia em calmante e reparador\u003c\/li\u003e\n\u003cli\u003eCapacidade excepcional de fortalecer a barreira natural da pele\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eFórmula exclusiva TECA\u003c\/h4\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003eUma combinação de 4 ácidos ativos naturais:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido madecássico\u003c\/strong\u003e: Para reparar danos profundos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiaticosídeo\u003c\/strong\u003e: Para renovar células\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido asiático\u003c\/strong\u003e: Para aliviar a inflamação\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassoside\u003c\/strong\u003e: Para proteção antioxidante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eCeramida NP de alta qualidade\u003c\/h4\u003e\n\u003cp\u003eA proporção áurea é de 3:1:1 (ceramidas:fitoesteróis:ácidos graxos) para manter a hidratação.\u003c\/p\u003e\n\u003c\/div\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 animate-on-scroll\"\u003eUma jornada transformacional desde o primeiro uso\u003c\/h2\u003e\n\u003cdiv class=\"transformation-grid\"\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eDesde o primeiro momento:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eHidratação profunda instantânea\u003c\/strong\u003e Atinge profundamente a pele\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBrilho natural sedoso\u003c\/strong\u003e Sem qualquer viscosidade ou peso\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCalma instantânea\u003c\/strong\u003e Para vermelhidão e irritação\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e📈\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eApós uma semana de uso:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eRedução visível dos poros\u003c\/strong\u003e dilatado\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBarreira forte\u003c\/strong\u003e Protege de fatores externos\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePele mais resistente\u003c\/strong\u003e E menos sensível\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e👑\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eResultado final:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003ePele como seda\u003c\/strong\u003e - Suave, brilhante e saudável\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eUma aparência renovada e jovem\u003c\/strong\u003e Impecável\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eOlhar confiante\u003c\/strong\u003e Ele fala por si\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Types Section --\u003e\n\u003cdiv class=\"skin-types-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eAdequado para quem?\u003c\/h2\u003e\n\u003cdiv class=\"skin-types-grid\"\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePele seca\u003c\/h3\u003e\n\u003cp\u003eA hidratação profunda revive as células sedentas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePele normal\u003c\/h3\u003e\n\u003cp\u003eProteger e nutrir para manter o equilíbrio perfeito\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🔄\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePele mista\u003c\/h3\u003e\n\u003cp\u003eRegulação natural da oleosidade com hidratação ideal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🌸\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePele sensível\u003c\/h3\u003e\n\u003cp\u003eCalmante suave sem irritação\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Texture Section --\u003e\n\u003cdiv class=\"texture-section\"\u003e\n\u003ch2 style=\"font-size: 2em; color: #9C8102; margin-bottom: 20px;\"\u003eA textura dos sonhos\u003c\/h2\u003e\n\u003cdiv class=\"texture-features\"\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e🥛\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eTextura leitosa luxuosa\u003c\/h3\u003e\n\u003cp\u003eDesliza na sua pele como seda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e💨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eAbsorção rápida\u003c\/h3\u003e\n\u003cp\u003eSem qualquer resíduo ou pegajosidade\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eAcabamento aveludado\u003c\/h3\u003e\n\u003cp\u003eDeixe sua pele brilhar de dentro para fora\u003c\/p\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 animate-on-scroll\"\u003eA ciência por trás da magia\u003c\/h2\u003e\n\u003cdiv class=\"science-content\"\u003e\n\u003cimg alt=\"Science Behind the Magic\" class=\"science-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_jpg.webp?v=1749656443\"\/\u003e\n\u003cdiv class=\"science-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eTecnologia avançada de fermentação:\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eOs probióticos transformam grandes moléculas de Centella em moléculas pequenas e altamente permeáveis, duplicando a sua capacidade de:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eReparar danos a nível celular\u003c\/li\u003e\n\u003cli\u003eEstimular a produção natural de colágeno\u003c\/li\u003e\n\u003cli\u003eFortalecendo o microbioma saudável da pele\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eEvidência científica:\u003c\/h4\u003e\n\u003cdiv class=\"science-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eMelhora imediata na suavidade da pele\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e90%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eMelhoria no nível de hidratação\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e88%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eRedução do tamanho dos poros\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!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eComo usar para obter os melhores resultados\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-time\"\u003eDe manhã ☀️\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eApós o toner, coloque 2-3 gotas no rosto limpo\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eMassageie com movimentos circulares suaves até completa absorção\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eSiga com hidratante e protetor solar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-time\"\u003eÀ noite 🌙\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eUse o mesmo método após limpar a pele\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eVocê pode usá-lo como uma camada dupla para hidratação extra\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eDeixe a pele beneficiar do poder reparador da noite\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Skin 1004 Section --\u003e\n\u003cdiv class=\"why-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003ePor que Skin 1004 é a escolha perfeita?\u003c\/h2\u003e\n\u003cdiv class=\"why-features\"\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🌱\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eIngredientes 100% naturais\u003c\/h3\u003e\n\u003cp\u003eDa virgem Madagascar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eTecnologia coreana avançada\u003c\/h3\u003e\n\u003cp\u003eApoiado por pesquisas científicas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🐰\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eEu não faço experimentos em animais\u003c\/h3\u003e\n\u003cp\u003eProduto ético e seguro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🚫\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eLivre de substâncias nocivas\u003c\/h3\u003e\n\u003cp\u003eSem parabenos ou sulfatos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e♻️\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eEcologicamente correto\u003c\/h3\u003e\n\u003cp\u003eEmbalagem reciclável\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003cimg alt=\"Skin 1004 Investment\" class=\"cta-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_1.webp?v=1749656297\"\/\u003e\n\u003ch2 class=\"animate-on-scroll\"\u003eUm investimento na sua beleza...e na sua autoconfiança\u003c\/h2\u003e\n\u003ch3 class=\"animate-on-scroll\" style=\"color: white; font-size: 1.4em; margin: 20px 0;\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h3\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin: 25px 0;\"\u003eNão é apenas um produto de cuidado...este \u003cstrong style=\"color: #9C8102;\"\u003eUma promessa de transformação\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"animate-on-scroll\" style=\"margin: 30px 0;\"\u003e\n\u003cp style=\"font-size: 1.3em; color: #d4af37;\"\u003e\u003cstrong\u003e95ml de pura magia\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eUma dose intensa de beleza malgaxe\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eSeu caminho para a pele dos seus sonhos\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eFaça seu pedido agora e aproveite a transformação\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animate-on-scroll elements\n document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Animate benefits cards\n const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.benefit-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n benefitsObserver.observe(section);\n });\n\n \/\/ Animate transformation phases\n const transformationObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const phases = entry.target.querySelectorAll('.transformation-phase');\n phases.forEach((phase, index) =\u003e {\n setTimeout(() =\u003e {\n phase.style.opacity = '1';\n phase.style.transform = 'translateY(0)';\n }, index * 300);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.transformation-section').forEach(section =\u003e {\n transformationObserver.observe(section);\n });\n\n \/\/ Animate skin type cards\n const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.skin-type-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 150);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.skin-types-section').forEach(section =\u003e {\n skinTypesObserver.observe(section);\n });\n\n \/\/ Animate texture features\n const textureObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const features = entry.target.querySelectorAll('.texture-feature');\n features.forEach((feature, index) =\u003e {\n setTimeout(() =\u003e {\n feature.style.opacity = '1';\n feature.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.texture-section').forEach(section =\u003e {\n textureObserver.observe(section);\n });\n\n \/\/ Animate why features\n const whyObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.why-feature').forEach(feature =\u003e {\n whyObserver.observe(feature);\n });\n\n \/\/ CTA button interaction\n document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n const button = document.querySelector('.cta-button');\n button.style.animation = 'none';\n setTimeout(() =\u003e {\n button.style.animation = 'glow 2s infinite alternate';\n }, 100);\n });\n\u003c\/script\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44812513378501,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004MadagascarCentellaProbioCicaIntensiveAmpoule95ml_1.jpg?v=1749655636"},{"product_id":"derma-ten-caffeine-eye-contour-serum","title":"DERMA TEN Cafeína + Retinol + HA Sérum para contorno de olhos Sérum para olheiras com cafeína","description":"\u003cdiv class=\"product-description-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .product-description-container {\n direction: ltr;\n text-align: left;\n font-family: inherit;\n line-height: 1.6;\n color: #333;\n max-width: 100%;\n margin: 0 auto;\n overflow-x: hidden;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #000 0%, #9C8102 100%);\n padding: 40px 30px;\n border-radius: 12px;\n margin-bottom: 30px;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease forwards;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 200px;\n height: 200px;\n background: rgba(156, 129, 2, 0.1);\n border-radius: 50%;\n transform: translate(50%, -50%);\n }\n\n .hero-title {\n color: #9C8102;\n font-size: 2.5em;\n font-weight: bold;\n margin-bottom: 15px;\n position: relative;\n z-index: 2;\n }\n\n .hero-subtitle {\n color: white;\n font-size: 1.2em;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .one-drop-highlight {\n background: #333;\n color: #9C8102;\n padding: 15px 25px;\n border-radius: 25px;\n display: inline-block;\n font-weight: bold;\n margin: 15px 0;\n border: 2px solid #9C8102;\n position: relative;\n z-index: 2;\n }\n\n .question-section {\n background: #f5f5f5;\n padding: 30px;\n border-radius: 10px;\n margin: 30px 0;\n border-right: 5px solid #9C8102;\n opacity: 0;\n animation: fadeIn 1s ease 0.2s forwards;\n }\n\n .question-text {\n font-size: 1.4em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .answer-text {\n font-size: 1.1em;\n color: #333;\n line-height: 1.6;\n }\n\n .technology-section {\n background: white;\n border: 2px solid #9C8102;\n border-radius: 12px;\n padding: 35px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 0.4s forwards;\n }\n\n .section-title {\n color: #9C8102;\n font-size: 2em;\n font-weight: bold;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 25px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 0.6s forwards;\n }\n\n .ingredient-card {\n background: white;\n border: 2px solid #e0e0e0;\n border-radius: 15px;\n padding: 25px;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .ingredient-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(156, 129, 2, 0.15);\n }\n\n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 4px;\n background: #9C8102;\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.3s ease;\n }\n\n .ingredient-card:hover::before {\n transform: scaleX(1);\n }\n\n .ingredient-title {\n color: #9C8102;\n font-size: 1.6em;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .ingredient-subtitle {\n color: #666;\n font-size: 1.1em;\n margin-bottom: 15px;\n font-weight: bold;\n }\n\n .benefits-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n color: #333;\n }\n\n .benefits-list li {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 10px;\n padding: 8px 0;\n color: inherit;\n }\n\n .benefits-list li::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #9C8102;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n .concentration-highlight {\n background: #9C8102;\n color: white;\n padding: 15px;\n border-radius: 5px;\n margin-top: 15px;\n font-weight: bold;\n text-align: center;\n }\n\n .warning-badge {\n background: #ff6b6b;\n color: white;\n padding: 8px 15px;\n border-radius: 20px;\n font-size: 0.9em;\n font-weight: bold;\n margin-top: 10px;\n display: inline-block;\n }\n\n .timeline-section {\n background: #f5f5f5;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 0.8s forwards;\n color: #333;\n }\n\n .timeline-item {\n margin: 25px 0;\n padding: 20px;\n background: white;\n border-radius: 10px;\n border-right: 5px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .timeline-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .timeline-period {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.3em;\n margin-bottom: 10px;\n }\n\n .trust-section {\n background: #333;\n color: white;\n padding: 35px;\n border-radius: 12px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1s forwards;\n }\n\n .trust-section .section-title {\n color: #9C8102;\n }\n\n .trust-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .trust-item {\n background: rgba(156, 129, 2, 0.1);\n border: 2px solid #9C8102;\n padding: 20px;\n border-radius: 10px;\n transition: all 0.3s ease;\n color: white;\n }\n\n .trust-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.2);\n }\n\n .usage-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.2s forwards;\n }\n\n .usage-section .section-title {\n color: #9C8102;\n }\n\n .one-drop-explanation {\n background: rgba(156, 129, 2, 0.1);\n border: 2px solid #9C8102;\n border-radius: 10px;\n padding: 20px;\n margin: 20px 0;\n text-align: center;\n }\n\n .usage-steps {\n background: #333;\n border-radius: 10px;\n padding: 25px;\n margin: 25px 0;\n }\n\n .step-list {\n list-style: none;\n padding: 0;\n counter-reset: step-counter;\n }\n\n .step-list li {\n counter-increment: step-counter;\n margin: 15px 0;\n padding: 15px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 8px;\n position: relative;\n padding-right: 50px;\n }\n\n .step-list li::before {\n content: counter(step-counter);\n background: #9C8102;\n color: white;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .safety-tips {\n background: rgba(255, 107, 107, 0.1);\n border: 2px solid #ff6b6b;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n }\n\n .safety-tips h4 {\n color: #ff6b6b;\n margin-bottom: 15px;\n }\n\n .safety-list {\n list-style: none;\n padding: 0;\n color: white;\n }\n\n .safety-list li {\n margin: 12px 0;\n padding: 10px 0;\n padding-right: 35px;\n position: relative;\n }\n\n .safety-list li::before {\n content: '⚠️';\n position: absolute;\n right: 0;\n top: 10px;\n font-size: 1.2em;\n }\n\n .warning-section {\n background: #333;\n color: white;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.4s forwards;\n }\n\n .warning-title {\n color: #9C8102;\n font-size: 1.8em;\n font-weight: bold;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .prohibited-section {\n background: rgba(255, 107, 107, 0.1);\n border: 2px solid #ff6b6b;\n border-radius: 10px;\n padding: 20px;\n margin: 20px 0;\n }\n\n .prohibited-section h3 {\n color: #ff6b6b;\n margin-bottom: 15px;\n }\n\n .prohibited-list {\n list-style: none;\n padding: 0;\n color: white;\n }\n\n .prohibited-list li {\n margin: 10px 0;\n padding: 8px 0;\n font-weight: bold;\n }\n\n .prohibited-list li::before {\n content: '🚫';\n margin-left: 10px;\n }\n\n .expectations-section {\n margin: 25px 0;\n }\n\n .expectations-section h3 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .expectation-item {\n background: rgba(156, 129, 2, 0.1);\n border: 1px solid #9C8102;\n border-radius: 8px;\n padding: 15px;\n margin: 10px 0;\n color: white;\n }\n\n .investment-section {\n background: #f5f5f5;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.6s forwards;\n color: #333;\n }\n\n .investment-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin: 25px 0;\n }\n\n .investment-card {\n background: white;\n border: 2px solid #9C8102;\n border-radius: 12px;\n padding: 25px;\n transition: all 0.3s ease;\n }\n\n .investment-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(156, 129, 2, 0.2);\n }\n\n .investment-card h4 {\n color: #9C8102;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .investment-reasons,\n .value-section {\n margin: 20px 0;\n }\n\n .investment-reasons h3,\n .value-section h3 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .faq-section {\n background: white;\n border: 2px solid #9C8102;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.8s forwards;\n }\n\n .faq-item {\n margin: 20px 0;\n padding: 15px;\n background: #f8f8f8;\n border-radius: 8px;\n border-right: 4px solid #9C8102;\n }\n\n .faq-question {\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 8px;\n }\n\n .faq-answer {\n color: #333;\n }\n\n .ingredients-section {\n background: #f5f5f5;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 2s forwards;\n color: #333;\n }\n\n .active-ingredients,\n .soothing-ingredients {\n margin: 20px 0;\n }\n\n .active-ingredients h3,\n .soothing-ingredients h3 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .ingredient-formula {\n background: white;\n padding: 20px;\n border-radius: 8px;\n margin: 15px 0;\n border: 1px solid #e0e0e0;\n font-family: monospace;\n font-size: 0.9em;\n line-height: 1.4;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #000 0%, #9C8102 100%);\n color: white;\n padding: 50px 40px;\n border-radius: 15px;\n margin: 40px 0;\n text-align: center;\n opacity: 0;\n animation: fadeIn 1s ease 2.2s forwards;\n }\n\n .cta-title {\n font-size: 2.2em;\n font-weight: bold;\n margin-bottom: 20px;\n color: #9C8102;\n }\n\n .cta-text {\n font-size: 1.2em;\n margin-bottom: 30px;\n line-height: 1.5;\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n to {\n opacity: 1;\n }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2em;\n }\n \n .section-title {\n font-size: 1.6em;\n }\n \n .ingredients-grid,\n .trust-stats {\n grid-template-columns: 1fr;\n }\n }\n \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eDerma Tin Eye Serum com Cafeína\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eDerma Ten Caffeine Eye Contour Serum\u003c\/p\u003e\n\u003cdiv class=\"one-drop-highlight\"\u003eApenas uma gota... e veja a diferença por si mesmo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Question Section --\u003e\n\u003cdiv class=\"question-section\"\u003e\n\u003cdiv class=\"question-text\"\u003eVocê está cansado de se olhar no espelho e ver olhos cansados?\u003c\/div\u003e\n\u003cdiv class=\"answer-text\"\u003e\n\u003cstrong\u003eOlheiras... inchaço matinal... linhas finas que começam a aparecer... a área dos olhos faz você parecer mais velho e acrescenta 10 anos à sua idade.\u003c\/strong\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eO problema não é apenas a falta de sono.A pele ao redor dos olhos é 10 vezes mais fina que o resto do rosto e requer cuidados especializados e ingredientes fortes, mas seguros.\u003c\/strong\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eSérum para olhos Derma Tin\u003c\/strong\u003e Não é apenas um soro normal que você coloca nos olhos.Isto \u003cstrong\u003eTratamento focado e atencioso\u003c\/strong\u003e Com uma fórmula médica avançada que aborda com precisão todos os problemas da área dos olhos.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eFórmula médica avançada... cada ingrediente cuidadosamente selecionado\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Grid --\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003c!-- Caffeine Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eCafeína 5%\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eEstimulante natural da circulação sanguínea\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003ePor que cafeína para os olhos?\u003c\/strong\u003e Porque a ciência provou a sua capacidade superior de:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eEstimular imediatamente a circulação sanguínea ao redor dos olhos\u003c\/li\u003e\n\u003cli\u003eReduza o inchaço e o inchaço em poucos minutos de uso\u003c\/li\u003e\n\u003cli\u003eIlumine as olheiras melhorando o fluxo sanguíneo\u003c\/li\u003e\n\u003cli\u003eAperte a pele flácida e melhore sua elasticidade\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"concentration-highlight\"\u003e\n A concentração de 5% é ideal – forte o suficiente para ser eficaz, suave o suficiente para áreas sensíveis\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hyaluronic Acid Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eÁcido hialurônico\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eReservatório de umidade natural\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eEle contém 1000 vezes seu peso em água\u003c\/li\u003e\n\u003cli\u003ePreenche linhas finas por dentro\u003c\/li\u003e\n\u003cli\u003eHidrata profundamente a delicada pele ao redor dos olhos\u003c\/li\u003e\n\u003cli\u003ePrevine ressecamento e rachaduras na área sensível\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Retinol Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eRetinol\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eEstimulador de regeneração celular\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eO rei do antienvelhecimento\u003c\/strong\u003e Mas com um foco seguro para os olhos:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eEstimula a regeneração celular e acelera a cicatrização da pele\u003c\/li\u003e\n\u003cli\u003eReduz a aparência de rugas e linhas finas\u003c\/li\u003e\n\u003cli\u003eMelhora a textura e suavidade da pele\u003c\/li\u003e\n\u003cli\u003eUnifica o tom da pele e reduz a pigmentação\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-badge\"\u003e\n Importante: Por este motivo não é utilizado durante a gravidez e amamentação\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Argireline Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eArgirelina\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eBotox natural\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eNome científico da “toxina botulínica natural”:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRelaxa os músculos faciais de forma natural e segura\u003c\/li\u003e\n\u003cli\u003eReduz a contração muscular que causa rugas\u003c\/li\u003e\n\u003cli\u003ePrevine a formação de novas linhas ao redor dos olhos\u003c\/li\u003e\n\u003cli\u003eUma alternativa natural às injeções de Botox sem agulhas ou riscos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Ferulic Acid Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eÁcido ferúlico\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eProtetor antioxidante\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eProtege contra danos causados por radicais livres e poluição\u003c\/li\u003e\n\u003cli\u003eAumenta a eficácia do retinol e reduz a irritação\u003c\/li\u003e\n\u003cli\u003eRetarda o processo natural de envelhecimento da pele\u003c\/li\u003e\n\u003cli\u003eMantém a estabilidade do resto dos ingredientes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Natural Ingredients Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eIngredientes naturais auxiliares\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eNutrição e proteção abrangentes\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamina E (tocoferol):\u003c\/strong\u003e Antioxidante e hidratante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePantenol (vitamina B5):\u003c\/strong\u003e Calmante e hidratante para peles sensíveis\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrato de chá verde:\u003c\/strong\u003e Antiinflamatório e calmante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloé Vera:\u003c\/strong\u003e Hidratante e calmante natural para irritação\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eCronograma de resultados visíveis\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eA primeira semana: aclimatação e calma\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eA pele se adapta ao retinol (pode ocorrer descamação leve - normal)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRedução imediata do inchaço\u003c\/strong\u003e Graças à cafeína\u003c\/li\u003e\n\u003cli\u003eSentindo-se hidratado e macio\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eA segunda semana: o início da melhoria\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eMelhora notável no inchaço matinal\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eA pele fica mais lisa e menos seca\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eComeçando a clarear as olheiras\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eO primeiro mês: resultados visíveis\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eMelhora significativa na aparência das olheiras\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eAs linhas finas começam a ficar menos perceptíveis\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eA pele fica mais macia e elástica\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eO segundo mês: melhoria contínua\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eRedução visível na profundidade das rugas\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eTom de pele unificado ao redor dos olhos\u003c\/li\u003e\n\u003cli\u003eUma aparência geral mais jovem e radiante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eO terceiro mês: resultados estáveis\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eMelhoria geral na aparência da área dos olhos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eResultados semelhantes aos tratamentos cosméticos\u003c\/strong\u003e Mas de uma forma natural\u003c\/li\u003e\n\u003cli\u003eConfiança restaurada na aparência\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Trust Section --\u003e\n\u003cdiv class=\"trust-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUm produto confiável localmente..mais vendidos internacionalmente\u003c\/h2\u003e\n\u003cdiv class=\"trust-stats\"\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003eProduto mais solicitado\u003c\/strong\u003e Em centros de beleza especializados\n \u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003eRecomendado por especialistas em cuidados com a pele\u003c\/strong\u003e Devido à sua eficácia no tratamento de problemas oculares\n \u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003eAlto índice de satisfação do cliente\u003c\/strong\u003e Mais de 90% das usuárias\n \u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003eAvaliações positivas contínuas\u003c\/strong\u003e Em várias plataformas cosméticas\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\"\u003eUso correto... Simplicidade faz a diferença\u003c\/h2\u003e\n\u003cdiv class=\"one-drop-explanation\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003ePor que apenas uma gota?\u003c\/h3\u003e\n\u003cp style=\"color: white; font-weight: bold;\"\u003e\u003cstrong\u003eA fórmula é muito concentrada\u003c\/strong\u003e Uma gota é suficiente para cobrir toda a área dos olhos.Quantidades excessivas podem causar irritação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 20px; text-align: center;\"\u003eÓtimo como usar\u003c\/h3\u003e\n\u003col class=\"step-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eLave bem o rosto\u003c\/strong\u003e Antes de dormir\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAplique uma gota\u003c\/strong\u003e No dedo anelar (com menos pressão)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePat suavemente\u003c\/strong\u003e Sob o olho de dentro para fora\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEvite a área da pálpebra em movimento\u003c\/strong\u003e (Muito perto de Al Ain)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAguarde 5 minutos\u003c\/strong\u003e Antes de aplicar qualquer outro produto\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUse apenas à noite\u003c\/strong\u003e Retinol torna a pele sensível ao sol\u003c\/li\u003e\n\u003cdiv class=\"safety-tips\"\u003e\n\u003ch4\u003eDicas importantes de segurança:\u003c\/h4\u003e\n\u003cul class=\"safety-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eComece 3 vezes por semana\u003c\/strong\u003e Depois aumente gradativamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUse protetor solar durante o dia\u003c\/strong\u003e Sempre\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEvite contato direto com os olhos\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePare imediatamente\u003c\/strong\u003e Em caso de irritação grave\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003cdiv class=\"warning-title\"\u003ePrecauções importantes e expectativas realistas\u003c\/div\u003e\n\u003cdiv class=\"prohibited-section\"\u003e\n\u003ch3\u003eÉ proibido usar em:\u003c\/h3\u003e\n\u003cul class=\"prohibited-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurante a gravidez\u003c\/strong\u003e - O retinol pode prejudicar o feto\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurante a amamentação\u003c\/strong\u003e - Pode ser transmitido à criança através do leite\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"expectations-section\"\u003e\n\u003ch3\u003eInformações sobre:\u003c\/h3\u003e\n\u003cdiv class=\"expectation-item\"\u003e\n\u003cstrong\u003eResultados exigem paciência\u003c\/strong\u003e - 4-6 semanas para melhora óbvia\n \u003c\/div\u003e\n\u003cdiv class=\"expectation-item\"\u003e\n\u003cstrong\u003ePode ocorrer descamação leve\u003c\/strong\u003e Inicialmente (natural com retinol)\n \u003c\/div\u003e\n\u003cdiv class=\"expectation-item\"\u003e\n\u003cstrong\u003eA continuação é necessária\u003c\/strong\u003e Para manter os resultados\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComposição e ingredientes completos\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-formula\"\u003e\n\u003cstrong\u003eAQUA - CAFFEINE - RETINOL - ARGIRELINE - FERULIC ACID - TOCOPHEROL - PANTHENOL - GREEN TEA EXTRACT - CELLULOSE GUM - LACTIC ACID - ALOE BARBADENSIS LEAF EXTRACT - PROPYLENE GLYCOL - PHENOXYETHANOL\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"active-ingredients\"\u003e\n\u003ch3\u003ePrincipais ingredientes ativos:\u003c\/h3\u003e\n\u003cul class=\"benefits-list\" style=\"color: #333;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCAFFEINE (5%):\u003c\/strong\u003e Estimula a circulação sanguínea e reduz o inchaço\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRETINOL:\u003c\/strong\u003e Estimulador de regeneração celular e antirrugas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eARGIRELINE:\u003c\/strong\u003e Peptídeo conhecido como \"Botox natural\"\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFERULIC ACID:\u003c\/strong\u003e Um poderoso antioxidante e aumenta a eficácia do retinol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTOCOPHEROL (Vitamin E):\u003c\/strong\u003e Antioxidante e hidratante natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soothing-ingredients\"\u003e\n\u003ch3\u003eIngredientes calmantes e hidratantes:\u003c\/h3\u003e\n\u003cul class=\"benefits-list\" style=\"color: #333;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePANTHENOL (Pro-Vitamin B5):\u003c\/strong\u003e Calmante e hidratante para peles sensíveis\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGREEN TEA EXTRACT:\u003c\/strong\u003e Antiinflamatório e calmante natural\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eALOE BARBADENSIS LEAF EXTRACT:\u003c\/strong\u003e Irritação hidratante e calmante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLACTIC ACID:\u003c\/strong\u003e Esfoliante suave e intensificador de textura da pele\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eComece sua jornada de rejuvenescimento ocular\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eEste é um tratamento médico avançado\u003c\/strong\u003e Visa os problemas mais difíceis da área dos olhos.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eApenas uma gota todas as noites... e os resultados falarão por si dentro de semanas.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.4em; color: #9C8102;\"\u003e\u003cstrong\u003eEncomende agora... e deixe seus olhos contarem a história de uma juventude renovada.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Smooth scroll animations\n function observeElements() {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry) =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n \/\/ Observe elements for scroll animations\n document.querySelectorAll('.ingredient-card, .timeline-item, .trust-item, .expectation-item, .investment-card').forEach((el) =\u003e {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'all 0.6s ease';\n observer.observe(el);\n });\n }\n\n \/\/ Enhanced hover effects\n function addHoverEffects() {\n const cards = document.querySelectorAll('.ingredient-card, .trust-item, .timeline-item, .investment-card');\n \n cards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-8px) translateX(-5px)';\n this.style.boxShadow = '0 15px 35px rgba(156, 129, 2, 0.2)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = '';\n this.style.boxShadow = '';\n });\n });\n }\n\n \/\/ One drop highlight pulse effect\n function addPulseEffect() {\n const oneDropHighlight = document.querySelector('.one-drop-highlight');\n if (oneDropHighlight) {\n setInterval(() =\u003e {\n oneDropHighlight.style.transform = 'scale(1.05)';\n setTimeout(() =\u003e {\n oneDropHighlight.style.transform = 'scale(1)';\n }, 200);\n }, 3000);\n }\n }\n\n \/\/ Warning badge glow effect\n function addWarningGlow() {\n const warningBadges = document.querySelectorAll('.warning-badge');\n \n warningBadges.forEach(badge =\u003e {\n setInterval(() =\u003e {\n badge.style.boxShadow = '0 0 15px rgba(255, 107, 107, 0.6)';\n setTimeout(() =\u003e {\n badge.style.boxShadow = 'none';\n }, 500);\n }, 4000);\n });\n }\n\n \/\/ Concentration highlight animation\n function addConcentrationEffect() {\n const concentrationHighlight = document.querySelector('.concentration-highlight');\n if (concentrationHighlight) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.background = 'linear-gradient(45deg, #9C8102, #b8940d, #9C8102)';\n entry.target.style.backgroundSize = '200% 200%';\n entry.target.style.animation = 'gradientShift 3s ease infinite';\n observer.unobserve(entry.target);\n }\n });\n });\n observer.observe(concentrationHighlight);\n }\n }\n\n \/\/ Add gradient animation keyframes\n const style = document.createElement('style');\n style.textContent = `\n @keyframes gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n `;\n document.head.appendChild(style);\n \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Derma ten","offers":[{"title":"Default Title","offer_id":44945667719365,"sku":null,"price":250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Derma_Ten_Caffeine_retinol_hyaluronic_eye_contour_serum.avif?v=1753537635"},{"product_id":"some-by-mi-30-days-miracle-ac-sos-kit-1","title":"SOME by MI AHA BHA PHA 30 Days Miracle AC SOS Kit","description":"\u003cdiv class=\"some-by-mi-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .some-by-mi-container {\n direction: ltr;\n text-align: left;\n max-width: 100%;\n margin: 0 auto;\n font-family: inherit;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n min-height: 100vh;\n }\n\n .some-by-mi-container * {\n box-sizing: border-box;\n }\n\n \/* Premium floating particles background *\/\n .some-by-mi-container::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(circle at 15% 25%, rgba(156, 129, 2, 0.03) 2px, transparent 2px),\n radial-gradient(circle at 85% 75%, rgba(212, 175, 55, 0.04) 1px, transparent 1px),\n radial-gradient(circle at 45% 60%, rgba(156, 129, 2, 0.02) 1px, transparent 1px),\n linear-gradient(135deg, rgba(250, 250, 250, 0.8) 0%, rgba(240, 240, 240, 0.9) 100%);\n animation: premiumFloat 25s ease-in-out infinite;\n pointer-events: none;\n z-index: -1;\n }\n\n .main-title {\n color: #9C8102;\n font-size: 3.2em;\n font-weight: 900;\n margin-bottom: 40px;\n text-shadow: 0 4px 12px rgba(156, 129, 2, 0.3);\n text-align: center;\n opacity: 0;\n transform: translateY(50px);\n animation: premiumFadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n position: relative;\n letter-spacing: -0.02em;\n background: linear-gradient(135deg, #9C8102 0%, #d4af37 50%, #9C8102 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .main-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n right: 50%;\n transform: translateX(50%);\n width: 0;\n height: 4px;\n background: linear-gradient(90deg, transparent 0%, #9C8102 20%, #d4af37 50%, #9C8102 80%, transparent 100%);\n box-shadow: 0 2px 10px rgba(156, 129, 2, 0.4);\n animation: premiumUnderline 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1.2s forwards;\n }\n\n .hero-image {\n width: 100%;\n max-width: 650px;\n height: auto;\n margin: 50px auto;\n display: block;\n border-radius: 25px;\n box-shadow: \n 0 25px 60px rgba(0,0,0,0.15),\n 0 10px 30px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.6);\n opacity: 0;\n transform: scale(0.85) rotateY(8deg) translateZ(0);\n animation: premiumImageReveal 2s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n }\n\n .hero-image::before {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n border-radius: 28px;\n z-index: -1;\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.05) rotateY(0deg) translateZ(20px);\n box-shadow: \n 0 35px 80px rgba(0,0,0,0.2),\n 0 15px 40px rgba(156, 129, 2, 0.2),\n inset 0 1px 0 rgba(255,255,255,0.8);\n }\n\n .hero-image:hover::before {\n opacity: 0.7;\n }\n\n .challenge-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 60px;\n border-radius: 25px;\n margin: 60px 0;\n text-align: center;\n opacity: 0;\n transform: scale(0.9) translateZ(0);\n animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.3);\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.3),\n 0 10px 30px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .challenge-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: \n radial-gradient(circle at 30% 40%, rgba(156, 129, 2, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 70%, rgba(212, 175, 55, 0.1) 0%, transparent 50%);\n animation: premiumGlow 6s ease-in-out infinite;\n z-index: 1;\n }\n\n .challenge-section::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(156, 129, 2, 0.1) 50%, transparent 70%);\n animation: premiumShimmer 4s ease-in-out infinite;\n z-index: 2;\n }\n\n .challenge-title {\n color: #d4af37;\n font-size: 2.8em;\n font-weight: 800;\n margin-bottom: 30px;\n position: relative;\n z-index: 3;\n text-shadow: 0 2px 10px rgba(212, 175, 55, 0.5);\n letter-spacing: -0.01em;\n }\n\n .challenge-text {\n font-size: 1.2em;\n line-height: 1.9;\n opacity: 0.95;\n position: relative;\n z-index: 3;\n font-weight: 400;\n }\n\n .section-header {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 40px;\n margin: 60px 0 40px 0;\n border-radius: 20px;\n text-align: center;\n opacity: 0;\n transform: scale(0.9);\n animation: premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.2);\n box-shadow: \n 0 20px 40px rgba(0,0,0,0.2),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .section-title {\n color: #d4af37;\n font-size: 2.4em;\n font-weight: 800;\n margin-bottom: 15px;\n text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n letter-spacing: -0.01em;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 40px;\n margin: 60px 0;\n padding: 0 20px;\n }\n\n .product-card {\n background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n padding: 40px;\n border-radius: 25px;\n box-shadow: \n 0 20px 50px rgba(0,0,0,0.08),\n 0 8px 25px rgba(156, 129, 2, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.9);\n border: 1px solid rgba(156, 129, 2, 0.1);\n opacity: 0;\n transform: translateY(50px) translateZ(0);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n overflow: hidden;\n }\n\n .product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n .product-card::after {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n border-radius: 27px;\n z-index: -1;\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .product-card:hover {\n transform: translateY(-15px) translateZ(30px);\n box-shadow: \n 0 35px 70px rgba(0,0,0,0.15),\n 0 15px 35px rgba(156, 129, 2, 0.12),\n inset 0 1px 0 rgba(255,255,255,1);\n }\n\n .product-card:hover::before {\n left: 100%;\n }\n\n .product-card:hover::after {\n opacity: 0.3;\n }\n\n .product-image {\n width: 100%;\n max-width: 220px;\n height: auto;\n margin: 0 auto 30px auto;\n display: block;\n border-radius: 15px;\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n\n .product-card:hover .product-image {\n transform: scale(1.08) translateZ(10px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.15);\n }\n\n .product-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n }\n\n .product-description {\n text-align: center;\n margin-bottom: 25px;\n font-weight: 600;\n color: #666;\n font-size: 1.05em;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 25px 0;\n }\n\n .feature-item {\n background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n margin-bottom: 12px;\n padding: 16px 20px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n display: flex;\n align-items: flex-start;\n gap: 15px;\n transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n color: #333;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, #e8f4f8 0%, #e1f0f5 100%);\n transform: translateX(-8px);\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n border-right-color: #d4af37;\n }\n\n .feature-bullet {\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n border-radius: 50%;\n margin-top: 10px;\n flex-shrink: 0;\n box-shadow: 0 2px 4px rgba(156, 129, 2, 0.3);\n }\n\n .science-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n color: white;\n padding: 70px;\n border-radius: 30px;\n margin: 80px 0;\n opacity: 0;\n transform: rotateX(15deg) translateZ(0);\n animation: premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.3);\n box-shadow: \n 0 40px 80px rgba(0,0,0,0.3),\n 0 15px 40px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.1);\n position: relative;\n overflow: hidden;\n }\n\n .science-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(212, 175, 55, 0.08) 0%, transparent 50%);\n animation: premiumScienceGlow 8s ease-in-out infinite;\n }\n\n .acid-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 35px;\n margin: 50px 0;\n position: relative;\n z-index: 2;\n }\n\n .acid-card {\n background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n padding: 35px;\n border-radius: 20px;\n border-top: 5px solid #9C8102;\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: \n 0 15px 35px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.1);\n position: relative;\n overflow: hidden;\n }\n\n .acid-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.05) 0%, transparent 50%);\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .acid-card:hover {\n background: linear-gradient(135deg, #404040 0%, #353535 100%);\n transform: translateY(-10px);\n box-shadow: \n 0 25px 50px rgba(0,0,0,0.4),\n 0 10px 25px rgba(156, 129, 2, 0.2),\n inset 0 1px 0 rgba(255,255,255,0.15);\n border-top-color: #d4af37;\n }\n\n .acid-card:hover::before {\n opacity: 1;\n }\n\n .acid-title {\n color: #d4af37;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 20px;\n text-shadow: 0 1px 3px rgba(212, 175, 55, 0.5);\n }\n\n .timeline-section {\n background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n padding: 60px;\n border-radius: 25px;\n margin: 60px 0;\n border: 1px solid rgba(156, 129, 2, 0.1);\n box-shadow: \n 0 20px 40px rgba(0,0,0,0.08),\n inset 0 1px 0 rgba(255,255,255,0.9);\n }\n\n .timeline-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 35px;\n margin: 50px 0;\n }\n\n .timeline-week {\n background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n padding: 35px;\n border-radius: 20px;\n border-right: 5px solid #9C8102;\n position: relative;\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: \n 0 12px 30px rgba(0,0,0,0.08),\n inset 0 1px 0 rgba(255,255,255,0.9);\n }\n\n .timeline-week:hover {\n transform: translateX(-10px);\n box-shadow: \n 0 20px 45px rgba(0,0,0,0.12),\n 0 8px 25px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,1);\n border-right-color: #d4af37;\n }\n\n .week-number {\n position: absolute;\n top: -20px;\n right: 30px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n color: white;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1.3em;\n box-shadow: \n 0 8px 20px rgba(156, 129, 2, 0.3),\n inset 0 1px 0 rgba(255,255,255,0.3);\n text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n }\n\n .week-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin: 25px 0 20px 0;\n text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n }\n\n .value-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 70px;\n border-radius: 25px;\n margin: 80px 0;\n opacity: 0;\n transform: scale(0.85);\n animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.3);\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 35px;\n margin: 50px 0;\n }\n\n .value-item {\n background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n padding: 35px;\n border-radius: 20px;\n border-top: 5px solid #9C8102;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: \n 0 15px 35px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .value-item:hover {\n transform: translateY(-10px);\n box-shadow: \n 0 25px 50px rgba(0,0,0,0.4),\n 0 10px 25px rgba(156, 129, 2, 0.2);\n border-top-color: #d4af37;\n }\n\n .value-item h3 {\n color: #d4af37;\n margin-bottom: 20px;\n font-weight: 700;\n font-size: 1.3em;\n text-shadow: 0 1px 3px rgba(212, 175, 55, 0.4);\n }\n\n .cta-final {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n color: white;\n padding: 80px;\n border-radius: 30px;\n text-align: center;\n margin: 80px 0;\n opacity: 0;\n transform: scale(0.8) translateZ(0);\n animation: premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.4);\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 40px 80px rgba(0,0,0,0.4),\n 0 15px 40px rgba(156, 129, 2, 0.15),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .cta-final::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n transform: translate(-50%, -50%);\n animation: premiumPulse 4s ease-in-out infinite;\n }\n\n .cta-title {\n color: #d4af37;\n font-size: 3em;\n font-weight: 900;\n margin-bottom: 30px;\n position: relative;\n z-index: 1;\n text-shadow: 0 3px 12px rgba(212, 175, 55, 0.6);\n letter-spacing: -0.02em;\n }\n\n .cta-text {\n font-size: 1.3em;\n margin: 30px 0;\n opacity: 0.95;\n position: relative;\n z-index: 1;\n font-weight: 400;\n line-height: 1.7;\n }\n\n .highlight-text {\n font-size: 1.6em;\n font-weight: 800;\n color: #d4af37;\n margin: 35px 0;\n animation: premiumTextGlow 3s ease-in-out infinite;\n position: relative;\n z-index: 1;\n text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5);\n }\n\n @keyframes premiumFadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes premiumScaleIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes premiumImageReveal {\n to {\n opacity: 1;\n transform: scale(1) rotateY(0deg) translateZ(0);\n }\n }\n\n @keyframes premiumRotateIn {\n to {\n opacity: 1;\n transform: rotateX(0deg) translateZ(0);\n }\n }\n\n @keyframes premiumUnderline {\n to { width: 120px; }\n }\n\n @keyframes premiumFloat {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-15px) rotate(180deg); }\n }\n\n @keyframes premiumGlow {\n 0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n 50% { opacity: 1; transform: scale(1.05) rotate(180deg); }\n }\n\n @keyframes premiumShimmer {\n 0% { transform: translateX(-100%) skewX(-15deg); }\n 100% { transform: translateX(200%) skewX(-15deg); }\n }\n\n @keyframes premiumScienceGlow {\n 0%, 100% { opacity: 0.6; transform: scale(1); }\n 50% { opacity: 0.9; transform: scale(1.02); }\n }\n\n @keyframes premiumPulse {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1); \n opacity: 0.4; \n }\n 50% { \n transform: translate(-50%, -50%) scale(1.3); \n opacity: 0.1; \n }\n }\n\n @keyframes premiumTextGlow {\n 0%, 100% { \n text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5); \n transform: scale(1);\n }\n 50% { \n text-shadow: 0 4px 20px rgba(212, 175, 55, 0.8); \n transform: scale(1.02);\n }\n }\n\n @media (max-width: 768px) {\n .main-title {\n font-size: 2.2em;\n }\n\n .hero-image {\n max-width: 90%;\n border-radius: 15px;\n }\n \n .products-grid,\n .acid-grid,\n .timeline-grid,\n .value-grid {\n grid-template-columns: 1fr;\n }\n \n .challenge-section,\n .science-section,\n .value-section,\n .cta-final {\n padding: 30px 20px;\n }\n\n .challenge-title {\n font-size: 1.8em;\n }\n\n .cta-title {\n font-size: 2em;\n }\n }\n \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eConjunto de Desafio de Pele Perfeita - Some By Mi AHA\/BHA\/PHA 30Days Miracle Starter Kit\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"Conjunto de desafio de pele perfeita de Some By Mi\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_sos_kit.avif?v=1753592497\"\/\u003e\n\u003c!-- Challenge Section --\u003e\n\u003cdiv class=\"challenge-section\"\u003e\n\u003ch2 class=\"challenge-title\"\u003eDesafio 30 Dias - Você tem coragem de mudar de pele permanentemente?\u003c\/h2\u003e\n\u003cdiv class=\"challenge-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eA pergunta difícil: há quantos anos você luta contra os mesmos problemas de pele?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEspinhas...poros dilatados...inflamação...manchas escuras...todos os dias o mesmo sofrimento.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eO problema não é você não cuidar da sua pele... o problema é que cada produto funciona sozinho sem coordenação com o outro.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e Não é apenas um grupo de produtos... é isso \u003cstrong\u003eSistema de tratamento integrado\u003c\/strong\u003e Cada produto possui um designer que complementa o outro para um resultado: \u003cstrong\u003ePele perfeita em 30 dias\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why 4 Products Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003ePor que 4 produtos são melhores do que um produto?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003ePorque os problemas de pele são complexos... e as soluções devem ser abrangentes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eLimpeza profunda (soda cáustica)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNão é qualquer limpeza... esta é uma limpeza inteligente que prepara a pele para o tratamento\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eEquilíbrio e preparação (toner)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eReequilibra a pele e prepara-a para uma melhor absorção do tratamento\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eTratamento concentrado (soro)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMaior concentração de ingredientes ativos para tratamento profundo\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eProteger e reparar (creme)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eProtege os resultados e repara a pele durante toda a noite\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: white; border-radius: 10px; border: 2px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003eO resultado: um efeito duplo que você não consegue obter apenas com um produto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Details Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eDetalhes de cada produto – equipe de trabalho integrada\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-grid\"\u003e\n\u003c!-- Cleanser --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Algumas loções By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_acne_clear_foam.png?v=1753593938\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eLavagem Milagrosa (30ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cleansing Foam\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eNão é apenas limpeza... é uma preparação inteligente para o tratamento\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003epH baixo\u003c\/strong\u003e Mantém a barreira natural da pele\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLimpeza profunda\u003c\/strong\u003e Remove impurezas, sujeira e maquiagem\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEsfoliação suave\u003c\/strong\u003e Prepara a pele para melhor absorção\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTruecica™\u003c\/strong\u003e Acalma a pele e equilibra as secreções\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Toner --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Alguns toners By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_9706a063-9b15-4a89-8f3a-0b4e1bb41936.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eTônico Equilibrante (30ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Toner\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eA ponte entre limpeza e tratamento\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003epH 5.5\u003c\/strong\u003e Reequilibra a pele após a limpeza\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExtrato de hamamélis\u003c\/strong\u003e Diminui os poros e aperta a pele\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMamão natural\u003c\/strong\u003e Dissolve gorduras e acalma a pele\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExtrato de lótus\u003c\/strong\u003e Ilumina a pele e unifica sua cor\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSementes de soja\u003c\/strong\u003e Nutre a pele e fortalece sua imunidade\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Serum --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Alguns soros By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2_08531341-6157-4a31-9d06-bb318b163a4d.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eSérum Milagroso (10ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Serum\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eO coração pulsante do tratamento\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e14,5% de extrato de Centela Asiática\u003c\/strong\u003e Para acalmar e reparar a pele\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNiacinamide\u003c\/strong\u003e Regula gorduras e clareia manchas escuras\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAlta concentração de ácidos\u003c\/strong\u003e Para tratamento profundo\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAtiva o ciclo de renovação celular\u003c\/strong\u003e Estimula a cicatrização da pele\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Cream --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Alguns cremes By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3_9816bace-b39f-48c7-978f-acce31383091.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eCreme protetor (20g)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cream\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eO último guardião dos resultados\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e4 tipos de extrato CICA\u003c\/strong\u003e Para reparos abrangentes\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eConstrói uma forte barreira protetora\u003c\/strong\u003e Contra fatores externos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEstimula a produção de colágeno\u003c\/strong\u003e Para uma pele mais forte e elástica\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHidratação profunda\u003c\/strong\u003e Dura a noite toda\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLeve e rapidamente absorvido\u003c\/strong\u003e Ideal para todos os tipos de pele\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eTecnologia tripla AHA\/BHA\/PHA – uma arma de destruição em massa contra espinhas\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eCada ácido tem uma função específica para destruir seus problemas de pele\u003c\/p\u003e\n\u003cdiv class=\"acid-grid\"\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eAHA (Alfa Hidroxiácido) - esfoliante superficial\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDissolve células mortas da pele\u003c\/strong\u003e O que obstrui os poros\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEstimula a regeneração celular\u003c\/strong\u003e Para uma pele mais lisa\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eClareia manchas escuras\u003c\/strong\u003e E vestígios de grãos antigos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eBHA (Beta Hidroxiácido) - mergulhador profundo\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePenetra nos poros\u003c\/strong\u003e Dissolve a gordura acumulada\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLimpa por dentro\u003c\/strong\u003e Previne a formação de novas espinhas\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEncolhe os poros\u003c\/strong\u003e Melhora a textura da pele\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003ePHA (Poli Hidroxiácido) – a chupeta inteligente\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEsfoliação suave\u003c\/strong\u003e Adequado para peles sensíveis\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRetém a umidade\u003c\/strong\u003e Enquanto descasca\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAcalma a inflamação\u003c\/strong\u003e Reduz a vermelhidão\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; padding: 25px; background: #404040; border-radius: 15px; border: 2px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.3em; font-weight: bold; color: #9C8102;\"\u003eResultado: esfoliação abrangente sem irritação + tratamento profundo dos poros + hidratação equilibrada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 40px; text-align: center;\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003eExtrato de Tea Tree 100ppm - Super Desinfetante Natural\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 20px; font-weight: bold; opacity: 0.9;\"\u003ePor que a árvore do chá em particular?Porque é o médico natural para pele problemática\u003c\/p\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 25px;\"\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003ePoderoso antibacteriano\u003c\/strong\u003e\u003cbr\/\u003eElimina a causa das espinhas\n \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eAntiinflamatório natural\u003c\/strong\u003e\u003cbr\/\u003eAcalma vermelhidão e irritação\n \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eRegula a secreção de gordura\u003c\/strong\u003e\u003cbr\/\u003ePrevine o brilho excessivo da pele\n \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eLimpa os poros\u003c\/strong\u003e\u003cbr\/\u003ePor dentro e evita entupimentos\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003e100 ppm em cada produto = dose terapêutica ideal Forte o suficiente para ser eficaz, suave o suficiente para ser seguro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Journey Timeline --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eJornada de Desafio - 30 dias para uma nova skin\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eA primeira semana: o primeiro choque\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLimpeza mais profunda\u003c\/strong\u003e Sempre\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRedução instantânea de brilho\u003c\/strong\u003e E secreções gordurosas\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAcalmar a inflamação\u003c\/strong\u003e existente e reduzir a vermelhidão\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eA segunda semana: o início da melhoria\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDiminuição perceptível em novos grãos\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMelhora na textura da pele\u003c\/strong\u003e E sua suavidade\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eO início do desaparecimento dos cravos pretos\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eSemana 3: A transformação óbvia\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReduzindo o tamanho dos poros\u003c\/strong\u003e Significativamente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eA maioria das espinhas desaparece\u003c\/strong\u003e existente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMelhora na cor da pele\u003c\/strong\u003e E seu brilho\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eSemana Quatro: O Milagre Completo\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePele limpa e livre de espinhas\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePoros menores e limpos\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eCor uniforme e brilho natural\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTextura suave e sedosa\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; padding: 30px; background: white; border-radius: 15px; border: 3px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.4em; font-weight: bold; color: #9C8102;\"\u003eO resultado final: uma pele perfeita que vale cada desafio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eValor excepcional pelo preço\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eUm verdadeiro investimento na saúde da pele\u003c\/p\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eUma rotina completa em um conjunto\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNão há necessidade de comprar produtos separados ou procurar a combinação certa\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eResultado:\u003c\/strong\u003e Uma rotina científica bem pensada que funciona como uma unidade única e integrada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e30 dias de uso diário\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCobre todas as necessidades da sua pele durante um mês inteiro\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eIngredientes dos melhores do mundo\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUma fórmula de classe mundial com os melhores ingredientes para o cuidado da pele:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"margin-top: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTecnologia AHA\/BHA\/PHA:\u003c\/strong\u003e As últimas descobertas da ciência\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrato puro de tea tree:\u003c\/strong\u003e Os melhores tipos da Austrália\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCentro Centella Asiática:\u003c\/strong\u003e Ouro verde para acalmar a pele\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamida de alta qualidade:\u003c\/strong\u003e Vitamina B3 na sua forma mais pura\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e4-CICA Complex:\u003c\/strong\u003e Tecnologia exclusiva de reparação da barreira cutânea\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003eA dura verdade\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eProblemas de pele não se resolvem sozinhos\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n Cada dia de atraso = novas espinhas, cicatrizes mais profundas e poros mais dilatados.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e Não é apenas um grupo de produtos... é isso \u003cstrong\u003eUm verdadeiro desafio para mudar sua pele permanentemente\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n Apenas 30 dias...fará uma grande diferença ou você se arrependerá de não ter tentado\n \u003c\/div\u003e\n\u003cp class=\"cta-text\" style=\"font-size: 1.3em; font-weight: bold;\"\u003e\n Você está pronto para o desafio?\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEncomende o conjunto agora... e comece a jornada de 30 dias até a pele dos seus sonhos.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"highlight-text\" style=\"font-size: 1.5em;\"\u003e\n Lembre-se: pele perfeita não é um sonho... é uma decisão\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Enhanced Intersection Observer for premium animations\n const premiumObserverOptions = {\n threshold: 0.15,\n rootMargin: '0px 0px -80px 0px'\n };\n\n const premiumObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n \n if (element.classList.contains('product-card')) {\n element.style.animation = 'premiumFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('section-header')) {\n element.style.animation = 'premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('science-section')) {\n element.style.animation = 'premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('acid-card')) {\n element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('timeline-week')) {\n element.style.animation = 'slideInRight 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('value-item')) {\n element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('challenge-section')) {\n element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('value-section')) {\n element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('cta-final')) {\n element.style.animation = 'premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n }\n }\n });\n }, premiumObserverOptions);\n\n \/\/ Premium initialization\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const animatedElements = document.querySelectorAll('.product-card, .section-header, .science-section, .acid-card, .timeline-week, .value-item, .challenge-section, .value-section, .cta-final');\n \n animatedElements.forEach(el =\u003e {\n premiumObserver.observe(el);\n });\n\n \/\/ Premium staggered delays with more sophisticated timing\n const productCards = document.querySelectorAll('.product-card');\n productCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.25 + 0.1}s`;\n });\n\n const acidCards = document.querySelectorAll('.acid-card');\n acidCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.2 + 0.3}s`;\n });\n\n const timelineWeeks = document.querySelectorAll('.timeline-week');\n timelineWeeks.forEach((week, index) =\u003e {\n week.style.animationDelay = `${index * 0.15 + 0.2}s`;\n });\n\n const valueItems = document.querySelectorAll('.value-item');\n valueItems.forEach((item, index) =\u003e {\n item.style.animationDelay = `${index * 0.2 + 0.4}s`;\n });\n\n \/\/ Premium particle effects with enhanced visuals\n const productCards2 = document.querySelectorAll('.product-card');\n productCards2.forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n createPremiumParticles(card);\n });\n });\n\n \/\/ Enhanced particle creation with luxury effects\n function createPremiumParticles(element) {\n for (let i = 0; i \u003c 8; i++) {\n const particle = document.createElement('div');\n particle.style.cssText = `\n position: absolute;\n width: ${Math.random() * 4 + 3}px;\n height: ${Math.random() * 4 + 3}px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n border-radius: 50%;\n pointer-events: none;\n z-index: 100;\n box-shadow: 0 0 6px rgba(156, 129, 2, 0.6);\n `;\n \n const rect = element.getBoundingClientRect();\n particle.style.left = Math.random() * rect.width + 'px';\n particle.style.top = Math.random() * rect.height + 'px';\n \n element.appendChild(particle);\n \n \/\/ Premium particle animation with rotation and scaling\n particle.animate([\n { \n transform: 'translateY(0px) scale(1) rotate(0deg)', \n opacity: 1,\n filter: 'blur(0px)'\n },\n { \n transform: `translateY(-60px) scale(0) rotate(${Math.random() * 360}deg)`, \n opacity: 0,\n filter: 'blur(2px)'\n }\n ], {\n duration: 2000,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e particle.remove();\n }\n }\n\n \/\/ Premium magnetic hover effects for cards\n const allCards = document.querySelectorAll('.product-card, .acid-card, .timeline-week, .value-item');\n allCards.forEach(card =\u003e {\n card.addEventListener('mousemove', (e) =\u003e {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n const deltaX = (x - centerX) \/ centerX;\n const deltaY = (y - centerY) \/ centerY;\n \n card.style.transform = `\n perspective(1000px) \n rotateY(${deltaX * 5}deg) \n rotateX(${-deltaY * 5}deg) \n translateZ(10px)\n `;\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = '';\n });\n });\n\n \/\/ Premium sparkle effects with golden particles\n setInterval(() =\u003e {\n const targetSections = document.querySelectorAll('.challenge-section, .science-section, .cta-final');\n targetSections.forEach(section =\u003e {\n if (Math.random() \u003e 0.7) { \/\/ 30% chance per interval\n const sparkle = document.createElement('div');\n sparkle.style.cssText = `\n position: absolute;\n width: ${Math.random() * 3 + 2}px;\n height: ${Math.random() * 3 + 2}px;\n background: linear-gradient(135deg, #d4af37, #9C8102);\n border-radius: 50%;\n pointer-events: none;\n z-index: 10;\n left: ${Math.random() * section.offsetWidth}px;\n top: ${Math.random() * section.offsetHeight}px;\n box-shadow: 0 0 8px rgba(212, 175, 55, 0.8);\n `;\n \n section.appendChild(sparkle);\n \n sparkle.animate([\n { \n transform: 'scale(0) rotate(0deg)', \n opacity: 0,\n filter: 'brightness(1)'\n },\n { \n transform: 'scale(1) rotate(180deg)', \n opacity: 1,\n filter: 'brightness(1.5)'\n },\n { \n transform: 'scale(0) rotate(360deg)', \n opacity: 0,\n filter: 'brightness(0.5)'\n }\n ], {\n duration: 3000,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e sparkle.remove();\n }\n });\n }, 2000);\n\n \/\/ Premium ripple effect on click\n document.addEventListener('click', (e) =\u003e {\n if (e.target.closest('.product-card, .timeline-week, .acid-card')) {\n const element = e.target.closest('.product-card, .timeline-week, .acid-card');\n const rect = element.getBoundingClientRect();\n const ripple = document.createElement('div');\n \n ripple.style.cssText = `\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.3) 0%, transparent 70%);\n pointer-events: none;\n z-index: 50;\n width: 20px;\n height: 20px;\n left: ${e.clientX - rect.left - 10}px;\n top: ${e.clientY - rect.top - 10}px;\n `;\n \n element.appendChild(ripple);\n \n ripple.animate([\n { transform: 'scale(0)', opacity: 1 },\n { transform: 'scale(4)', opacity: 0 }\n ], {\n duration: 600,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e ripple.remove();\n }\n });\n\n \/\/ Premium scroll-triggered title animations\n const titles = document.querySelectorAll('.product-title, .acid-title, .week-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', () =\u003e {\n title.style.transform = 'scale(1.05)';\n title.style.textShadow = '0 2px 15px rgba(156, 129, 2, 0.4)';\n });\n \n title.addEventListener('mouseleave', () =\u003e {\n title.style.transform = '';\n title.style.textShadow = '';\n });\n });\n });\n\n \/\/ Premium slideInRight animation for timeline\n const slideInRightKeyframes = `\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n `;\n \n const style = document.createElement('style');\n style.textContent = slideInRightKeyframes;\n document.head.appendChild(style);\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44945842438341,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_by_MI_AHA_BHA_PHA_30_Days_Miracle_AC_SOS_Kit.jpg?v=1753557062"},{"product_id":"skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-50-ml","title":"SKIN1004 Soro Protetor Solar Água com Centella Madagascar e Hyalo Cica (FPS 50+ | 50 ml)","description":"\u003c!-- SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum - Converted to Universal CSS System --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eProtetor solar que vai fazer você amar o sol desde o primeiro uso\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eNão é apenas um protetor solar comum... É um sérum de cuidado integrado com proteção excepcional FPS50+ PA++++ com centela e ácido hialurônico.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_5.webp?v=1754232167\"\/\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003e\n Este protetor solar é diferente de qualquer protetor solar que você já experimentou.Imagine um protetor solar que protege, hidrata e ao mesmo tempo te mantém radiante?Imagine passar protetor solar e não sentir nada na pele?Imagine uma proteção solar poderosa sem qualquer brancura, oleosidade ou pegajosidade?Isso não é imaginação...isso \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e.Não é apenas um protetor solar comum... é um sérum de cuidado completo e com proteção excepcional.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Benefícios do soro solar SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_2.webp?v=1754232166\"\/\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eProteção + cuidado + beleza em um só produto – 6 benefícios excepcionais\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n Os ingredientes naturais mais poderosos combinados pela primeira vez\n \u003c\/p\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e50\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eProteção superior FPS50+ PA++++\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eA proteção mais forte contra os raios UVA e UVB prejudiciais com tecnologia de proteção coreana avançada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eHidratação profunda com ácido hialurônico\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMantém a pele hidratada o dia todo com 3 tamanhos moleculares diferentes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eAcalma infecções de pele\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCom extrato concentrado de Centella de Madagascar de 9800 ppm para calmante instantâneo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eW\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eTextura aquosa leve\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eDesaparece na pele sem deixar vestígios, é totalmente transparente e adequado para todos os tons de pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eG\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eBrilho natural instantâneo\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eFaz a pele brilhar de forma saudável e uniformiza a cor com niacinamida\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSeguro para peles sensíveis\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eHipoalergênico e testado dermatologicamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section Header for Magic Formula --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eA fórmula mágica: proteção + cuidado + beleza em um só produto\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eOs ingredientes naturais mais poderosos combinados pela primeira vez\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"Fórmula mágica SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_4.webp?v=1754232167\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"ph-how-it-works\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eComponentes científicos avançados\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n 4 poderosas combinações de ingredientes trabalhando em perfeita harmonia\n \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eExtrato de Centela de Madagascar 9800ppm - Al-Mahdi Natural\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eA Centella mais pura e poderosa do mundo de Madagascar\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCentella é um milagre herbal que tem a capacidade de acalmar os casos mais graves de irritação e vermelhidão em segundos\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcalma infecções de pele:\u003c\/strong\u003e E vermelhidão imediatamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcelera a cicatrização de pequenas feridas:\u003c\/strong\u003e E os efeitos dos grãos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFortalece a barreira natural da pele:\u003c\/strong\u003e Contra fatores externos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtege contra poluição e poeira:\u003c\/strong\u003e Durante a proteção solar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eÁcido hialurônico com 3 tamanhos moleculares - hidratação profunda\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eTecnologia avançada para hidratar todas as camadas da pele\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eA magia está na diversidade:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido Hialurônico Simples:\u003c\/strong\u003e para a camada superficial\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnalisador de ácido hialurônico:\u003c\/strong\u003e Para camadas profundas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHialuronato de sódio:\u003c\/strong\u003e Para hidratação contínua\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratante 1000 vezes:\u003c\/strong\u003e O peso de uma molécula na água\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eNiacinamida - tratamento de pigmentação\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eVitamina B3, que uniformiza o tom da pele e a protege\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eVários benefícios:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduz a pigmentação:\u003c\/strong\u003e Resultante de danos causados pelo sol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegula a secreção de sebo:\u003c\/strong\u003e Para pele oleosa e mista\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMelhora a textura da pele:\u003c\/strong\u003e E sua suavidade\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFortalece a imunidade da pele:\u003c\/strong\u003e Contra fatores prejudiciais\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eAntioxidantes naturais - proteção abrangente\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eOs danos por oxidação são a causa número um do envelhecimento prematuro e da pigmentação teimosa\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eEquipe defensora:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrato de chá verde:\u003c\/strong\u003e Poderoso antioxidante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrato de brócolis:\u003c\/strong\u003e Vitaminas e minerais essenciais\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrato de agrião:\u003c\/strong\u003e Ativa a circulação sanguínea\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrato de alfafa:\u003c\/strong\u003e Nutrição celular profunda\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section (Comparison) --\u003e\n\u003cdiv class=\"ph-problem-section\"\u003e\n\u003ch2 class=\"ph-problem-title\"\u003ePor que o SKIN1004 é diferente de outros protetores solares?\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eProtetores solares regulares vs SKIN1004 – a diferença é clara\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n A maioria dos protetores solares do mercado foca apenas na proteção, mas deixa a pele seca, oleosa ou com uma irritante camada branca.Os raios solares prejudicam a pele mesmo em dias nublados e, a cada dia sem a proteção adequada, as células da pele ficam mais danificadas.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eComparação abrangente:\u003c\/h4\u003e\n\u003cdiv class=\"ph-problem-grid\"\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eProtetores solares tradicionais\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Uma textura oleosa e pegajosa que faz a pele brilhar de uma forma não tão doce\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Brancura clara que aparece na pele por horas\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Secura e irritação, especialmente em peles sensíveis\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Somente proteção sem quaisquer benefícios adicionais\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Difícil de remover e obstrui os poros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Sun Serum\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Textura leve e aquosa que desaparece em segundos\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Totalmente transparente, adequado para todos os tons de pele\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Hidratar e acalmar com proteção\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Cuidados integrados com a pele enquanto protege\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Fácil de remover e confortável para uso diário\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eA proteção não é um luxo... é uma necessidade para a saúde e beleza da sua pele\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Compare SKIN1004 com outros produtos\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.webp?v=1754232167\"\/\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eUma viagem de proteção e beleza – veja a diferença desde o primeiro dia\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eNão é apenas proteção... é uma melhoria abrangente para a sua pele\u003c\/p\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDesde o primeiro uso\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eA agradável surpresa\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProteção instantânea contra os raios solares mais fortes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eHidratação profunda é preferida por longas horas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBrilho natural sem qualquer brancura ou oleosidade\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eConforto total mesmo para peles sensíveis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDepois de uma semana\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eMelhoria óbvia\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eA pele fica visivelmente mais lisa e elástica\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eReduzindo a vermelhidão e a inflamação da pele\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMelhor tom de pele e brilho natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProteção comprovada sem queimaduras solares\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDepois de um mês\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eMelhoria contínua\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePele mais saudável e vibrante com hidratação profunda\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMelhora na textura e suavidade da pele\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProteção poderosa contra todos os danos causados pelo sol e poluição\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMaior confiança no uso diário do produto\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDepois de 3 meses\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eProteção e cuidado completos\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePele 100% protegida dos danos causados pelo sol e do envelhecimento\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMelhor saúde geral da pele com ingredientes naturais\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBrilho duradouro e vitalidade natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eUm hábito saudável que passou a fazer parte da sua rotina diária\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-timeline-conclusion\"\u003e\n Não é apenas proteção... é uma melhoria abrangente para a sua pele a longo prazo\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Jornada para a melhoria com SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167\"\/\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eMétodo de aplicação ideal - para máxima proteção e beleza\u003c\/h2\u003e\n\u003cp class=\"ph-usage-subtitle\"\u003ePassos simples para resultados perfeitos\u003c\/p\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eDe manhã\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eLimpe o rosto com a loção adequada, hidrate a pele com o seu hidratante habitual, espere 5 minutos para o hidratante secar, aplique uma quantidade adequada de sérum e protetor solar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eMétodo de aplicação\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eEsprema uma quantidade do tamanho de uma moeda (cerca de uma colher de chá), espalhe suavemente por todo o rosto e pescoço, dê tapinhas suaves até absorver completamente, espere 5 minutos antes de aplicar a maquiagem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eReaplicação\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eA cada duas horas quando exposto ao sol direto, após nadar ou suar muito.Fácil de aplicar mesmo sobre maquiagem leve\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eDicas importantes\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eUse diariamente para obter melhores resultados, adequado sob protetor solar e maquiagem, seguro para uso frequente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-usage-tips-title\"\u003ePor que o protetor solar é um investimento inteligente?\u003c\/h3\u003e\n\u003cdiv class=\"ph-usage-tips-grid\"\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle advanced\"\u003eQualidade coreana original:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUma das marcas coreanas mais famosas\u003c\/strong\u003e Especializada em produtos Centella - confiança e qualidade global comprovada\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePreço razoável por ótimo valor\u003c\/strong\u003e - Mais barato que a maioria dos protetores solares de luxo com ingredientes mais caros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTaxa de satisfação superior a 95%\u003c\/strong\u003e De usuários de todo o mundo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle additional\"\u003eUm investimento inteligente na sua pele:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUm produto que alcançou grande sucesso\u003c\/strong\u003e Excelentes críticas em todo o mundo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eA luz solar prejudica sua pele\u003c\/strong\u003e Mesmo em dias nublados\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTodos os dias sem proteção\u003c\/strong\u003e As células da sua pele estão mais danificadas\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!-- Warning Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eAviso importante: Sua pele precisa de proteção todos os dias\u003c\/h2\u003e\n\u003cdiv class=\"ph-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eOs raios solares são prejudiciais à pele, mesmo em dias nublados\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTodos os dias sem proteção... as células da sua pele ficam mais danificadas\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eA cada semana de descaso... os sinais de envelhecimento aparecem mais rápido\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCada mês de adiamento... os danos acumulam-se e continuam difíceis de reparar\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eA proteção não é um luxo... é uma necessidade para a saúde e beleza da sua pele\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 6 --\u003e\n\u003cimg alt=\"A importância da proteção diária\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_3.webp?v=1754232167\"\/\u003e\n\u003c!-- Social Proof --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eSKIN1004 não é apenas um protetor solar... é um investimento no futuro da sua pele\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eK\u003c\/div\u003e\n\u003ch4\u003eQualidade coreana original\u003c\/h4\u003e\n\u003cp\u003eUma das marcas coreanas mais famosas especializadas em produtos Centella - confiança e qualidade globais comprovadas com tecnologias de proteção avançadas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n\u003ch4\u003ePreço razoável por ótimo valor\u003c\/h4\u003e\n\u003cp\u003eMais barato que a maioria dos protetores solares de luxo, com ingredientes ativos essenciais e mais caros - um investimento inteligente na saúde da sua pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e95\u003c\/div\u003e\n\u003ch4\u003eSucesso comprovado globalmente\u003c\/h4\u003e\n\u003cp\u003eTaxa de satisfação de mais de 95% dos usuários em todo o mundo - um produto que alcançou grande sucesso e excelentes críticas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eA\u003c\/div\u003e\n\u003ch4\u003eSeguro e adequado para todos\u003c\/h4\u003e\n\u003cp\u003eHipoalergênico e testado dermatologicamente - adequado para peles sensíveis e uso diário\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eU\u003c\/div\u003e\n\u003ch4\u003eVersátil\u003c\/h4\u003e\n\u003cp\u003eProtetor solar + sérum de cuidado + hidratante leve + antiinflamatório – tudo que a pele precisa em um só produto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ph-cta-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-cta-title\"\u003eProteja a sua pele hoje... e deixe-a agradecer no futuro\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\n\u003cstrong\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\n Todos os dias, sem proteção adequada, as células da pele ficam mais danificadas.\u003cbr\/\u003e\n Toda semana, negligencie os sinais de envelhecimento para que apareçam mais rapidamente.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eAproveite o sol sem medo\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eCom a proteção mais forte e a textura mais suave - o protetor solar que vai fazer você amar o sol desde a primeira utilização\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eLista completa de ingredientes\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003eIngredientes ativos e fórmula completa\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003ePrincipais ingredientes ativos:\u003c\/strong\u003e\u003cbr\/\u003e\n • \u003cstrong\u003eCentella Asiatica Extract (9800ppm)\u003c\/strong\u003e - Centella malgaxe para acalmar\u003cbr\/\u003e\n • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - Ácido hialurônico para hidratação profunda\u003cbr\/\u003e\n • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - Vitamina B3 para unificar a cor\u003cbr\/\u003e\n • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - Antioxidantes naturais\u003cbr\/\u003e\n • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - Filtros de proteção avançados\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eLista completa de ingredientes (INCI):\u003c\/strong\u003e\u003cbr\/\u003e\n Water, Dibutyl Adipate, Propanediol, Diethylamino Hydroxybenzoyl Hexyl Benzoate, Polymethylsilsesquioxane, Ethylhexyl Triazone, Methylene Bis-Benzotriazolyl Tetramethylbutylphenol, Niacinamide, Coco-Caprylate\/Caprate, Caprylyl Methicone, Diethylhexyl Butamido Triazone, Glycerin, 1,2-Hexanediol, Butylene Glycol, Centella Asiatica Extract(9800ppm), Betula Platyphylla Japonica Bark Extract, Ginkgo Biloba Leaf Extract, Camellia Sinensis Leaf Extract, Triticum Vulgare (Wheat) Sprout Extract, Medicago Sativa (Alfalfa) Extract, Brassica Oleracea Italica (Broccoli) Sprout Extract, Eruca Sativa Leaf Extract, Camellia Japonica Leaf Extract, Sodium Hyaluronate(10ppm), Behenyl Alcohol, Poly C10-30 Alkyl Acrylate, Polyglyceryl-3 Methylglucose Distearate, Decyl Glucoside, Tromethamine, Carbomer, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Sodium Stearoyl Glutamate, Polyacrylate Crosspolymer-6, Adenosine, Xanthan Gum, T-Butyl Alcohol, Tocopherol, Hydrolyzed Hyaluronic Acid(1ppm), Inositol, Hyaluronic Acid(0.01ppm), Pentylene Glycol, Ethylhexylglycerin\n \u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-safety\"\u003e\n\u003cp class=\"ph-ingredients-safety-text\"\u003e\n\u003cstrong\u003e✓ Hipoalergênico\u003c\/strong\u003e - Laboratório dermatologista\u003cbr\/\u003e\n\u003cstrong\u003e✓ Adequado para peles sensíveis\u003c\/strong\u003e - Fórmula suave e segura\u003cbr\/\u003e\n\u003cstrong\u003e✓ Proteção de amplo espectro\u003c\/strong\u003e - Contra UVA, UVB e raios nocivos\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977044652229,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167"}],"url":"https:\/\/instachiq.com\/pt\/collections\/facial-serums.oembed","provider":"Instachiq","version":"1.0","type":"link"}