{"product_id":"the-ordinary-lactic-acid-30ml","title":"The Ordinary Lactic Acid 5% + HA - Siero delicato esfoliante e idratante - 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\"\u003eIl segreto di bellezza usato dai Faraoni... in una formula moderna e avanzata\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Pharaoh Introduction --\u003e\n\u003cdiv class=\"pharaoh-intro\"\u003e\n\u003ch2\u003eUno dei segreti delle regine per la tua pelle\u003c\/h2\u003e\n\u003cp\u003eGli antichi Egizi furono i primi a scoprire la magia dell'acido lattico nel mantenere la pelle giovane e fresca. La stessa Cleopatra era solita fare il bagno nel latte acido per mantenere la sua leggendaria bellezza. E oggi, \u003cstrong class=\"highlight\"\u003eThe Ordinary\u003c\/strong\u003e Ti ha portato lo stesso segreto faraonico in una formula scientifica avanzata con una concentrazione del 10% di acido ialuronico.\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\"\u003ePerché l'acido lattico è la scelta perfetta?\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\"\u003eNon tutti gli acidi sono uguali\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eL'acido lattico è uno degli acidi più delicati sulla pelle sensibile, perché è uno degli acidi naturali già presenti nel tuo corpo. Questo gli permette di agire delicatamente, ma con il doppio della forza di altri acidi.\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\"\u003eFocus perfetto e sicuro\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eUna concentrazione del 10% è il limite ottimale che dà risultati chiari senza irritazioni o sensibilità eccessiva. Il livello di pH di 3,8 è scientificamente controllato per garantire la massima efficacia con effetti collaterali minimi.\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\"\u003eBenefici che cambieranno completamente l'aspetto della tua pelle\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\"\u003eIl combattente dell'acne numero uno\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eTratta quelli esistenti e previene i nuovi\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eL'acido lattico esfolia delicatamente la pelle morta rompendo i legami che trattengono le cellule morte. Questo apre i pori ostruiti e previene la formazione di nuovi brufoli. Studi hanno dimostrato che l'acido lattico riduce le infezioni da acne fino al 90%, il che lo rende compatibile con altri farmaci per l'acne come il retinolo.\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\"\u003eUna macchina del tempo per la tua pelle\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eIl tuo aspetto sarà diverso dalla tua età\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eAd alte concentrazioni, l'acido lattico penetra negli strati più profondi della pelle e stimola la formazione naturale di collagene. Il risultato? Rinnovamento cellulare, rassodamento della pelle e aumento dello spessore, che fa scomparire le rughe sottili e fa apparire la pelle di anni più giovane.\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\"\u003eIdratazione immaginativa senza grasso\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eL'umidità che resta con te per tutto il giorno\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eL'acido lattico non solo esfolia, ma idrata profondamente la pelle, lasciandola morbida ed elastica. Questa formula è supportata da\u003cstrong\u003eAcido ialuronico\u003c\/strong\u003e Assorbe 1.000 volte il suo peso in acqua e crea una barriera di idratazione che assicura un’idratazione duratura\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\"\u003eUniformare il tono della pelle e cancellare la pigmentazione\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003ePelle chiara e uniforme come uno specchio\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eL'acido lattico agisce per ridurre la produzione di melanina nelle aree scure, aiutando così a schiarire le pigmentazioni, i segni dei brufoli e le macchie scure. Il risultato è una pelle naturalmente uniforme e luminosa.\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\"\u003eFormula delicata per pelli sensibili\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\u003eIl pepe della Tasmania: il guardiano naturale\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\u003eLa formula contiene estratto di pepe della Tasmania, che è un antinfiammatorio naturale che riduce rossore e irritazione che possono verificarsi con prodotti esfolianti. Questo rende il prodotto adatto anche per le pelli molto sensibili.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003eFormula leggera a base d'acqua\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\u003eLa consistenza leggera e acquosa consente al prodotto di assorbirsi rapidamente senza lasciare una sensazione di grasso o appiccicosa, il che lo rende ideale per la pelle secca che ha bisogno di idratazione senza pesantezza.\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\"\u003eLa scienza dietro l'efficacia\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;\"\u003eEquilibrio del pH ideale\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 - equilibrio perfetto\u003c\/div\u003e\n\u003cp style=\"margin: 25px 0;\"\u003eIl pH di 3,8 è regolato con precisione per corrispondere al pKa dell'acido lattico. Questo numero è molto importante perché garantisce l'equilibrio ottimale tra sale e acidità, e questo è ciò che assicura che l'acido raggiunga la pelle in modo efficace e ottenga un'esfoliazione efficace che può essere utilizzata quotidianamente.\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;\"\u003eFormula equilibrata per l'uso quotidiano\u003c\/h4\u003e\n\u003cp\u003eA differenza di altri acidi che richiedono un uso intermittente, l'acido lattico in questa formula è progettato per essere abbastanza delicato da poter essere usato quotidianamente pur rimanendo efficace.\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\"\u003eIngredienti attivi\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\"\u003eAcido lattico (10%)\u003c\/h3\u003e\n\u003cp\u003eEsfoliazione delicata ed efficace della superficie della pelle\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\"\u003eIaluronato di sodio\u003c\/h3\u003e\n\u003cp\u003eIdratazione profonda 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\"\u003eBacche di pepe tasmaniano\u003c\/h3\u003e\n\u003cp\u003eLenitivo e antinfiammatorio\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\u003eIdratazione extra e protezione della barriera idrolipidica\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list animate-on-scroll\"\u003e\n\u003ch4\u003eLista completa degli ingredienti:\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\"\u003eCome usare per i migliori risultati\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003eTempismo perfetto ⏰\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\u003eUsalo una volta al giorno solo la sera\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"padding: 10px 0;\"\u003eInizia con 3 volte a settimana e aumenta gradualmente man mano che la pelle lo accetta\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\"\u003eIl modo corretto 📋\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003ePulisci bene il viso con il detergente adatto\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eApplica un sottile strato del prodotto sulla pelle asciutta\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eEvitare la zona intorno agli occhi\u003c\/li\u003e\n\u003cli data-step=\"4\"\u003eAttendere 10-15 minuti, poi applicare la crema idratante\u003c\/li\u003e\n\u003cli data-step=\"5\"\u003e\u003cstrong\u003eDovresti usare una crema solare SPF 30+ il giorno successivo\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⚠️ Avvertenze importanti\u003c\/h4\u003e\n\u003cul class=\"warning-list\"\u003e\n\u003cli\u003eNon usarlo insieme ad altri prodotti che contengono acidi nello stesso momento\u003c\/li\u003e\n\u003cli\u003eNon usare con retinolo nella stessa notte\u003c\/li\u003e\n\u003cli\u003eSmetti di usare se si verifica irritazione 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\"\u003eIdeale per tutti i tipi di pelle\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\"\u003ePelle secca\u003c\/h3\u003e\n\u003cp\u003eÈ più adatto per questo grazie alle sue proprietà idratanti\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\"\u003ePelle normale\u003c\/h3\u003e\n\u003cp\u003eGli conferisce morbidezza e freschezza 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\"\u003ePelle con pigmentazione\u003c\/h3\u003e\n\u003cp\u003eUniformerà il suo colore e lo purificherà\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\"\u003ePelle che soffre di una texture ruvida\u003c\/h3\u003e\n\u003cp\u003eLo ammorbidisce e ne migliora la texture\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\"\u003eCronologia dei risultati visibili\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\"\u003eDopo una settimana\u003c\/div\u003e\n\u003cp\u003eTexture più liscia e freschezza visibile\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDopo due settimane\u003c\/div\u003e\n\u003cp\u003eMiglioramento dei pori e unificazione del tono della pelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDopo un mese\u003c\/div\u003e\n\u003cp\u003eRiduzione visibile della pigmentazione e delle linee sottili\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDopo due mesi\u003c\/div\u003e\n\u003cp\u003ePelle completamente ringiovanita e dall'aspetto più giovane\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;\"\u003ePrima e dopo\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;\"\u003eInizia il tuo viaggio verso la pelle dei tuoi sogni con lo stesso segreto che ha reso Cleopatra la regina più bella della storia.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOttieni subito il Segreto Faraonico\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":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Theordinarylacticacid.jpg?v=1627189462","url":"https:\/\/sa.instachiq.com\/it\/products\/the-ordinary-lactic-acid-30ml","provider":"Instachiq","version":"1.0","type":"link"}