{"title":"Exfoliants et solutions de peeling pour la peau","description":"\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\/\u003e\n\u003cstyle\u003e\n.collection-hero-section {\n    background: linear-gradient(135deg, #000000, #131a15);\n    padding: 60px 20px;\n    position: relative;\n    overflow: hidden;\n    font-family:Cairo',sans-serif;\n    color: #ffffff;\n    line-height: 1.6;\n}\n.collection-hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: 1;\n}\n.collection-content {\n    position: relative; z-index: 2;\n    max-width: 1200px; margin: 0 auto;\n}\n.wisdom-quote {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(128, 174, 147, 0.3);\n    border-radius: 12px;\n    padding: 20px;\n    text-align: center;\n    margin-bottom: 30px;\n    position: relative;\n    max-width: 600px;\n    margin-left: auto;\n    margin-left: auto;\n}\n.wisdom-text {\n    font-size: 1.1rem;\n    color: #80ae93;\n    font-weight: 600;\n    font-style: italic;\n    line-height: 1.6;\n}\n.collection-title {\n    font-size: 3.5rem;\n    font-weight: 700;\n    margin-bottom: 20px;\n    background: linear-gradient(135deg, #ffffff, #80ae93);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    text-align: center;\n    line-height: 1.2;\n}\n.collection-description {\n    font-size: 1.1rem;\n    line-height: 1.8;\n    color: rgba(255, 255, 255, 0.9);\n    text-align: center;\n    max-width: 600px;\n    margin: 0 auto 25px auto;\n    font-weight: 300;\n}\n.ingredients-section {\n    margin-top: 40px;\n    padding: 20px 0;\n}\n.ingredients-title {\n    text-align: center;\n    font-size: 1rem;\n    letter-spacing: 2px;\n    color: #80ae93;\n    margin-bottom: 30px;\n    font-weight: 600;\n}\n.ingredients-grid {\n    display: flex;\n    gap: 16px;\n    overflow-x: auto;\n    padding: 20px 20px 30px 20px;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: #80ae93 rgba(255, 255, 255, 0.1);\n    margin: 0 -20px;\n}\n.ingredients-grid::-webkit-scrollbar {\n    height: 6px;\n}\n.ingredients-grid::-webkit-scrollbar-track {\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 3px;\n}\n.ingredients-grid::-webkit-scrollbar-thumb {\n    background: #80ae93;\n    border-radius: 3px;\n}\n.ingredients-grid::-webkit-scrollbar-thumb:hover {\n    background: #6a9a7f;\n}\n.ingredient-card {\n    background: rgba(255, 255, 255, 0.05);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 12px;\n    padding: 16px 12px;\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    min-height: 90px;\n    min-width: 140px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n.ingredient-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: linear-gradient(135deg, rgba(128, 174, 147, 0.15), transparent);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n.ingredient-card:hover {\n    transform: translateY(-5px);\n    border-color: #80ae93;\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\n}\n.ingredient-card:hover::before {\n    opacity: 1;\n}\n.ingredient-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    margin-bottom: 4px;\n    color: #ffffff;\n    position: relative;\n    z-index: 2;\n}\n.ingredient-benefit {\n    font-size: 0.75rem;\n    color: #80ae93;\n    font-weight: 500;\n    position: relative;\n    z-index: 2;\n}\n.modal-overlay {\n    display: none;\n    position: fixed;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: rgba(0, 0, 0, 0.85);\n    backdrop-filter: blur(8px);\n    z-index: 1000;\n    animation: fadeIn 0.3s ease;\n}\n.modal-overlay.active {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n}\n.modal-content {\n    background: linear-gradient(135deg, #1a1a1a, #2a2a2a);\n    border: 2px solid #80ae93;\n    border-radius: 20px;\n    max-width: 500px;\n    width: 100%;\n    padding: 40px 30px;\n    position: relative;\n    animation: slideUp 0.4s ease;\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6);\n}\n.modal-close {\n    position: absolute;\n    top: 15px; left: 15px;\n    background: rgba(255, 255, 255, 0.1);\n    border: none;\n    color: #ffffff;\n    font-size: 24px;\n    width: 35px;\n    height: 35px;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.modal-close:hover {\n    background: rgba(128, 174, 147, 0.3);\n    transform: rotate(90deg);\n}\n.modal-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 8px;\n    color: #80ae93;\n    text-align: center;\n}\n.modal-subtitle {\n    font-size: 0.9rem;\n    color: rgba(255, 255, 255, 0.7);\n    text-align: center;\n    margin-bottom: 20px;\n    font-style: italic;\n}\n.modal-description {\n    font-size: 0.95rem;\n    line-height: 1.7;\n    color: rgba(255, 255, 255, 0.9);\n    margin-bottom: 20px;\n    text-align: left;\n}\n.modal-benefits {\n    background: rgba(128, 174, 147, 0.1);\n    border-right: 3px solid #80ae93;\n    padding: 15px 20px;\n    border-radius: 8px;\n    margin-top: 20px;\n}\n.modal-benefits h4 {\n    color: #80ae93;\n    font-size: 0.85rem;\n    margin-bottom: 10px;\n    font-weight: 600;\n}\n.modal-benefits ul {\n    list-style: none;\n    padding: 0;\n}\n.modal-benefits li {\n    padding: 6px 0;\n    color: rgba(255, 255, 255, 0.9);\n    position: relative;\n    padding-left: 20px;\n    font-size: 0.9rem;\n}\n.modal-benefits li::before {\n    content: '✓';\n    position: absolute;\n    right: 0;\n    color: #80ae93;\n    font-weight: bold;\n}\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n@keyframes slideUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n@media (max-width: 768px) {\n    .collection-hero-section { padding: 40px 15px; }\n    .collection-title { font-size: 2.5rem; }\n    .collection-description { font-size: 1rem; }\n    .ingredients-grid { gap: 12px; padding: 20px 15px 30px 15px; margin: 0 -15px; }\n    .ingredient-card { min-height: 80px; min-width: 120px; padding: 12px 8px; }\n    .ingredient-name { font-size: 0.85rem; }\n    .ingredient-benefit { font-size: 0.7rem; }\n    .wisdom-text { font-size: 1rem; }\n    .modal-content { padding: 30px 20px; margin: 10px; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"collection-hero-section\"\u003e\n\u003cdiv class=\"collection-content\"\u003e\n\u003cdiv class=\"wisdom-quote\"\u003e\n\u003cp class=\"wisdom-text\"\u003eLe véritable rajeunissement commence par l'élimination de l'ancien... Les cellules de la peau ne respirent qu'avec un gommage intelligent!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"collection-title\"\u003eExfoliants pour la peau | Clarté et pureté du cuir chevelu et de la peau\u003c\/h1\u003e\n\u003cp class=\"collection-description\"\u003e\n      L'accumulation de cellules mortes, de taches et de pores obstrués rend la peau terne et rugueuse. Le bon exfoliant amène votre peau à un nouveau niveau de clarté et augmente l'efficacité de toute autre routine. Découvrez les types d'exfoliants les plus importants et comment chaque ingrédient agit pour obtenir les meilleurs résultats en toute sécurité, sans irritation..\n    \u003c\/p\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eComposants de base\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('aha')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eAcides alpha-hydroxy (AHA))\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eExfoliation superficielle douce\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('bha')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eAcides Hydroxy Bêta (BHA)\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eNettoyage en profondeur des pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('pha')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eAcides polyhydroxylés (PHA))\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eExfoliant doux et sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('mandelic')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eAcide mandélique\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003ePeeling pour peau foncée ou sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('glycolic')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eAcide glycolique\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eForte exfoliation des taches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('salicylic')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eAcide salicylique\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eDissolution des graisses et des pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('lactic')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eAcide lactique\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eExfolie et hydrate en même temps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('enzymes')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eEnzymes de fruits\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eExfoliation naturelle douce\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('rice')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003ePoudre de riz\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eGommage mécanique doux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('jojoba')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eGranules de Jojoba\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eExfoliation physique douce\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=\"modal-overlay\" id=\"modal\" onclick=\"closeModalOnOverlay(event)\"\u003e\n\u003cdiv class=\"modal-content\" id=\"modalContent\"\u003e\n\u003cbutton class=\"modal-close\" onclick=\"closeModal()\"\u003e×\u003c\/button\u003e\n\u003cdiv id=\"modalBody\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\nconst ingredientData = {\n  'aha': {\n    name: 'Acides alpha-hydroxy (AHA))',\n    subtitle: 'Exfoliation superficielle douce',\n    description: 'It includes glycolic, lactic, mandelic… effective in removing dead cells, renewing the skin’s surface and giving quick radiance.',\n    benefits: [\n      'Instantly softens and radiates the skin',\n      'Reduces surface pigmentation',\n      'Ideal for dry and normal skin',\n      'Relatively safe in daily routine'\n    ]\n  },\n  'bha': {\n    name: 'Acides Hydroxy Bêta (BHA)',\n    subtitle: 'Nettoyage en profondeur des pores',\n    description: 'The most famous of them is salicylic acid... It dissolves fats inside the pores and cleans them, reducing blackheads and pimples.',\n    benefits: [\n      'Opens and deeply cleanses pores',\n      'Reduces acne and oiliness',\n      'Suitable for oily and mixed skin',\n      'Reduces inflammation and marks'\n    ]\n  },\n  'pha': {\n    name: 'Acides polyhydroxylés (PHA))',\n    subtitle: 'Gentle exfoliant for sensitive skin',\n    description: 'Large molecular acids cause almost no irritation – ultra-gentle exfoliation with added hydration.',\n    benefits: [\n      'Exfoliate without redness or flaking',\n      'Moisturizes and supports the protective barrier',\n      'Suitable for very sensitive skin',\n      'Resists the signs of premature aging'\n    ]\n  },\n  'mandelic': {\n    name: 'Acide mandélique',\n    subtitle: 'Gradual peeling for sensitive and dark skin',\n    description: 'A mild acid that gently removes the layer of old cells without drying, and is safe for dark or acne-prone skin.',\n    benefits: [\n      'Gradually reduces pigmentation and spots',\n      'Gentle and does not burn the skin',\n      'Suitable for acne problems',\n      'Supports cell regeneration'\n    ]\n  },\n  'glycolic': {\n    name: 'Acide glycolique',\n    subtitle: 'The strongest superficial chemical peel',\n    description: 'Small molecules penetrate quickly and cleanse deep into the skin - effective for spots and pigmentation and increasing radiance.',\n    benefits: [\n      'Powerfully removes dead cells',\n      'Treats superficial pigmentation',\n      'Activates collagen',\n      'Fits into weekly routine'\n    ]\n  },\n  'salicylic': {\n    name: 'Acide salicylique',\n    subtitle: 'Fat dissolver and pore treatment',\n    description: 'One of the best solutions for oily skin and acne... It exfoliates and cleanses without irritation, and reduces pimples and blackheads.',\n    benefits: [\n      'Opens and cleans pores',\n      'Reduces fat and deposits',\n      'Reduces inflammation and itching',\n      'Recommended for oily and combination skin'\n    ]\n  },\n  'lactic': {\n    name: 'Acide lactique',\n    subtitle: 'Exfolie et hydrate en même temps',\n    description: 'It combines the removal of old cells with deep hydration, leaving the skin soft and protected.',\n    benefits: [\n      'Softens and moisturizes the skin',\n      'Suitable for dry and sensitive skin',\n      'Supports skin regeneration',\n      'Does not cause dryness or irritation'\n    ]\n  },\n  'enzymes': {\n    name: 'Enzymes de fruits',\n    subtitle: 'Two-door natural peeling',\n    description: 'Extracted from papaya, pineapple and others... it breaks down the bonds between dead cells without irritation or itching.',\n    benefits: [\n      'Gentle and natural exfoliation',\n      'Prevents the accumulation of impurities',\n      'Reduces spots and pigmentation',\n      'Sans danger pour les peaux sensibles'\n    ]\n  },\n  'rice': {\n    name: 'Poudre de riz',\n    subtitle: 'Gommage mécanique doux',\n    description: 'Fine rice particles remove the surface layer and give instant softness to the skin without irritation.',\n    benefits: [\n      'Removes roughness and dull spots',\n      'Sûr pour tous les types de peau',\n      'Instant results with regular use',\n      'Improves radiance and texture'\n    ]\n  },\n  'jojoba': {\n    name: 'Granules de Jojoba',\n    subtitle: 'Modern physical peeling',\n    description: 'Does not injure the skin, natural round particles gently cleanse and soften the skin while maintaining the protective barrier.',\n    benefits: [\n      'Gently exfoliates without deep penetration',\n      'It does not irritate or break the skin',\n      'Fast results and smooth texture',\n      'Fits face and body'\n    ]\n  }\n};\n\nfunction openModal(id) {\n  const data = ingredientData[id];\n  if (!data) return;\n  const modalBody = document.getElementById('modalBody');\n  modalBody.innerHTML = `\n    \u003ch3 class=\"modal-title\"\u003e${data.name}\u003c\/h3\u003e\n    \u003cp class=\"modal-subtitle\"\u003e${data.subtitle}\u003c\/p\u003e\n    \u003cp class=\"modal-description\"\u003e${data.description}\u003c\/p\u003e\n    \u003cdiv class=\"modal-benefits\"\u003e \u003ch4\u003e Accueil\u003c\/h4\u003e \u003cul\u003e ${data.benefits.map(benefit =\u003e `\u003cli\u003e${benefit}\u003c\/li\u003e`).join(\"')}\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  `;\n  document.getElementById('modal').classList.add('active');\n}\nfunction closeModal() {\n  document.getElementById('modal').classList.remove('active');\n}\nfunction closeModalOnOverlay(event) {\n  if (event.target.id === 'modal') closeModal();\n}\nif ('ontouchstart' in window) document.body.style.webkitTouchCallout = 'none';\n\u003c\/script\u003e\n","products":[{"product_id":"the-ordinary-peeling-solution","title":"The Ordinary AHA 30 % + BHA 2 % Peeling Solution - Soin exfoliant du visage de 10 minutes","description":"\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Add hover effects to timeline cards\n  const timelineCards = document.querySelectorAll('.timeline-card');\n  \n  timelineCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-5px)';\n      this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)';\n      this.style.transition = 'all 0.3s ease';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0)';\n      this.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.08)';\n    });\n  });\n  \n  \/\/ Animate timeline cards on scroll\n  function isInViewport(element) {\n    const rect = element.getBoundingClientRect();\n    return (\n      rect.top \u003c= (window.innerHeight || document.documentElement.clientHeight) * 0.8 \u0026\u0026\n      rect.bottom \u003e= 0\n    );\n  }\n  \n  function handleTimelineAnimation() {\n    timelineCards.forEach((card, index) =\u003e {\n      if (isInViewport(card) \u0026\u0026 !card.classList.contains('animated')) {\n        setTimeout(() =\u003e {\n          card.style.opacity = '1';\n          card.style.transform = 'translateY(0)';\n          card.classList.add('animated');\n        }, index * 200);\n      }\n    });\n  }\n  \n  \/\/ Initial setup - hide all cards\n  timelineCards.forEach(card =\u003e {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(20px)';\n    card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n  });\n  \n  \/\/ Check on load and scroll\n  handleTimelineAnimation();\n  window.addEventListener('scroll', handleTimelineAnimation);\n  \n  \/\/ Reviews Slider\n  const reviewItems = document.querySelectorAll('.review-item');\n  const dots = document.querySelectorAll('.dot');\n  let currentIndex = 0;\n  \n  function showReview(index) {\n    \/\/ Hide all reviews\n    reviewItems.forEach(item =\u003e {\n      item.style.display = 'none';\n    });\n    \n    \/\/ Remove active class from all dots\n    dots.forEach(dot =\u003e {\n      dot.classList.remove('active');\n    });\n    \n    \/\/ Show current review and activate dot\n    reviewItems[index].style.display = 'block';\n    dots[index].classList.add('active');\n  }\n  \n  \/\/ Initialize with first review visible\n  showReview(0);\n  \n  \/\/ Add click event to dots\n  dots.forEach((dot, index) =\u003e {\n    dot.addEventListener('click', function() {\n      currentIndex = index;\n      showReview(currentIndex);\n    });\n  });\n  \n  \/\/ Auto slide every 5 seconds\n  setInterval(() =\u003e {\n    currentIndex = (currentIndex + 1) % reviewItems.length;\n    showReview(currentIndex);\n  }, 5000);\n  \n  \/\/ Add hover effects to instant result items\n  const instantItems = document.querySelectorAll('.instant-result-item');\n  \n  instantItems.forEach(item =\u003e {\n    item.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-5px)';\n      this.style.boxShadow = '0 8px 15px rgba(0, 0, 0, 0.1)';\n      this.style.transition = 'all 0.3s ease';\n    });\n    \n    item.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0)';\n      this.style.boxShadow = '0 3px 10px rgba(0, 0, 0, 0.05)';\n    });\n  });\n});\n\u003c\/script\u003e\u003cdiv class=\"peeling-container\"\u003e\n\u003c!-- Header Section --\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"The Ordinary Gommage aux acides\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The-Orinary-AHA-BHA_egypt.webp?v=1745951507\"\/\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eLe peeling chimique qui se débarrassera de tous les problèmes que vous rencontrez sur votre peau\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Instant Results Section --\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003eRésultats instantanés!\u003c\/h2\u003e\n\u003cdiv class=\"instant-results-grid\"\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 17V21\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 3V7\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M17 12H21\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M3 12H7\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M16 16L18.5 18.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M5.5 5.5L8 8\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M16 8L18.5 5.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M5.5 18.5L8 16\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eÉclat instantané\u003c\/h3\u003e\n\u003cp\u003ePeau lumineuse et éclatante immédiatement après avoir rincé le gommage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M12 6V12L16 14\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eÉclaircissement instantané\u003c\/h3\u003e\n\u003cp\u003eÉclaircit instantanément la peau et unifie visiblement sa couleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M8 14C8 14 9.5 16 12 16C14.5 16 16 14 16 14\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M9 10H9.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M15 10H15.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eFraîcheur instantanée\u003c\/h3\u003e\n\u003cp\u003eRévèle instantanément une peau fraîche et jeune cachée sous les cellules mortes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M3.27 6.96L12 12.01L20.73 6.96\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 22.08V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M21 16.5V7.5C20.9992 7.18001 20.9071 6.86831 20.7345 6.60232C20.5618 6.33634 20.3161 6.12868 20.03 6.005L12.53 2.265C12.3719 2.19245 12.1971 2.15472 12.02 2.15472C11.8429 2.15472 11.6681 2.19245 11.51 2.265L4.01 6.005C3.72386 6.12868 3.47825 6.33634 3.30552 6.60232C3.13279 6.86831 3.04075 7.18001 3 7.5V16.5C3.04075 16.82 3.13279 17.1317 3.30552 17.3977C3.47825 17.6637 3.72386 17.8713 4.01 17.995L11.51 21.735C11.6681 21.8075 11.8429 21.8453 12.02 21.8453C12.1971 21.8453 12.3719 21.8075 12.53 21.735L20.03 17.995C20.3161 17.8713 20.5618 17.6637 20.7345 17.3977C20.9071 17.1317 20.9992 16.82 21 16.5Z\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePores propres\u003c\/h3\u003e\n\u003cp\u003eNettoyage en profondeur des pores et élimination immédiate des points noirs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-message\"\u003e\n\u003cp\u003eAprès avoir lavé la solution de votre peau, vous serez surpris de son apparence ! Vous découvrirez que la peau morte recouvrait une couche fraîche et jeune et que vous empêchiez son apparence. Ne laissez pas votre peau morte montrer votre teint!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits List --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePrincipaux avantages\u003c\/h2\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eÉlimination des cellules mortes de la peau\u003c\/li\u003e\n\u003cli\u003eExfoliation et nettoyage en profondeur de la peau\u003c\/li\u003e\n\u003cli\u003eÉclaircir la peau et unifier sa couleur\u003c\/li\u003e\n\u003cli\u003eHydrater la peau et la rendre plus élastique et lisse\u003c\/li\u003e\n\u003cli\u003eIl purifie la peau des impuretés et la rend plus pure\u003c\/li\u003e\n\u003cli\u003eRend la peau plus lumineuse et éclatante\u003c\/li\u003e\n\u003cli\u003eTraite les ridules et les rides de la peau\u003c\/li\u003e\n\u003cli\u003ePurifie les pores obstrués de la peau\u003c\/li\u003e\n\u003cli\u003eIdéal pour améliorer la texture de la peau\u003c\/li\u003e\n\u003cli\u003eIdéal pour tous les types de peau sauf les peaux sensibles\u003c\/li\u003e\n\u003cli\u003eSans huile\u003c\/li\u003e\n\u003cli\u003eSans alcool et sans silicone\u003c\/li\u003e\n\u003cli\u003eAide à traiter l'acné et les cicatrices\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 class=\"section-title\"\u003eComment cela fonctionne?\u003c\/h2\u003e\n\u003cdiv class=\"ingredients\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eAcide Glycolique\u003c\/h3\u003e\n\u003cp\u003eL'acide glycolique est un type d'acide alpha-hydroxylé (AHA). Il exfolie la peau en rompant et en éliminant les liens entre les cellules cutanées anciennes et mortes. Cela favorise la régénération de la peau et améliore sa texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eAcide lactique\u003c\/h3\u003e\n\u003cp\u003eCet autre acide AHA contribue à améliorer la texture de la peau et à l'éclaircir. Il agit de manière similaire à l'acide glycolique en exfoliant et en adoucissant la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eAcide salicylique\u003c\/h3\u003e\n\u003cp\u003eIl s'agit d'un acide bêta-hydroxy (BHA) et il est considéré comme un solvant d'huile. L'acide salicylique peut pénétrer dans les pores et les nettoyer de l'huile et des impuretés. Il contribue également à réduire les points noirs et les points blancs et à améliorer l'apparence des pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eHyaluronate de sodium\u003c\/h3\u003e\n\u003cp\u003eCette substance hyaluronique fait partie du complexe hyaluronique. Elle a la capacité d'attirer et de retenir l'eau, ce qui aide à hydrater la peau et à la rendre plus repulpée et plus lisse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eVerpolyzine (Baie de poivre de Tasmanie))\u003c\/h3\u003e\n\u003cp\u003eCet extrait de plante est utilisé pour réduire la congestion et l'irritation de la peau. Il peut avoir un effet apaisant sur la peau et aider à soulager les allergies.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-visual\"\u003e\n\u003cimg alt=\"The Ordinary Gommage aux acides\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_aha_bha_peeling_solution_egypt.png?v=1745951545\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline - Simplified --\u003e\n\u003cdiv class=\"results-journey-simple\"\u003e\n\u003ch2 class=\"section-title\"\u003eParcours de transformation de la peau\u003c\/h2\u003e\n\u003cdiv class=\"timeline-simple\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eImmédiatement\u003c\/div\u003e\n\u003ch3\u003eRésultats instantanés\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eÉclat instantané et peau lumineuse\u003c\/li\u003e\n\u003cli\u003eLissage de la texture de la peau\u003c\/li\u003e\n\u003cli\u003eNettoyer les pores et éliminer les points noirs\u003c\/li\u003e\n\u003cli\u003ePeau plus lisse et plus fraîche\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eAprès une semaine\u003c\/div\u003e\n\u003ch3\u003eLe départ incroyable\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eÉclaircissement visible du teint de la peau\u003c\/li\u003e\n\u003cli\u003eUne diminution visible de la taille des pores\u003c\/li\u003e\n\u003cli\u003eLe début d'une amélioration des effets de l'acné\u003c\/li\u003e\n\u003cli\u003eRéduire les rougeurs et l'inflammation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eAprès deux semaines\u003c\/div\u003e\n\u003ch3\u003eAmélioration notable\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eDébut de l'éclaircissement de la pigmentation foncée\u003c\/li\u003e\n\u003cli\u003eMeilleure tonicité de la peau\u003c\/li\u003e\n\u003cli\u003eRéduction significative de l'acné active\u003c\/li\u003e\n\u003cli\u003eAméliore la texture de la peau et augmente sa douceur\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eAprès un mois\u003c\/div\u003e\n\u003ch3\u003eChangement radical\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eÉclaircissement notable des cicatrices d'acné\u003c\/li\u003e\n\u003cli\u003eDisparition visible de la pigmentation\u003c\/li\u003e\n\u003cli\u003ePores plus petits et plus propres\u003c\/li\u003e\n\u003cli\u003ePeau complètement renouvelée\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eAprès deux mois\u003c\/div\u003e\n\u003ch3\u003ePeau parfaite\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eÉclaircissement complet des pigmentations tenaces et des taches sombres\u003c\/li\u003e\n\u003cli\u003eDisparition presque complète des cicatrices d'acné anciennes\u003c\/li\u003e\n\u003cli\u003eUnifie parfaitement le teint\u003c\/li\u003e\n\u003cli\u003eAmélioration visible des ridules et des rides\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!-- Comparison Table --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eMieux que les gommages physiques et les séances de peeling!\u003c\/h2\u003e\n\u003cp class=\"comparison-intro\"\u003eLe peeling aux acides de fruits vous donnera de meilleurs résultats que les séances de peeling dans les salons de beauté les plus chers depuis chez vous, et à un quart du prix\u003c\/p\u003e\n\u003cdiv class=\"comparison-table\"\u003e\n\u003ctable dir=\"ltr\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003ePeeling physique\u003c\/th\u003e\n\u003cth\u003ePeeling chimique\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIl s'appuie sur des matériaux rugueux ou des outils mécaniques pour enlever la couche supérieure de la peau.\u003c\/td\u003e\n\u003ctd\u003eIl utilise des produits chimiques spéciaux pour enlever la couche supérieure de la peau.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIl peut être douloureux et provoquer une irritation de la peau.\u003c\/td\u003e\n\u003ctd\u003eIdéal pour tous les types de peau\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCela peut laisser des marques permanentes et de la pigmentation sur la peau.\u003c\/td\u003e\n\u003ctd\u003eTraite les problèmes de peau tels que les taches et la pigmentation et améliore la texture et l'aspect de la peau.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIl nécessite du temps pour guérir et restaurer la peau.\u003c\/td\u003e\n\u003ctd\u003eIl a un temps de guérison rapide et ne laisse aucun résidu  \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLes séances nécessitent une quantité importante de temps et coûtent une somme considérable d'argent par séance\u003c\/td\u003e\n\u003ctd\u003e Gagner du temps et de l'argent. Le paquet durera plus de 8 mois\u003cbr\/\u003e\n\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!-- Reviews Section --\u003e\n\u003cdiv class=\"reviews-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eOpinions des utilisateurs sur le peeling acide The Ordinary\u003c\/h2\u003e\n\u003cdiv class=\"reviews-slider\"\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eLes utilisateurs s'accordent à dire que ce gommage de The Ordinary est excellent pour se débarrasser de l'acné et fonctionne comme par magie. Il illumine la peau et la laisse douce et soyeuse. Le seul inconvénient de ce produit est qu'il brûle un peu parfois..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eLes utilisateurs ont confirmé qu'il s'agit d'un exfoliant facial idéal pour une utilisation hebdomadaire. Il brûle un peu au début, mais il possède d'importantes propriétés éclaircissantes pour la peau et une grande différence de pigmentation peut être constatée après l'avoir utilisé..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eUne utilisatrice a dit que ce produit est incroyable et a considérablement réduit son acné ainsi que ses points noirs et cicatrices d'acné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eUne utilisatrice a rapporté qu'elle applique ceci une fois par semaine et a constaté une amélioration notable de la pigmentation, ainsi qu'une réduction de la taille des pores. Il est très légèrement parfumé et très fluide et vous n'en avez besoin que d'une petite quantité, donc 30 ml peuvent durer longtemps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eUn utilisateur a dit que c'est un excellent produit pour éliminer les cellules mortes de la peau. Laissant la peau plus douce. J'ai vu une énorme amélioration de mon teint et de son uniformité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"reviews-dots\"\u003e\n\u003cspan class=\"dot active\"\u003e\u003c\/span\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.peeling-container {\n  direction: ltr;\n\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 0;\n  overflow-x: hidden;\n  color: #333;\n}\n\n\/* Typography *\/\nh1, h2, h3, p, ul, li {\n  margin: 0;\n  padding: 0;\n}\n\n.main-title {\n  font-size: 1.5rem;\n  line-height: 1.4;\n  font-weight: bold;\n  color: #9C8102;\n  margin: 15px 0;\n  text-align: center;\n  padding: 0 10px;\n}\n\n.section-title {\n  font-size: 1.4rem;\n  color: #9C8102;\n  text-align: center;\n  margin-bottom: 20px;\n  padding-bottom: 10px;\n  position: relative;\n}\n\n.section-title:after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #9C8102;\n}\n\n\/* Header Section *\/\n.product-header {\n  margin-bottom: 20px;\n  text-align: center;\n}\n\n.product-image img {\n  width: 100%;\n  max-width: 400px;\n  height: auto;\n  margin: 0 auto;\n  display: block;\n}\n\n\/* Instant Results Section *\/\n.instant-results {\n  background-color: #f9f9f9;\n  padding: 20px 15px;\n  border-radius: 10px;\n  margin-bottom: 30px;\n}\n\n.instant-results-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 15px;\n  margin-bottom: 20px;\n}\n\n.instant-result-item {\n  background-color: white;\n  border-radius: 8px;\n  padding: 15px;\n  text-align: center;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.instant-icon {\n  margin-bottom: 10px;\n}\n\n.instant-result-item h3 {\n  font-size: 1rem;\n  margin-bottom: 8px;\n  color: #9C8102;\n}\n\n.instant-result-item p {\n  font-size: 0.85rem;\n  color: #666;\n  line-height: 1.4;\n}\n\n.instant-message {\n  background-color: #fffbeb;\n  border: 1px solid #9C8102;\n  border-radius: 8px;\n  padding: 15px;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  color: #333;\n}\n\n\/* Benefits List *\/\n.benefits-section {\n  padding: 0 15px;\n  margin-bottom: 30px;\n}\n\n.benefits-list {\n  list-style: none;\n  padding: 0;\n}\n\n.benefits-list li {\n  position: relative;\n  padding-left: 25px;\n  margin-bottom: 12px;\n  font-size: 0.95rem;\n  line-height: 1.4;\n}\n\n.benefits-list li:before {\n  content: '';\n  position: absolute;\n  right: 0;\n  top: 6px;\n  width: 12px;\n  height: 12px;\n  background-color: #9C8102;\n  border-radius: 50%;\n}\n\n\/* How It Works Section *\/\n.how-it-works {\n  padding: 20px 15px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  margin-bottom: 30px;\n}\n\n.ingredients {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n}\n\n.ingredient-item {\n  background-color: white;\n  border-radius: 8px;\n  padding: 15px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.ingredient-item h3 {\n  font-size: 1rem;\n  color: #9C8102;\n  margin-bottom: 8px;\n}\n\n.ingredient-item p {\n  font-size: 0.9rem;\n  color: #666;\n  line-height: 1.5;\n}\n\n\/* Product Visual *\/\n.product-visual {\n  text-align: center;\n  margin: 30px 0;\n}\n\n.product-visual img {\n  max-width: 90%;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Results Journey *\/\n.results-journey {\n  padding: 30px 15px;\n  margin-bottom: 30px;\n  background: linear-gradient(to bottom, #fff, #f9f9f9);\n}\n\n.journey-timeline {\n  position: relative;\n  padding-left: 30px;\n}\n\n.timeline-marker {\n  position: absolute;\n  top: 0;\n  right: 15px;\n  width: 2px;\n  height: 100%;\n  background: linear-gradient(to bottom, #9C8102, rgba(156, 129, 2, 0.3));\n  border-radius: 1px;\n}\n\n.timeline-item {\n  position: relative;\n  margin-bottom: 40px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.timeline-item.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.time-dot {\n  position: absolute;\n  top: 0;\n  right: -30px;\n  width: 20px;\n  height: 20px;\n  background-color: #9C8102;\n  border-radius: 50%;\n  z-index: 2;\n  box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n}\n\n.time-label {\n  position: absolute;\n  top: 0;\n  right: -110px;\n  background-color: #9C8102;\n  color: white;\n  padding: 3px 10px;\n  border-radius: 12px;\n  font-size: 0.8rem;\n  font-weight: bold;\n}\n\n\/* Simplified Timeline Style *\/\n.results-journey-simple {\n  padding: 30px 15px;\n  margin-bottom: 30px;\n}\n\n.timeline-simple {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.timeline-card {\n  background-color: white;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n  overflow: hidden;\n}\n\n.timeline-header {\n  background-color: #f9f9f9;\n  padding: 15px;\n  border-bottom: 1px solid #eee;\n  position: relative;\n}\n\n.time-badge {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  background-color: #9C8102;\n  color: white;\n  padding: 5px 12px;\n  border-radius: 15px;\n  font-size: 0.9rem;\n  font-weight: bold;\n}\n\n.timeline-header h3 {\n  margin: 0;\n  color: #9C8102;\n  font-size: 1.2rem;\n  padding-left: 10px;\n}\n\n.timeline-body {\n  padding: 15px;\n}\n\n.timeline-body ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.timeline-body li {\n  position: relative;\n  padding-left: 20px;\n  margin-bottom: 10px;\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n\n.timeline-body li:before {\n  content: '';\n  position: absolute;\n  right: 0;\n  top: 7px;\n  width: 8px;\n  height: 8px;\n  background-color: #9C8102;\n  border-radius: 50%;\n}\n\n.timeline-body li:last-child {\n  margin-bottom: 0;\n}\n\n\/* Comparison Table *\/\n.comparison-section {\n  padding: 20px 15px;\n  margin-bottom: 30px;\n}\n\n.comparison-intro {\n  text-align: center;\n  margin-bottom: 20px;\n  font-size: 0.95rem;\n  line-height: 1.5;\n  color: #333;\n}\n\n.comparison-table {\n  margin: 0 auto 30px;\n  width: 100%;\n  overflow-x: auto;\n}\n\n.comparison-table table {\n  width: 100%;\n  border-collapse: collapse;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.comparison-table th {\n  background-color: #9C8102;\n  color: white;\n  padding: 12px 15px;\n  text-align: center;\n  font-weight: bold;\n  font-size: 1rem;\n}\n\n.comparison-table td {\n  padding: 12px 15px;\n  border-bottom: 1px solid #e0e0e0;\n  font-size: 0.9rem;\n  line-height: 1.5;\n}\n\n.comparison-table tr:last-child td {\n  border-bottom: none;\n}\n\n.comparison-table tr:nth-child(odd) {\n  background-color: white;\n}\n\n.comparison-table tr:nth-child(even) {\n  background-color: #f9f9f9;\n}\n\n.comparison-table th:first-child, \n.comparison-table td:first-child {\n  border-left: 1px solid #e0e0e0;\n}\n\n.comparison-table td:last-child {\n  background-color: #fffbeb;\n  font-weight: 500;\n}\n\n@keyframes pulse {\n  0% {\n    box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4);\n  }\n  70% {\n    box-shadow: 0 0 0 10px rgba(156, 129, 2, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(156, 129, 2, 0);\n  }\n}\n\n\/* Reviews Section *\/\n.reviews-section {\n  padding: 20px 15px 30px;\n  margin-bottom: 30px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n}\n\n.reviews-slider {\n  position: relative;\n  overflow: hidden;\n}\n\n.review-item {\n  position: relative;\n  background-color: white;\n  border-radius: 8px;\n  padding: 20px 15px 15px;\n  margin: 0 5px 15px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.review-quote {\n  position: absolute;\n  top: 5px;\n  right: 10px;\n  font-size: 2rem;\n  color: #9C8102;\n  opacity: 0.3;\n  font-family:serif;\n}\n\n.review-item p {\n  font-size: 0.9rem;\n  line-height: 1.6;\n  color: #333;\n  text-align: justify;\n}\n\n.reviews-dots {\n  display: flex;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 15px;\n}\n\n.dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background-color: #ddd;\n  cursor: pointer;\n}\n\n.dot.active {\n  background-color: #9C8102;\n}\n\n@media (max-width: 480px) {\n  .main-title {\n    font-size: 1.3rem;\n  }\n  \n  .section-title {\n    font-size: 1.2rem;\n  }\n  \n  .instant-results-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .time-label {\n    right: -90px;\n    font-size: 0.75rem;\n  }\n  \n  .comparison-table th,\n  .comparison-table td {\n    padding: 10px 8px;\n    font-size: 0.8rem;\n  }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n  .instant-results-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 768px) {\n  .main-title {\n    font-size: 1.8rem;\n  }\n  \n  .instant-results-grid {\n    grid-template-columns: repeat(4, 1fr);\n  }\n  \n  .ingredients {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* Animations *\/\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4);\n  }\n  70% {\n    transform: scale(1.05);\n    box-shadow: 0 0 0 10px rgba(156, 129, 2, 0);\n  }\n  100% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(156, 129, 2, 0);\n  }\n}\n\n.time-dot {\n  animation: pulse 2s infinite;\n}\n\n.timeline-\u003c\/style\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999288905902,"sku":"INSTA0545CHIQ","price":14.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Theordinarypeelingsolutionahabha._b72c7cb4-cc5b-4c87-8bdc-67e1669936ca.jpg?v=1788176291"},{"product_id":"the-ordinary-lactic-acid-30ml","title":"The Ordinary Acide Lactique 5% + HA - Sérum Gommant Doux \u0026 Hydratant - 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-left: 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-left: 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\"\u003eLe secret de beauté utilisé par les pharaons... dans une formule moderne et avancée\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Pharaoh Introduction --\u003e\n\u003cdiv class=\"pharaoh-intro\"\u003e\n\u003ch2\u003eL'un des secrets des reines pour votre peau\u003c\/h2\u003e\n\u003cp\u003eLes anciens Égyptiens ont été les premiers à découvrir la magie de l'acide lactique pour maintenir une peau jeune et fraîche. Cléopâtre elle-même se baignait dans du lait aigre pour conserver sa beauté légendaire. Et aujourd'hui, \u003cstrong class=\"highlight\"\u003eThe Ordinary\u003c\/strong\u003e Il vous a apporté le même secret pharaonique dans une formule scientifique avancée avec une concentration de 10 % d’acide hyaluronique.\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\"\u003ePourquoi l'acide lactique est-il le choix idéal?\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\"\u003eTous les acides ne sont pas identiques\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eL'acide lactique est l'un des acides les plus doux pour les peaux sensibles, car il fait partie des acides naturels déjà présents dans votre corps. Cela lui permet d'agir en douceur, mais avec le double de la force des autres acides.\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\"\u003eConcentration parfaite et sûre\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eUne concentration de 10 % est la limite optimale qui donne des résultats clairs sans irritation ni sensibilité excessive. Le niveau de pH de 3,8 est scientifiquement contrôlé pour assurer une efficacité maximale avec des effets secondaires minimes.\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\"\u003eAvantages qui transformeront complètement l'apparence de votre peau\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\"\u003eLe combattant numéro un contre l'acné\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eIl traite l'existant et prévient le nouveau\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eL'acide lactique exfolie doucement les cellules mortes de la peau en rompant les liens qui les relient. Cela ouvre les pores bouchés et empêche la formation de nouveaux boutons. Des études ont montré que l'acide lactique réduit les infections acnéiques jusqu'à 90 %, ce qui le rend compatible avec d'autres médicaments contre l'acné tels que le rétinol..\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\"\u003eUne machine à remonter le temps pour votre peau\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eVotre apparence sera différente de votre âge\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eÀ fortes concentrations, l'acide lactique pénètre dans les couches profondes de la peau et stimule la formation naturelle de collagène. Le résultat ? Le renouvellement cellulaire, le raffermissement de la peau et l'augmentation de son épaisseur, ce qui fait disparaître les rides fines et donne à votre peau l'apparence de plusieurs années de moins.\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\"\u003eHydratation imaginative sans graisse\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eL'humidité qui reste avec vous tout au long de la journée\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eL'acide lactique n'exfolie pas seulement, il hydrate également profondément la peau, la laissant douce et élastique. Cette formule est appuyée par\u003cstrong\u003eAcide hyaluronique\u003c\/strong\u003e Il attire 1 000 fois son poids en eau et crée une barrière hydratante qui garantit une hydratation longue durée.\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\"\u003eUnifier le teint et effacer les pigments\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003ePeau claire et uniforme comme un miroir\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eL'acide lactique agit pour réduire la production de mélanine dans les zones sombres, ce qui aide à éclaircir les pigments, les marques d'acné et les taches brunes. Le résultat est une peau naturellement uniforme et éclatante.\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\"\u003eFormule douce pour peau sensible\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\u003eLe poivre du Tasmanie : le gardien naturel\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 formule contient de l'extrait de baies de poivre de Tasmanie, qui est un anti-inflammatoire naturel réduisant les rougeurs et les irritations pouvant survenir avec les produits exfoliants. Cela rend le produit adapté même aux peaux très sensibles..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003eFormule légère à base d'eau\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 texture légère et aqueuse permet au produit d'être rapidement absorbé sans laisser de sensation grasse ou collante, ce qui le rend idéal pour les peaux sèches qui ont besoin d'hydratation sans lourdeur..\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 science derrière l'efficacité\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;\"\u003eÉquilibre du pH idéal\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 - équilibre parfait\u003c\/div\u003e\n\u003cp style=\"margin: 25px 0;\"\u003eLe pH de 3,8 est précisément ajusté pour correspondre au pKa de l'acide lactique. Ce chiffre est très important car il garantit l'équilibre optimal entre le sel et l'acidité, et c'est ce qui permet à l'acide d'atteindre la peau efficacement et d'obtenir une exfoliation efficace pouvant être utilisée quotidiennement.\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;\"\u003eFormule équilibrée pour un usage quotidien\u003c\/h4\u003e\n\u003cp\u003eContrairement à d'autres acides nécessitant une utilisation intermittente, l'acide lactique de cette formule est conçu pour être suffisamment doux pour un usage quotidien tout en restant 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\"\u003eIngrédients actifs\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\"\u003eAcide lactique (10%)\u003c\/h3\u003e\n\u003cp\u003eExfoliation douce et efficace de la surface de la peau\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\"\u003eHyaluronate de sodium\u003c\/h3\u003e\n\u003cp\u003eHydratation profonde et intense\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\"\u003eBaie de poivre de Tasmanie\u003c\/h3\u003e\n\u003cp\u003eApaisant et anti-inflammatoire\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\"\u003eGlycérine\u003c\/h3\u003e\n\u003cp\u003eHydratation supplémentaire et protection de la barrière cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list animate-on-scroll\"\u003e\n\u003ch4\u003eListe complète des ingrédients:\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\"\u003eComment utiliser pour de meilleurs résultats\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003eTiming parfait ⏰\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\u003eUtilisez-le une fois par jour uniquement le soir\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"padding: 10px 0;\"\u003eCommencez par 3 fois par semaine et augmentez progressivement selon la tolérance de votre peau\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\"\u003eLa bonne façon 📋\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eNettoyez bien votre visage avec le nettoyant approprié\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eAppliquer une fine couche du produit sur une peau sèche\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eÉvitez la zone autour des yeux\u003c\/li\u003e\n\u003cli data-step=\"4\"\u003eAttendez 10-15 minutes, puis appliquez une crème hydratante\u003c\/li\u003e\n\u003cli data-step=\"5\"\u003e\u003cstrong\u003eVous devriez utiliser un écran solaire SPF 30+ le lendemain\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⚠️ Avertissements importants\u003c\/h4\u003e\n\u003cul class=\"warning-list\"\u003e\n\u003cli\u003eNe pas utiliser en même temps qu'autres produits contenant des acides\u003c\/li\u003e\n\u003cli\u003eNe pas utiliser avec de la rétinol la même nuit\u003c\/li\u003e\n\u003cli\u003eCessez l'utilisation en cas d'irritation sévère\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\"\u003eIdéal pour tous les types de peau\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\"\u003ePeau sèche\u003c\/h3\u003e\n\u003cp\u003eIl est le mieux adapté à cela en raison de ses propriétés hydratantes\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\"\u003ePeau normale\u003c\/h3\u003e\n\u003cp\u003eIl lui donne une douceur et une fraîcheur supplémentaires\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\"\u003ePeau avec pigmentation\u003c\/h3\u003e\n\u003cp\u003eIl unifiera sa couleur et la purifiera\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\"\u003eUne peau qui souffre d'une texture rugueuse\u003c\/h3\u003e\n\u003cp\u003eIl le rend doux et améliore sa 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\"\u003eChronologie des résultats visibles\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\"\u003eAprès une semaine\u003c\/div\u003e\n\u003cp\u003eTexture plus lisse et fraîcheur visible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eAprès deux semaines\u003c\/div\u003e\n\u003cp\u003eAmélioration des pores et unification du teint\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eAprès un mois\u003c\/div\u003e\n\u003cp\u003eRéduction visible de la pigmentation et des ridules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eAprès deux mois\u003c\/div\u003e\n\u003cp\u003ePeau complètement rajeunie et d'apparence plus jeune\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;\"\u003eAvant et après\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;\"\u003eCommencez votre voyage vers la peau de vos rêves avec le même secret qui a fait de Cléopâtre la reine la plus belle de l'histoire.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eObtenez le Secret Pharaonique maintenant\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":46999289397422,"sku":"INSTA0557CHIQ","price":14.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Theordinarylacticacid_aaa81fcf-9057-49d2-8eb5-581faf6f0b71.jpg?v=1788176273"},{"product_id":"the-ordinary-glycolic-tuning","title":"The Ordinary Solution Tonique à l'Acide Glycolique 7% - Tonique Exfoliant, Éclat et Brillance","description":"\u003cdiv class=\"glyc7-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (Liquid Gold \u0026 Midnight Dark Theme) === *\/\n        .glyc7-premium-wrapper {\n            --glyc7-bg-deep: #080808; \n            --glyc7-bg-card: rgba(20, 20, 20, 0.7); \n            --glyc7-gold-light: #fce79c;\n            --glyc7-gold-main: #d4af37; \/* Liquid Gold *\/\n            --glyc7-gold-dark: #b8860b;\n            --glyc7-text-main: #f8f9fa;\n            --glyc7-text-muted: #aeb5bc;\n            --glyc7-border: rgba(212, 175, 55, 0.2);\n            --glyc7-border-hover: rgba(212, 175, 55, 0.6);\n            --glyc7-shadow: rgba(0, 0, 0, 0.8);\n            --glyc7-gold-glow: rgba(212, 175, 55, 0.2);\n            \n            background-color: var(--glyc7-bg-deep);\n            color: var(--glyc7-text-main);\n            font-family:Tajawal',Cairo',system-ui,-apple-system,sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 50px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 100px rgba(0,0,0,0.9) inset;\n        }\n\n        .glyc7-premium-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        .glyc7-premium-wrapper img {\n            max-width: 100%; height: auto; border-radius: 16px;\n            display: block; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .glyc7-container {\n            max-width: 900px; margin: 0 auto; padding: 0 20px;\n            position: relative; z-index: 2;\n        }\n\n        \/* === Ambient Liquid Gold Drops Background === *\/\n        .glyc7-ambient-particles {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n            background: radial-gradient(circle at 15% 30%, rgba(212, 175, 55, 0.05), transparent 40%),\n                        radial-gradient(circle at 85% 60%, rgba(212, 175, 55, 0.03), transparent 40%);\n        }\n\n        .glyc7-particle {\n            position: absolute; border-radius: 50%; bottom: -100px;\n            background: radial-gradient(circle, var(--glyc7-gold-glow) 0%, transparent 70%);\n            animation: floatUpGold 15s infinite ease-in-out; filter: blur(8px);\n        }\n\n        @keyframes floatUpGold {\n            0% { transform: translateY(0) scale(0.8); opacity: 0; }\n            20% { opacity: 0.6; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1500px) scale(1.5); opacity: 0; }\n        }\n\n        \/* === Typography === *\/\n        .glyc7-title-main {\n            font-size: clamp(26px, 5vw, 46px); font-weight: 900; text-align: center;\n            margin-bottom: 20px; line-height: 1.4; color: #fff;\n            text-shadow: 0 5px 20px rgba(0,0,0,0.8);\n        }\n\n        .glyc7-title-main span {\n            background: linear-gradient(135deg, var(--glyc7-gold-light) 0%, var(--glyc7-gold-main) 100%);\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--glyc7-gold-glow);\n        }\n\n        .glyc7-section-title {\n            font-size: clamp(22px, 4vw, 32px); font-weight: 800; color: #fff;\n            text-align: center; margin: 60px auto 25px; position: relative; line-height: 1.5;\n        }\n\n        .glyc7-section-title::after {\n            content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);\n            width: 80px; height: 3px;\n            background: linear-gradient(90deg, transparent, var(--glyc7-gold-main), transparent);\n            border-radius: 10px; box-shadow: 0 0 10px var(--glyc7-gold-main);\n        }\n\n        .glyc7-subtitle {\n            font-size: 1.15rem; color: var(--glyc7-text-muted); text-align: center;\n            max-width: 750px; margin: 0 auto 30px; font-weight: 500; line-height: 1.8;\n        }\n\n        \/* === Hero Section === *\/\n        .glyc7-hero { text-align: center; padding: 20px 0 40px; }\n\n        .glyc7-badge {\n            display: inline-block; background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--glyc7-gold-main); color: var(--glyc7-gold-light);\n            padding: 8px 20px; border-radius: 30px; font-size: 0.95rem; font-weight: bold;\n            margin-bottom: 20px; box-shadow: 0 0 20px var(--glyc7-gold-glow);\n        }\n\n        \/* === Agitation Box (The Problem) === *\/\n        .glyc7-alert-box {\n            background: linear-gradient(145deg, rgba(20,20,20,0.8), rgba(5,5,5,0.9));\n            border: 1px solid rgba(255,255,255,0.05); border-right: 4px solid var(--glyc7-gold-main);\n            padding: 30px; border-radius: 16px; margin: 40px 0;\n            box-shadow: 0 20px 40px var(--glyc7-shadow); text-align: left;\n            backdrop-filter: blur(10px);\n        }\n\n        \/* === Synergy UVP Section (Equation) === *\/\n        .glyc7-synergy-box {\n            background: var(--glyc7-bg-card); backdrop-filter: blur(15px);\n            border: 1px solid var(--glyc7-border); border-radius: 20px; padding: 40px 30px;\n            margin: 50px 0; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n        }\n\n        .glyc7-equation {\n            display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 15px; margin-bottom: 25px;\n        }\n\n        .glyc7-eq-item {\n            flex: 1; min-width: 200px; background: rgba(0,0,0,0.5); padding: 25px;\n            border-radius: 15px; border: 1px dashed var(--glyc7-gold-main);\n        }\n\n        .glyc7-eq-plus { font-size: 2.5rem; color: var(--glyc7-gold-main); font-weight: 900; align-self: center; text-shadow: 0 0 15px var(--glyc7-gold-glow);}\n\n        .glyc7-eq-result {\n            background: linear-gradient(135deg, var(--glyc7-gold-dark), var(--glyc7-gold-main));\n            color: #000; padding: 15px 25px;\n            border-radius: 12px; font-size: 1.3rem; font-weight: 900; width: 100%;\n            box-shadow: 0 10px 30px var(--glyc7-gold-glow);\n        }\n\n        \/* === Cards Grid === *\/\n        .glyc7-grid {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 30px 0;\n        }\n\n        .glyc7-card {\n            background: linear-gradient(145deg, rgba(30,30,35,0.5), rgba(10,10,12,0.8));\n            border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 25px;\n            transition: all 0.4s ease; position: relative; overflow: hidden; box-shadow: 0 10px 30px var(--glyc7-shadow);\n        }\n\n        .glyc7-card:hover {\n            transform: translateY(-8px); border-color: var(--glyc7-gold-main);\n            box-shadow: 0 15px 30px var(--glyc7-gold-glow); background: rgba(20,20,20,0.9);\n        }\n\n        .glyc7-icon {\n            width: 55px; height: 55px; background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--glyc7-border); border-radius: 14px; display: flex;\n            align-items: center; justify-content: center; margin-bottom: 20px;\n            color: var(--glyc7-gold-light); font-size: 26px; transition: transform 0.3s ease;\n        }\n        \n        .glyc7-card:hover .glyc7-icon {\n            transform: scale(1.1) rotate(5deg); background: var(--glyc7-gold-main); color: #000; border-color: transparent;\n            box-shadow: 0 0 20px var(--glyc7-gold-glow);\n        }\n\n        .glyc7-card h3 { font-size: 1.2rem; color: #fff; margin-bottom: 12px; font-weight: 800; }\n        .glyc7-card p { color: var(--glyc7-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === Viral Hacks Section (Multi-use) === *\/\n        .glyc7-hacks-wrapper {\n            background: linear-gradient(180deg, rgba(212, 175, 55, 0.05), transparent);\n            border: 1px solid var(--glyc7-border); border-radius: 20px; padding: 40px; margin: 50px 0;\n            backdrop-filter: blur(10px);\n        }\n        \n        .glyc7-hacks-wrapper h2 { color: var(--glyc7-gold-light); }\n\n        \/* === Timeline === *\/\n        .glyc7-timeline-item {\n            display: flex; align-items: center; gap: 20px; background: rgba(255,255,255,0.02);\n            border: 1px solid rgba(255,255,255,0.05); padding: 25px; border-radius: 16px;\n            border-right: 4px solid var(--glyc7-gold-main); margin-bottom: 20px; transition: all 0.3s;\n        }\n        .glyc7-timeline-item:hover { transform: translateX(-5px); background: rgba(212, 175, 55, 0.05); border-color: var(--glyc7-border); }\n        \n        .glyc7-time-badge {\n            background: rgba(212, 175, 55, 0.15); color: var(--glyc7-gold-light); border: 1px solid var(--glyc7-border);\n            padding: 8px 15px; border-radius: 8px; font-weight: bold; min-width: 120px; text-align: center;\n        }\n\n        \/* === Usage Steps === *\/\n        .glyc7-step-item {\n            display: flex; align-items: flex-start; gap: 20px; background: rgba(0,0,0,0.5);\n            padding: 25px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); transition: all 0.3s;\n        }\n        .glyc7-step-item:hover { border-color: var(--glyc7-gold-main); transform: translateY(-5px); }\n        .glyc7-step-num {\n            min-width: 45px; height: 45px; background: var(--glyc7-bg-deep); color: var(--glyc7-gold-light);\n            border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid var(--glyc7-gold-main);\n            font-size: 1.3rem; font-weight: bold; box-shadow: 0 0 15px var(--glyc7-gold-glow);\n        }\n\n        \/* === Animations === *\/\n        .glyc7-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .glyc7-reveal.glyc7-active { opacity: 1; transform: translateY(0); }\n        .glyc7-delay-1 { transition-delay: 0.1s; }\n        .glyc7-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .glyc7-equation { flex-direction: column; }\n            .glyc7-timeline-item { flex-direction: column; text-align: center; align-items: stretch; }\n            .glyc7-time-badge { margin-bottom: 15px; }\n            .glyc7-step-item { flex-direction: column; text-align: center; align-items: center; }\n            .glyc7-hacks-wrapper { padding: 25px 15px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"glyc7-ambient-particles\" id=\"glyc7-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"glyc7-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"glyc7-hero glyc7-reveal glyc7-active\"\u003e\n\u003cdiv class=\"glyc7-badge\"\u003eLe toner le plus vendu au monde\u003c\/div\u003e\n\u003ch1 class=\"glyc7-title-main\"\u003eJetez vos exfoliants physiques à la poubelle. \u003cbr\/\u003e\u003cspan\u003eLe secret de la « peau en verre coréenne » en gouttes!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"glyc7-subtitle\"\u003e\n                Les gommages et les exfoliants rugueux déchirent la barrière de votre peau sans que vous vous en rendiez compte. La vraie solution pour la rugosité, la pigmentation et les peaux mortes est le peeling chimique cliniquement prouvé.\n            \u003c\/p\u003e\n\u003cimg alt=\"The Ordinary Glycolic Acid 7% Toning Solution\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinary_glycolic_toner.webp?v=1745950200\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem (Agitation) --\u003e\n\u003cdiv class=\"glyc7-alert-box glyc7-reveal\"\u003e\n\u003ch3 style=\"color: #fff; font-size: 1.4rem; margin-bottom: 10px;\"\u003ePourquoi votre visage a-t-il l'air terne peu importe combien de crème hydratante vous utilisez?\u003c\/h3\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 1.05rem; line-height: 1.8;\"\u003e\n                Les cellules mortes s'accumulent quotidiennement comme du « ciment » à la surface de votre peau, empêchant tout sérum ou crème coûteux de pénétrer. Le résultat ? Une texture de peau rugueuse (milia), des pores bouchés et des boutons sous la peau. L'élimination de ce ciment ne se fait pas en frottant violemment, mais en le dissolvant scientifiquement..\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 3. The UVP Synergy Equation --\u003e\n\u003cdiv class=\"glyc7-synergy-box glyc7-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.8rem; margin-bottom: 20px;\"\u003eL'équation chimique impossible : comment The Ordinary a-t-il enfreint la règle?\u003c\/h2\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); margin-bottom: 30px; font-size: 1.1rem;\"\u003eLe principal problème avec l'acide glycolique est qu'il « brûle et irrite » la peau. Mais The Ordinary Labs a créé l'équilibre ingénieux:\u003c\/p\u003e\n\u003cdiv class=\"glyc7-equation\"\u003e\n\u003cdiv class=\"glyc7-eq-item\"\u003e\n\u003ch3 style=\"color: var(--glyc7-gold-light); margin-bottom: 10px;\"\u003eAcide glycolique 7%\u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ddd;\"\u003eLa concentration idéale (correspondant à un pH de 3,6 pKa) pour dissoudre les liaisons entre les cellules mortes avec une efficacité médicale sans aggraver les dommages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-eq-plus\"\u003e+\u003c\/div\u003e\n\u003cdiv class=\"glyc7-eq-item\" style=\"border-color: #4CAF50; background: rgba(76, 175, 80, 0.1);\"\u003e\n\u003ch3 style=\"color: #4CAF50; margin-bottom: 10px;\"\u003ePoivre de Tasmanie + aloe vera\u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ddd;\"\u003eDe puissants composés végétaux apaisants agissent en même temps pour supprimer toute inflammation et prévenir les rougeurs ou irritations résultant de la desquamation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-eq-result\"\u003e\n                = Peeling clinique ultra-efficace avec « zéro » irritation!\n            \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Main Benefits Grid --\u003e\n\u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eRajeunissement complet de la peau pendant votre sommeil\u003c\/h2\u003e\n\u003cdiv class=\"glyc7-grid\"\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n\u003cdiv class=\"glyc7-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eRemise à neuf\u003c\/h3\u003e\n\u003cp\u003eIl efface la texture rugueuse et les grains fins sous la peau, laissant la surface de la peau douce comme de la soie et prête pour un maquillage parfait.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-1\"\u003e\n\u003cdiv class=\"glyc7-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003ePigmentation et cicatrices d'acné\u003c\/h3\u003e\n\u003cp\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-2\"\u003e\n\u003cdiv class=\"glyc7-icon\"\u003e🕳️\u003c\/div\u003e\n\u003ch3\u003eNettoyage et minimisation des pores\u003c\/h3\u003e\n\u003cp\u003eIl dissout les graisses oxydées à l'intérieur des pores, ce qui empêche la formation de points noirs et réduit de manière significative l'apparence des pores élargis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n\u003cdiv class=\"glyc7-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eForte barrière \u003c\/h3\u003e\n\u003cp\u003eContrairement à d'autres exfoliants, il contient des acides aminés et du ginseng pour renforcer la barrière cutanée et booster l'éclat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Viral Hacks (Multi-use) - The Game Changer --\u003e\n\u003cdiv class=\"glyc7-hacks-wrapper glyc7-reveal\"\u003e\n\u003ch2 class=\"glyc7-section-title\" style=\"margin-top: 0;\"\u003ePour le visage Seulement! \u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--glyc7-text-muted); margin-bottom: 30px; font-size: 1.1rem;\"\u003ePourquoi des millions de personnes achètent cette grande taille (240 ml) ? Parce qu'elle résout littéralement les problèmes de tout le corps:\u003c\/p\u003e\n\u003cdiv class=\"glyc7-grid\"\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n\u003ch3\u003e🌸 Éclaircissement de la zone des aisselles et déodorant\u003c\/h3\u003e\n\u003cp\u003eIl tue instantanément les bactéries responsables de l'odeur de transpiration et exfolie la peau morte accumulée qui cause le teint sombre sous les aisselles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-1\"\u003e\n\u003ch3\u003e🍓 Traitement des jambes à fraises\u003c\/h3\u003e\n\u003cp\u003eLa solution radicale contre les boutons rouges après l'épilation et les poils incarnés sur les jambes et les bras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-2\"\u003e\n\u003ch3\u003e❄️ Nettoyage des pellicules du cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eUtilisez-le 20 minutes avant le shampooing pour dissoudre complètement les pellicules grasses et l'accumulation de produits sur le cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline --\u003e\n\u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eChronologie pour obtenir la peau de verre\u003c\/h2\u003e\n\u003cdiv class=\"glyc7-reveal\" style=\"display: flex; flex-direction: column; gap: 10px;\"\u003e\n\u003cdiv class=\"glyc7-timeline-item\"\u003e\n\u003cdiv class=\"glyc7-time-badge\"\u003eAprès une nuit\u003c\/div\u003e\n\u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eRéveillez-vous avec une peau plus ferme, éclatante (humide) qui semble visiblement plus lisse et plus douce, au point que vous ressentirez la différence lorsque vous vous laverez le visage.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-timeline-item\"\u003e\n\u003cdiv class=\"glyc7-time-badge\"\u003eAprès deux semaines\u003c\/div\u003e\n\u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eUne diminution notable des points noirs et blancs, et la disparition des fines grains qui donnent à la peau une texture rugueuse.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-timeline-item\"\u003e\n\u003cdiv class=\"glyc7-time-badge\"\u003eAprès 4 semaines\u003c\/div\u003e\n\u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eUnification forte du teint, moins de décoloration et atténuation visible des anciens boutons et de la pigmentation.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Usage Guide --\u003e\n\u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003e \u003c\/h2\u003e\n\u003cdiv class=\"glyc7-grid glyc7-reveal\" style=\"gap: 20px;\"\u003e\n\u003cdiv class=\"glyc7-step-item\"\u003e\n\u003cdiv class=\"glyc7-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eHeure\u003c\/h4\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eest utilisé \u003cstrong\u003eLe soir seulement\u003c\/strong\u003e ,,, Qui 2 3 fois .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-step-item\"\u003e\n\u003cdiv class=\"glyc7-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eApplication\u003c\/h4\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eAprès .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-step-item\"\u003e\n\u003cdiv class=\"glyc7-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eÉtape suivante\u003c\/h4\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eNe pas laver ! Laissez-les sécher un peu puis appliquez votre sérum à l'acide hyaluronique et votre crème hydratante pour sceller l'exfoliation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-step-item\" style=\"border-color: #ff4d4d; box-shadow: inset 0 0 15px rgba(255,77,77,0.1);\"\u003e\n\u003cdiv class=\"glyc7-step-num\" style=\"border-color: #ff4d4d; color: #ff4d4d; box-shadow: 0 0 15px rgba(255,77,77,0.3);\"\u003e!\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #ff4d4d; margin-bottom: 8px;\"\u003eL'avertissement le plus important\u003c\/h4\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eL'écran solaire (SPF) le lendemain matin est obligatoire ! Ne pas mélanger la même nuit avec du rétinol ou d'autres acides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"glyc7-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--glyc7-border);\"\u003e\n\u003ch2 class=\"glyc7-title-main\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eUne bouteille (240 ml) changera littéralement la qualité de votre peau et de votre corps!\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--glyc7-text-muted); max-width: 750px; margin: 20px auto; line-height: 1.8;\"\u003e\n                Le produit le plus célèbre de The Ordinary n'est pas seulement une « tendance », mais plutôt la base de toute routine de soins réussie. Sans éliminer la couche morte, vous gaspillez votre argent sur d'autres sérums.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--glyc7-gold-main); font-size: 1.5rem; font-weight: bold; margin-top: 20px; text-shadow: 0 0 20px var(--glyc7-gold-glow);\"\u003e\n                Commencez votre parcours de renouveau aujourd'hui, et commandez le « Liquid Gold » original maintenant!\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('.glyc7-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('glyc7-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, { root: null, threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('glyc7-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Ambient Particles Generator\n            var ambientContainer = document.getElementById('glyc7-particles');\n            var particleCount = 25; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('glyc7-particle');\n                \n                var size = Math.random() * 40 + 10; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 15; \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":"240 ml","offer_id":46999295262894,"sku":"INSTA0690CHIQ","price":23.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ordinaryglycolicacidtoner_ce377c4f-12f5-4dc9-913c-d81a5b28c440.jpg?v=1788176060"},{"product_id":"pixi-glow-tonic-100-ml","title":"Pixi Glow tonic 5% glycolic toner  100 ml","description":"\u003cdiv\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp\u003eVotre peau brillera et sera tonifiée avec Pixi Tonic\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ePIXI Glow Tonic  Ceci\u003cspan\u003e \u003c\/span\u003e\u003c\/strong\u003eLe toner innovant est riche en acide glycolique, qui exfolie doucement votre peau et nettoie en profondeur les pores de la saleté.\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2\u003e Formule multitâche\u003c\/h2\u003e\n\u003cul data-sourcepos=\"3:1-7:0\"\u003e\n\u003cli class=\"animating\" data-sourcepos=\"3:1-3:197\"\u003e\n\u003cspan class=\"animating\"\u003eAcide glycolique:\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eC'est un acide alpha-hydroxy (AHA) qui aide à éliminer les cellules mortes de la surface de la peau, la rendant plus lisse et plus éclatante.\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eIl aide également à améliorer la texture de la peau et à réduire l'apparence des ridules et des rides.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"animating\" data-sourcepos=\"4:1-4:78\"\u003e\n\u003cspan class=\"animating\"\u003eGlycérine:\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eC'est un humectant naturel qui aide à attirer l'eau vers la peau et à maintenir son hydratation.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"animating\" data-sourcepos=\"5:1-5:87\"\u003e\n\u003cspan class=\"animating\"\u003eAloe Vera:\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eC'est une plante qui a des propriétés apaisantes et anti-inflammatoires, et elle aide également à hydrater la peau.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"animating\" data-sourcepos=\"6:1-7:0\"\u003e\n\u003cspan class=\"animating\"\u003eGinseng:\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eC'est une plante qui possède des propriétés antioxydantes aidant à protéger la peau des dommages causés par les radicaux libres.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"shopify-section\" id=\"shopify-section-template--16110165098693__8e070cb1-d670-4ed3-9b36-693a7f0f33c2\"\u003e\n\u003csection class=\"image__with-text image__with-text--template--16110165098693__8e070cb1-d670-4ed3-9b36-693a7f0f33c2 sf-section-padding\" id=\"sf__img-with-text-template--16110165098693__8e070cb1-d670-4ed3-9b36-693a7f0f33c2\"\u003e\n\u003cdiv class=\"container-fluid section-my\"\u003e\n\u003cdiv class=\"sf-custom__grid sf-grid flex flex-wrap\"\u003e\n\u003cdiv class=\"sf-custom__block sf-column content__box-template--16110165098693__8e070cb1-d670-4ed3-9b36-693a7f0f33c2 flex items-center w-full md:w-1\/2 lg:w-6\/12 px-0\"\u003e\n\u003cdiv class=\"content__box w-full text-center\"\u003e\n\u003cdiv class=\"md:mb-6 mb-3 lg:mb-8 text-color-subtext rte prose\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cem style=\"font-size: 0.875rem;\"\u003eIdéal pour tous les types de peau et les peaux sensibles\u003c\/em\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003c\/em\u003eUtilisez-le Dans Matin . ,,, Ensuite Qui Glow Tonic Visage .\u003cspan\u003e  Avec le sérum \u003c\/span\u003eOu hydratant.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Pixi","offers":[{"title":"Default Title","offer_id":46999296671918,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ezgif.com-gif-maker_13_4ac261dd-2021-45f2-9cb2-de0636c224cd.jpg?v=1788176021"},{"product_id":"the-ordinary-salycilic-acid","title":"The Ordinary acide salicylique 2% solution exfoliante à l'acide salicylique","description":"\u003cp\u003eAppliquer une fois le soir.\u003cbr\/\u003eAppliquer une petite quantité sur la zone cible ou sur le visage en général\u003c\/p\u003e\n\u003cp\u003eTest du produit : Il est recommandé de tester sur la peau en appliquant une petite quantité sur une petite zone de la peau pendant 3 jours.\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNe pas utiliser avec les produits suivants:\u003c\/strong\u003e\u003cbr\/\u003ePeptides de cuivre\u003cbr data-mce-fragment=\"1\"\/\u003e Acides\u003cbr data-mce-fragment=\"1\"\/\u003e Vitamine C\u003cbr data-mce-fragment=\"1\"\/\u003eEUK\u003cbr data-mce-fragment=\"1\"\/\u003ePoudre de niacinamide\u003cbr data-mce-fragment=\"1\"\/\u003ePeptides\u003cbr data-mce-fragment=\"1\"\/\u003eRétinoïde\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eTous les ingrédients: \u003cbr\/\u003e\u003cspan data-mce-fragment=\"1\"\u003eAqua (Water), Saccharide Isomerate, Cocamidopropyl Dimethylamine, Salicylic Acid, Hydroxyethylcellulose, Polysorbate 20, Citric Acid, Sodium Citrate, Sodium Hydroxide, Phenoxyethanol, Chlorphenesin.\u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999350608046,"sku":null,"price":14.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/rdn-salicylic-acid-2pct-solution-30ml_2a5e1469-9be8-4eb0-b796-6d03aa2022c4.webp?v=1788175552"},{"product_id":"infinity-naturals-strawberry-scrub","title":"Gommage corporel à la fraise 270 g infinity naturals","description":"\n\u003cp\u003eProfitez des merveilleux bienfaits des fraises avec notre gommage corporel ! Notre luxueux gommage corporel contient de l'extrait de fraise véritable, connu pour ses propriétés étonnantes qui laissent votre peau fraîche et revitalisée. Voici quelques-uns des avantages dont vous pouvez profiter:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eÉlimine les cellules mortes de la peau pour une peau plus douce et lisse\u003c\/li\u003e\n\u003cli\u003eAméliore l'élasticité de la peau et augmente la fermeté\u003c\/li\u003e\n\u003cli\u003eHydrate et nourrit la peau pour un éclat sain et radieux\u003c\/li\u003e\n\u003cli\u003eIl donne un parfum doux et fruité qui stimule les sens\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eOffrez-vous une expérience de soin luxueuse avec notre Gommage Corporel à la Fraise, et découvrez le pouvoir des extraits de fruits naturels pour une peau belle et éclatante!\u003c\/p\u003e\n","brand":"Infinity naturals","offers":[{"title":"Default Title","offer_id":46999353458862,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign_59_e89a0370-bc29-4f43-8247-c2310e507478.jpg?v=1788175540"},{"product_id":"infinity-naturals-sea-scrub","title":"Gommage pour le corps avec sel marin et huile de lavande, 180 g, infinity naturals","description":"\u003cp\u003eLe sel marin naturel est utilisé dans ce gommage pour exfolier les cellules mortes de la peau et stimuler la circulation sanguine, ce qui favorise la croissance de nouvelles cellules et améliore l'élasticité de la peau. En ce qui concerne l'huile essentielle de lavande, elle aide à apaiser et hydrater la peau, et son parfum rafraîchissant procure au corps relaxation et calme.\u003c\/p\u003e\n\u003cp\u003eCe produit est idéal pour tous les types de peau et peut être utilisé deux fois par semaine. Offrez-vous une expérience d'exfoliation unique et profitez d'une peau saine et douce avec un gommage corporel formulé avec du sel marin et de l'huile essentielle de lavande biologique.\u003c\/p\u003e","brand":"Infinity naturals","offers":[{"title":"Default Title","offer_id":46999354310830,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign_61_69763d05-2d38-4ad3-8c3b-8ca6a670b522.jpg?v=1788175537"},{"product_id":"paula-choice-bha-peeling","title":"Peeling chimique Paula's Choice avec BHA 2% | Pour les rides | Acné | Réduire les pores","description":"\n\u003cp\u003eActivé Visage Dans Après Nettoyage Tonique. Visage Après .\u003c\/p\u003e\n\u003cp\u003eCommencez doucement : appliquez tous les deux jours et observez comment votre peau réagit. Ensuite, utilisez-le deux fois par jour. Pendant la journée, utilisez toujours un écran solaire avec un SPF de 30+.\u003c\/p\u003e\n\u003cp\u003eSi vous êtes allergique aux salicylates, veuillez consulter votre médecin avant d'utiliser tout produit contenant de l'acide salicylique.\u003c\/p\u003e\n\u003cp\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003eIngrédients principaux:\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAcide salicylique\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePurifie et réduit la taille des pores dilatés\u003c\/li\u003e\n\u003cli\u003eEnlever les couches accumulées de peau\u003c\/li\u003e\n\u003cli\u003eRéduit visiblement l'apparence des ridules et des rides\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cstrong\u003eThé vert:\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003cul\u003e\n\u003cli\u003eApaise l'irritation\u003c\/li\u003e\n\u003cli\u003ePuissants bienfaits anti-âge\u003c\/li\u003e\n\u003cli\u003eAméliore visiblement les dommages causés par le soleil\u003c\/li\u003e\n\u003c\/ul\u003e\n","brand":"Paula's choice","offers":[{"title":"Default Title","offer_id":46999357849774,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51gCjL3-clL._AC_UL600_SR600_600_104394d5-a9e2-4b1f-a1d9-51375c77837b.jpg?v=1788175524"},{"product_id":"somebymi-aha-bha-pha-miracle-toner","title":"Some By Mi AHA-BHA-PHA 30 Days Miracle Toner 150ml","description":"\u003cdiv class=\"sbm30-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \n        .sbm30-wrapper {\n            --sbm30-bg-dark: #0a110d; \n            --sbm30-bg-card: rgba(20, 35, 25, 0.6); \n            --sbm30-green-main: #2e8b57; \n            --sbm30-green-light: #66cdaa; \n            --sbm30-gold-main: #d4af37; \n            --sbm30-gold-light: #f3e5ab; \n            --sbm30-glow-green: rgba(46, 139, 87, 0.3);\n            --sbm30-glow-gold: rgba(212, 175, 55, 0.25);\n            --sbm30-text-main: #f0fdf4;\n            --sbm30-text-muted: #b0c4b1;\n            --sbm30-border: rgba(46, 139, 87, 0.3);\n            --sbm30-border-hover: rgba(102, 205, 170, 0.6);\n            \n            background-color: var(--sbm30-bg-dark);\n            color: var(--sbm30-text-main);\n            font-family:Tajawal',Cairo',system-ui,-apple-system,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(46, 139, 87, 0.05) inset;\n        }\n\n        .sbm30-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbm30-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        }\n\n        .sbm30-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \n        .sbm30-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        .sbm30-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbm30-glow-green) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            border: 1px solid rgba(102, 205, 170, 0.2);\n            animation: floatUpMint 15s infinite ease-in-out;\n            filter: blur(4px);\n        }\n\n        @keyframes floatUpMint {\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        \n        .sbm30-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            background: linear-gradient(135deg, #ffffff 0%, var(--sbm30-green-light) 60%, var(--sbm30-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--sbm30-glow-green);\n        }\n\n        .sbm30-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800;\n            color: var(--sbm30-gold-main);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .sbm30-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(--sbm30-green-light), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--sbm30-green-main);\n        }\n\n        \n        .sbm30-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .sbm30-badge {\n            display: inline-block;\n            background: rgba(46, 139, 87, 0.15);\n            border: 1px solid var(--sbm30-green-main);\n            color: var(--sbm30-green-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(--sbm30-glow-green);\n        }\n        \n        .sbm30-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--sbm30-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n            border-right: 3px solid var(--sbm30-green-main);\n            padding-left: 15px;\n            background: linear-gradient(90deg, transparent, rgba(46, 139, 87, 0.05));\n            border-radius: 8px 0 0 8px;\n        }\n\n        \n        .sbm30-glass-box {\n            background: var(--sbm30-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--sbm30-border);\n            border-radius: 20px;\n            padding: 35px;\n            margin: 40px 0;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .sbm30-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(--sbm30-green-light), var(--sbm30-gold-main), transparent);\n        }\n\n        \n        .sbm30-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .sbm30-card {\n            background: linear-gradient(145deg, rgba(20, 35, 25, 0.7), rgba(10, 15, 12, 0.9));\n            border: 1px solid var(--sbm30-border);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            z-index: 1;\n        }\n\n        .sbm30-card::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            right: -50%;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);\n            z-index: -1;\n            transition: all 0.5s;\n        }\n\n        .sbm30-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbm30-gold-main);\n            box-shadow: 0 15px 30px var(--sbm30-glow-green);\n            background: rgba(25, 45, 30, 0.8);\n        }\n\n        .sbm30-card:hover::after { bottom: -10%; right: -10%; }\n\n        .sbm30-icon {\n            width: 60px; height: 60px; background: rgba(46, 139, 87, 0.1);\n            border: 1px solid rgba(102, 205, 170, 0.3); border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px; color: var(--sbm30-green-light); font-size: 28px;\n            transition: transform 0.3s ease; box-shadow: 0 0 15px rgba(46, 139, 87, 0.2);\n        }\n        \n        .sbm30-card:hover .sbm30-icon {\n            transform: scale(1.1) rotate(-5deg); background: linear-gradient(135deg, var(--sbm30-green-main), var(--sbm30-gold-main));\n            color: #111; border-color: transparent; box-shadow: 0 0 25px var(--sbm30-gold-main);\n        }\n\n        .sbm30-card h3 { font-size: 1.25rem; color: #fff; margin-bottom: 12px; line-height: 1.4; }\n        .sbm30-card p { color: var(--sbm30-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \n        .sbm30-table-container {\n            overflow-x: auto; margin: 30px 0; border-radius: 16px; border: 1px solid var(--sbm30-border);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5); background: rgba(10, 15, 12, 0.6);\n        }\n\n        .sbm30-table { width: 100%; border-collapse: collapse; text-align: left; min-width: 500px; }\n        .sbm30-table th, .sbm30-table td { padding: 15px 20px; border-bottom: 1px solid rgba(255,255,255,0.05); }\n        .sbm30-table th { background: rgba(46, 139, 87, 0.2); color: var(--sbm30-gold-light); font-weight: 800; font-size: 1.1rem; }\n        .sbm30-table td strong { color: var(--sbm30-text-main); }\n        .sbm30-table td.sbm30-highlight { background: rgba(46, 139, 87, 0.08); color: var(--sbm30-green-light); font-weight: bold; font-size: 1.05rem; }\n        .sbm30-table tr:last-child td { border-bottom: none; }\n\n        \n        .sbm30-steps-wrap { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }\n        .sbm30-step-item {\n            display: flex; align-items: center; background: rgba(255,255,255,0.02);\n            border: 1px solid var(--sbm30-border); padding: 20px; border-radius: 12px; transition: all 0.3s;\n        }\n        .sbm30-step-item:hover { border-color: var(--sbm30-gold-main); background: rgba(212, 175, 55, 0.05); transform: translateX(-5px); }\n        .sbm30-step-num {\n            font-size: 2rem; font-weight: 900; color: rgba(212, 175, 55, 0.2); -webkit-text-stroke: 1px var(--sbm30-gold-main);\n            margin-left: 20px; min-width: 45px; text-align: center; text-shadow: 0 0 10px var(--sbm30-glow-gold);\n        }\n\n        \/* === Animations === *\/\n        .sbm30-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .sbm30-reveal.sbm30-active { opacity: 1; transform: translateY(0); }\n        .sbm30-delay-1 { transition-delay: 0.1s; }\n        .sbm30-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbm30-hero { padding: 10px 0 20px; }\n            .sbm30-step-item { flex-direction: column; text-align: center; }\n            .sbm30-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"sbm30-ambient-particles\" id=\"sbm30-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm30-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbm30-hero sbm30-reveal sbm30-active\"\u003e\n\u003cdiv class=\"sbm30-badge\"\u003eLe toner miracle coréen le plus vendu dans le monde\u003c\/div\u003e\n\u003ch1 class=\"sbm30-title-glow\"\u003eLes secrets d'une peau claire comme du cristal résident dans les gouttes de ce tonique!\u003c\/h1\u003e\n\u003cp class=\"sbm30-hero-subtitle\"\u003e\n                “L'accumulation de cellules mortes ne vous donne pas seulement une mauvaise impression, elle obstrue vos pores et empêche toute crème coûteuse de pénétrer votre peau.” \u003cbr\/\u003e\n                Transformez votre peau pour atteindre son état le plus clair et le plus pur en seulement 30 jours avec un tonique \u003cstrong\u003eSome By Mi Miracle\u003c\/strong\u003e Développeur.\n            \u003c\/p\u003e\n\u003cimg alt=\"Tonique Miracle Some By Mi\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_toner_aha_bha_pha_peeling_toner_4.jpg?v=1730725686\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem \/ Main Solution --\u003e\n\u003cdiv class=\"sbm30-glass-box sbm30-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; text-align: center; margin-bottom: 15px;\"\u003eSouffrez-vous de peau terne, de pores dilatés et de boutons sans fin?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--sbm30-text-muted); line-height: 1.8; font-size: 1.1rem; margin-bottom: 20px;\"\u003e\n                La principale cause de la plupart des problèmes de peau est l'échec du cycle naturel de renouvellement. Lorsque les cellules mortes et les huiles oxydées s'accumulent, la peau s'étouffe et commence à s'enflammer.\n            \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(212, 175, 55, 0.1); border: 1px dashed var(--sbm30-gold-main); padding: 20px; border-radius: 12px; text-align: center;\"\u003e\n\u003cp style=\"color: var(--sbm30-gold-light); font-size: 1.25rem; font-weight: bold; margin-bottom: 10px;\"\u003eTriple Acides (AHA, BHA, PHA))\u003c\/p\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem;\"\u003e\n                    Ce toner n'est pas simplement une « eau parfumée ». Il agit efficacement de manière micro-chimique pour éliminer les cellules mortes de la peau et dissoudre les points noirs et blancs. Grâce à sa teneur en AHA, il élimine les squames de la surface, tandis que le BHA pénètre dans les pores pour dissoudre les graisses anciennes, et le PHA maintient l'hydratation de la peau et prévient les irritations.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Miracle Ingredients (Tea Tree) --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eLe pouvoir de l'arbre à thé qui a changé l'équilibre de la médecine cosmétique\u003c\/h2\u003e\n\u003cimg alt=\"Le pouvoir de l'arbre à thé\" class=\"sbm30-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_3.webp?v=1745762837\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003cp class=\"sbm30-reveal\" style=\"text-align: center; color: var(--sbm30-text-muted); font-size: 1.1rem; max-width: 800px; margin: 0 auto 40px; line-height: 1.8;\"\u003e\n            Grâce aux processus avancés de purification et d'extraction coréens, ce tonique est infusé avec la concentration maximale d'extrait réel de feuille d'arbre à thé \u003cstrong style=\"color: var(--sbm30-gold-light);\"\u003e(10 000 ppm)\u003c\/strong\u003e. Cet ingrédient magique est le plus grand miracle pour les peaux grasses et sujettes à l'acné. Il tue les bactéries responsables de l'acné, éteint instantanément l'inflammation et les rougeurs, et équilibre incroyablement bien la production excessive de sébum!\n        \u003c\/p\u003e\n\u003c!-- 4. Triple Action Benefits Grid --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eAvantages 3D pour une peau en verre parfaite\u003c\/h2\u003e\n\u003cdiv class=\"sbm30-grid\"\u003e\n\u003cdiv class=\"sbm30-card sbm30-reveal\"\u003e\n\u003cdiv class=\"sbm30-icon\"\u003e🕳️\u003c\/div\u003e\n\u003ch3\u003eLa solution ultime pour les pores dilatés\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eBonne chance pour essayer de voir vos pores après aujourd'hui!\u003c\/strong\u003e Le tonique nettoie profondément les pores puis réduit leur taille grâce à la niacinamide incorporée dans la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-card sbm30-reveal sbm30-delay-1\"\u003e\n\u003cdiv class=\"sbm30-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eéquilibre du pH (pH 5,5))\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eL'exfoliant le plus doux pour les peaux sensibles.\u003c\/strong\u003e Il y a une fine ligne entre l'exfoliation et l'irritation ! Le tonique est conçu pour correspondre au pH naturel de la peau afin d'exfolier en profondeur et sans aucune irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-card sbm30-reveal sbm30-delay-2\"\u003e\n\u003cdiv class=\"sbm30-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eÉclat instantané et rajeunissement\u003c\/h3\u003e\n\u003cp\u003eIl contient des extraits de papaye et d'hamamélis pour accélérer l'élimination des cellules mortes de la peau, en plus de l'extrait de lotus et de l'adénosine pour raffermir la peau et combattre les rides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Avantages du tonique\" class=\"sbm30-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_2.webp?v=1745763008\" style=\"margin: 40px auto; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\"\/\u003e\n\u003c!-- 5. Comparison Table --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003ePourquoi le toner Some By Mi est-il supérieur aux toners ordinaires?\u003c\/h2\u003e\n\u003cdiv class=\"sbm30-table-container sbm30-reveal\"\u003e\n\u003ctable class=\"sbm30-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eComparaison\u003c\/th\u003e\n\u003cth\u003eToniques exfoliants réguliers\u003c\/th\u003e\n\u003cth style=\"background: rgba(212, 175, 55, 0.15); color: #fff;\"\u003eTonique Miracle (Some By Mi)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSystème peeling\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eUn seul type (généralement AHA))\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eSystème 3D (AHA\/BHA\/PHA)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eEffet hydratant\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eCela provoque une sécheresse et des desquamations évidentes\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eHydratation profonde grâce aux molécules de PHA\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTraitement du grain\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003ePeut irriter les boutons actifs\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eÉquilibre acide\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eAlcalins ou acides agressifs\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003ePH 5,5 parfaitement équilibré pour protéger la barrière cutanée\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003ePeau sensible\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eNon adapté car il contient de l'alcool\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eTrès sûr et testé médicalement comme (Non comédogène))\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Usage Instructions --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eComment utiliser pour des résultats rapides\u003c\/h2\u003e\n\u003cdiv class=\"sbm30-steps-wrap sbm30-reveal\"\u003e\n\u003cdiv class=\"sbm30-step-item\"\u003e\n\u003cdiv class=\"sbm30-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eNettoyage en profondeur\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eLavez bien votre visage avec votre nettoyant préféré et séchez-le doucement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-step-item\"\u003e\n\u003cdiv class=\"sbm30-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eEssuyage avec du coton\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eMettre Quantity Qui Tonique Activé Skin .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-step-item\"\u003e\n\u003cdiv class=\"sbm30-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eTapotez pour absorber\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eTapotez doucement votre visage avec vos doigts pour aider la peau à absorber tous les nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-step-item\"\u003e\n\u003cdiv class=\"sbm30-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eProtection obligatoire\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eSuivre avec un sérum et une crème hydratante. Et le matin, \u003cstrong\u003eL'utilisation d'un écran solaire (SPF) est une étape obligatoire\u003c\/strong\u003e Parce que les acides rendent la peau sensible au soleil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Social Proof (Reviews) --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eVraies expériences : Pourquoi cela a-t-il été appelé un « miracle »”?\u003c\/h2\u003e\n\u003cdiv class=\"sbm30-glass-box sbm30-reveal\" style=\"text-align: left; padding: 25px;\"\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n\u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eLe côté lumineux :\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eLa majorité des utilisateurs ont loué la capacité rapide du toner à assécher les boutons actifs et à réduire l'inflammation et les rougeurs en quelques jours. Ils ont également remarqué une amélioration significative de la texture et de la douceur de la peau, ainsi qu'une réduction notable de la taille des pores grâce à une exfoliation douce et profonde qui ne provoque aucune irritation.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n\u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003ePoint à noter:\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eSkin Dehydration Tonique Progressivement Dans Dans Avec Exfoliation Fort Activé Results Dryness.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eConclusion:\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eCe toner est un véritable « sauveur » pour les peaux grasses, mixtes et sujettes à l'acné. Un excellent investissement qui offre une exfoliation quotidienne sûre et des résultats comparables à ceux des séances de nettoyage professionnel pour éliminer les cellules mortes, purifier les pores et restaurer l'éclat naturel du visage.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"sbm30-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--sbm30-border);\"\u003e\n\u003ch2 class=\"sbm30-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eUne peau nouvelle et nette en seulement 30 jours!\u003c\/h2\u003e\n\u003cimg alt=\"Application de toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_1.webp?v=1745762879\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                Arrêtez de cacher les boutons et les problèmes sous de grosses couches de maquillage. \u003cstrong\u003eTonique Miracle Some By Mi\u003c\/strong\u003e Il agira comme un « bouton de réinitialisation » pour votre peau, en éliminant les cellules mortes et le sébum, vous laissant une surface claire et saine à travers laquelle votre peau peut respirer.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--sbm30-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--sbm30-glow-gold);\"\u003e\n                Commandez-le maintenant et obtenez votre peau de verre!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Ingredients Footer --\u003e\n\u003cdiv class=\"sbm30-reveal\" style=\"background: rgba(0,0,0,0.5); border: 1px dashed var(--sbm30-border); border-radius: 12px; padding: 25px; font-size: 0.85rem; color: #888; margin-top: 50px; text-align: left; direction: ltr;\"\u003e\n\u003ch3 style=\"color: var(--sbm30-gold-main); margin-bottom: 15px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eListe complète des ingrédients (INCI))\u003c\/h3\u003e\n\u003cp\u003eWater, Butylene Glycol, Dipropylene Glycol, Glycerin, \u003cstrong\u003eNiacinamide\u003c\/strong\u003e, \u003cstrong\u003eMelaleuca Alternifolia (Tea Tree) Leaf Extract (10,000ppm)\u003c\/strong\u003e, Polyglyceryl-4 Caprate, Carica Papaya (Papaya) Fruit Extract, Lens Esculenta (Lentil) Seed Extract, Hamamelis Virginiana (Witch Hazel) Extract, Nelumbo Nucifera Flower Extract, Swiftlet Nest Extract, Sodium Hyaluronate, Fructan, Allantoin, \u003cstrong\u003eAdenosine\u003c\/strong\u003e, Hydroxyethyl Urea, Xylitol, \u003cstrong\u003eSalicylic Acid (100ppm)\u003c\/strong\u003e, \u003cstrong\u003eLactobionic Acid (100ppm)\u003c\/strong\u003e, \u003cstrong\u003eCitric Acid (500ppm)\u003c\/strong\u003e, Sodium Citrate, 1,2-Hexanediol, Benzyl Glycol, Ethylhexylglycerin, Raspberry Ketone, Mentha Piperita (Peppermint) Oil.\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('.sbm30-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm30-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('sbm30-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Mint Bubbles\n            var ambientContainer = document.getElementById('sbm30-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('sbm30-particle');\n                \n                var size = Math.random() * 40 + 10; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 12; \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":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999386128558,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/AHA_BHA_PHA_30_Days_Miracle_Toner_1024x1024_a3e227c7-30b0-46c2-b0b1-9e3745390366.png?v=1788175418"},{"product_id":"cosrx-bha-blackhead-power-liquid","title":"Cosrx BHA Blackhead Power Liquid 100 ml","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 h3 {\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 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    }\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    .product-description strong {\n        color: #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        border-radius: 15px;\n        transition: transform 0.5s ease;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\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    \/* Before\/After comparison *\/\n    .before-after-container {\n        position: relative;\n        width: 100%;\n        max-width: 700px;\n        margin: 0 auto 30px;\n        overflow: hidden;\n        border-radius: 10px;\n    }\n\n    .comparison-slider {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        width: 40px;\n        background: rgba(156, 129, 2, 0.7);\n        left: 50%;\n        transform: translateX(-50%);\n        cursor: ew-resize;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .comparison-slider::before {\n        content: '⇄';\n        color: white;\n        font-size: 20px;\n    }\n\n    .before-image, .after-image {\n        width: 100%;\n        height: auto;\n        object-fit: cover;\n    }\n\n    .before-container {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 50%;\n        height: 100%;\n        overflow: hidden;\n    }\n\n    .before-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 200%;\n    }\n\n    .after-container {\n        position: relative;\n        width: 100%;\n    }\n\n    \/* Timeline *\/\n    .timeline-container {\n        margin: 40px 0;\n    }\n\n    .timeline-steps {\n        display: flex;\n        justify-content: space-between;\n        margin-bottom: 20px;\n    }\n\n    .timeline-step {\n        flex: 1;\n        text-align: center;\n        position: relative;\n    }\n\n    .timeline-dot {\n        width: 30px;\n        height: 30px;\n        background-color: #9C8102;\n        border-radius: 50%;\n        margin: 0 auto 10px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .timeline-bar {\n        position: absolute;\n        top: 15px;\n        left: 0;\n        right: 0;\n        height: 4px;\n        background-color: rgba(156, 129, 2, 0.3);\n        z-index: 1;\n    }\n\n    .timeline-label {\n        font-weight: bold;\n        color: #9C8102;\n    }\n\n    \/* Ingredient section *\/\n    .ingredient-container {\n        margin: 30px 0;\n    }\n\n    .ingredient-card {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        margin-bottom: 20px;\n        transition: transform 0.3s ease;\n        border-right: 3px solid #9C8102;\n    }\n\n    .ingredient-card:hover {\n        transform: translateX(-5px);\n    }\n\n    .ingredient-title {\n        color: #9C8102;\n        font-size: 1.2rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Value section *\/\n    .value-points {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 20px;\n        margin: 30px 0;\n    }\n\n    .value-point {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        text-align: center;\n    }\n\n    .value-point:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n    }\n\n    .value-icon {\n        font-size: 2rem;\n        color: #9C8102;\n        margin-bottom: 15px;\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-container h3::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    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .value-points {\n            grid-template-columns: 1fr;\n        }\n        \n        .timeline-steps {\n            flex-direction: column;\n        }\n        \n        .timeline-step {\n            margin-bottom: 30px;\n        }\n        \n        .timeline-bar {\n            display: none;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid.webp?v=1745672690\"\/\u003e\u003c\/div\u003e\n\u003ch3\u003ePoints noirs : des boutons gênants qui ternissent la clarté de votre peau et réduisent votre confiance en vous\u003c\/h3\u003e\n\u003cp\u003eLes points noirs sont un problème de peau courant qui survient lorsque les pores se bouchent avec des huiles naturelles et des cellules mortes de la peau. Ces boutons noirs affectent non seulement l'apparence de la peau, mais peuvent également réduire la confiance en soi d'une personne.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Application\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_2.webp?v=1745672690\"\/\u003e\u003c\/div\u003e\n\u003ch3\u003eUn produit se débarrassera du problème en une semaine\u003c\/h3\u003e\n\u003cp\u003eAvec \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003eVous pouvez vous débarrasser des points noirs et obtenir une peau nette en une semaine. Ce produit contient 4 % de \u003cstrong\u003eSalicylate de bétaïne\u003c\/strong\u003eC'est un acide bêta-hydroxy qui est doux et efficace pour nettoyer les pores.\u003c\/p\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Results\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_3.webp?v=1745672733\"\/\u003e\u003c\/div\u003e\n\u003ch3\u003e10 minutes par semaine... des résultats qui durent des mois\u003c\/h3\u003e\n\u003cp\u003eAprès une semaine d'utilisation régulière, vous remarquerez une amélioration de la texture de votre peau, car elle deviendra plus lisse et plus éclatante. De plus, le produit aide à réduire les boutons et à améliorer l'élasticité de la peau.\u003c\/p\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-steps\"\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003ePremier jour\u003c\/div\u003e\n\u003cp\u003eLe début du nettoyage en profondeur des pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eLe troisième jour\u003c\/div\u003e\n\u003cp\u003eRéduction de la taille des pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eJour cinq\u003c\/div\u003e\n\u003cp\u003ePeau plus lisse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eLe septième jour\u003c\/div\u003e\n\u003cp\u003eLa disparition des points noirs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Image --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Clinical Results\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_results_800x800_d9917e8f-4e16-4f05-81b6-a52c688fbabf.jpg?v=1745672794\"\/\u003e\n\u003ch3\u003eRésultats incroyables en une semaine\u003c\/h3\u003e\n\u003cp\u003eLes résultats cliniques montrent une amélioration notable de l'apparence de la peau après utilisation régulière du produit pendant seulement une semaine!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3\u003eSpécialiste du nettoyage et de la minimisation des pores\u003c\/h3\u003e\n\u003cp\u003eConçu \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e Conçu spécialement pour nettoyer en profondeur les pores et réduire leur taille, vous offrant une peau plus claire et plus jeune. Il se distingue par sa composition qui contient \u003cstrong\u003eExtrait d'écorce de saule\u003c\/strong\u003e Et\u003cstrong\u003eSalicylate de bétaïne\u003c\/strong\u003eCela aide à réduire l'inflammation et à améliorer la santé générale de la peau.\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eNettoyage en profondeur des pores\u003c\/h4\u003e\n\u003cp\u003eIl pénètre profondément dans les pores pour éliminer les impuretés et les huiles accumulées qui causent les points noirs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eRégénération des cellules de la peau\u003c\/h4\u003e\n\u003cp\u003eIl aide à accélérer le processus de renouvellement des cellules de la peau pour une peau plus éclatante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eMinimiser les pores\u003c\/h4\u003e\n\u003cp\u003eIl réduit considérablement la taille des gros pores avec une utilisation régulière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_a57cb5f3-40b7-4f06-a9a5-61842ceed862.jpg?v=1745672964\"\/\u003e\u003c\/div\u003e\n\u003ch3\u003eMieux que les autres exfoliants BHA\u003c\/h3\u003e\n\u003cp\u003eCe produit se distingue des autres gommages BHA par sa formule unique qui allie efficacité et douceur pour la peau. De plus, il ne contient ni parfum ni alcool, ce qui le rend idéal pour tous les types de peau, même les plus sensibles..\u003c\/p\u003e\n\u003ch3\u003ePourquoi ce produit offre-t-il un bon rapport qualité-prix?\u003c\/h3\u003e\n\u003cdiv class=\"value-points\"\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eGrande taille de paquet (100 ml))\u003c\/strong\u003e\n\u003cp\u003eSuffisant pour plusieurs mois d'utilisation régulière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eEfficacité de longue durée\u003c\/strong\u003e\n\u003cp\u003eUne application suffit pour obtenir des résultats qui durent toute une semaine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eIngrédients actifs hautement concentrés\u003c\/strong\u003e\n\u003cp\u003eContient une haute concentration d'acide salicylique (BHA) pour éliminer les points noirs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eComposants supplémentaires précieux\u003c\/strong\u003e\n\u003cp\u003eComme l'eau d'écorce de saule pour nettoyer les pores et renouveler les cellules de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003ePas besoin d'utilisation quotidienne\u003c\/strong\u003e\n\u003cp\u003eIl peut être utilisé moins souvent avec des résultats durables, ce qui augmente sa valeur par rapport au prix\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003ch3\u003eIngrédients principaux et leur fonctionnement:\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eSalicylate de Bétaïne 4%\u003c\/h4\u003e\n\u003cp\u003eUne alternative plus douce à l'acide salicylique, il exfolie la peau et dissout le sébum dans les pores, aidant à réduire les points noirs et à améliorer la texture de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eExtrait d'écorce de saule (Extrait d'écorce de Salix Alba)\u003c\/h4\u003e\n\u003cp\u003eIl est considéré comme une source naturelle de bétain salicylate, qui contribue à réduire l'inflammation et à améliorer la santé générale de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eButylène Glycol\u003c\/h4\u003e\n\u003cp\u003eIl agit comme un émollient, aidant à maintenir l'hydratation de la peau et améliorant l'absorption des autres ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eÉthylhexanediol\u003c\/h4\u003e\n\u003cp\u003eUtilisé comme solvant, il aide à améliorer la consistance du produit et à faciliter sa répartition sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eCOSRX BHA Blackhead Power Liquid\u003c\/h3\u003e\n\u003cp\u003eLa solution idéale pour se débarrasser des points noirs et obtenir une peau claire, sans impuretés.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCommencez maintenant et dites adieu aux points noirs pour toujours!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eAchetez maintenant\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999392387246,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosrx_BHA_Blackhead_Power_Liquid_5_591e4306-fa92-4003-96db-676f98dec3ac.webp?v=1788175384"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-starter-kit","title":"SOME BY MI AHA-BHA-PHA 30 Days Miracle Starter Kit","description":"\u003cdiv class=\"some-by-mi-section\"\u003e\n\u003cstyle\u003e\n        .some-by-mi-section * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .some-by-mi-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        .kit-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .kit-title {\n            font-size: 1.8rem;\n            color: #9C8102;\n            margin-bottom: 20px;\n            font-weight: 700;\n        }\n        \n        .kit-subtitle {\n            font-size: 1.2rem;\n            color: #666;\n            line-height: 1.6;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .kit-text {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: #444;\n            margin-bottom: 20px;\n        }\n        \n        .kit-image {\n            width: 100%;\n            border-radius: 10px;\n            margin: 30px 0;\n            display: block;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n        }\n        \n        .kit-section {\n            margin-bottom: 60px;\n            overflow: hidden;\n        }\n        \n        .kit-section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 25px;\n            text-align: left;\n        }\n        \n        .kit-subsection-title {\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #9C8102;\n            margin: 30px 0 15px;\n        }\n        \n        .kit-content {\n            padding: 0 10px;\n        }\n        \n        .products-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin: 30px 0;\n        }\n        \n        .product-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 25px;\n            box-shadow: 0 3px 10px 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        .product-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .product-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        .product-card:hover::after {\n            opacity: 1;\n            transform: rotate(30deg) translate(100%, -100%);\n        }\n        \n        .product-title {\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 15px;\n            font-size: 1.1rem;\n        }\n        \n        .kit-list {\n            list-style-type: disc;\n            padding-left: 20px;\n            margin: 20px 0;\n        }\n        \n        .kit-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n        }\n        \n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin: 30px 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            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .benefit-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .benefit-title {\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .value-section {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 30px;\n            margin-top: 40px;\n            border-right: 4px solid #9C8102;\n        }\n        \n        .highlight {\n            font-weight: 700;\n            color: #9C8102;\n        }\n        \n        .kit-components {\n            margin: 20px 0;\n        }\n        \n        .numbered-list {\n            list-style-type: decimal;\n            padding-left: 25px;\n            margin: 20px 0;\n        }\n        \n        .numbered-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n            padding-left: 5px;\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        .stagger-item {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        \n        .stagger-item.visible {\n            opacity: 1;\n            transform: translateY(0);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n        }\n        \n        @media (max-width: 768px) {\n            .products-grid, \n            .benefits-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .kit-title {\n                font-size: 1.5rem;\n            }\n            \n            .kit-section-title {\n                font-size: 1.3rem;\n            }\n            \n            .value-section {\n                padding: 20px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"kit-header fade-in\"\u003e\n\u003ch2 class=\"kit-title\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/h2\u003e\n\u003cimg alt=\"SOME BY MI Starter Kit\" class=\"kit-image scale-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4f7f191837ad09424f833d5c29505f88.jpg?v=1745075290\"\/\u003e\n\u003cp class=\"kit-subtitle\"\u003egroupe \u003cspan class=\"highlight\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/span\u003e Il propose une routine complète en quatre étapes conçue spécialement pour les peaux sujettes à l'acné et aux troubles pigmentaires. Elle se compose d'un savon nettoyant, d'un tonique, d'un sérum et d'une crème, tous contenant un mélange de trois acides (AHA, BHA, PHA) et d'ingrédients apaisants tels que l'arbre à thé et la centella, pour exfolier les cellules mortes, nettoyer les pores, apaiser l'inflammation et hydrater profondément la peau sans enlever ses huiles naturelles. La combinaison de ces quatre étapes assure un traitement complet de la pigmentation, réduit l'inflammation et améliore la texture de la peau en seulement 30 jours..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eÀ propos du groupe\u003c\/h2\u003e\n\u003cdiv class=\"kit-content fade-in\"\u003e\n\u003cp class=\"kit-text\"\u003eLe lot contient quatre produits de taille voyage:\u003c\/p\u003e\n\u003cul class=\"kit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eSavon nettoyant AHA‑BHA‑PHA 30 Days Miracle (25 g))\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTonique AHA‑BHA‑PHA 30 Days Miracle (30 ml))\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSérum AHA‑BHA‑PHA 30 Days Miracle (10 ml))\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eCrème AHA‑BHA‑PHA 30 Days Miracle (20 g))\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eFonctions de chaque produit de la gamme\u003c\/h2\u003e\n\u003cdiv class=\"products-grid\"\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eBarre nettoyante\u003c\/h3\u003e\n\u003cimg alt=\"Cleansing Bar\" class=\"kit-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.webp?v=1745075149\"\/\u003e\n\u003cp class=\"kit-text\"\u003eCombine trois acides (AHA pour éliminer les cellules mortes, BHA pour nettoyer les pores, PHA pour maintenir l'hydratation) ; il contient de l'eau d'arbre à thé et la formule Heartleaf pour tuer les bactéries et apaiser les rougeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eTonique Miracle\u003c\/h3\u003e\n\u003cimg alt=\"Miracle Toner\" class=\"kit-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.png?v=1745075847\"\/\u003e\n\u003cp class=\"kit-text\"\u003eTonique légèrement acide (pH 5,5) contenant un mélange de trois acides et 10 000 ppm d'eau d'arbre à thé pour purifier les pores, apaiser et hydrater la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eSérum miracle\u003c\/h3\u003e\n\u003cimg alt=\"Miracle Serum\" class=\"kit-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.png?v=1745076405\"\/\u003e\n\u003cp class=\"kit-text\"\u003eLa concentration augmente à 14,5 % de Centella Asiatica et à 10 000 ppm d'eau d'arbre à thé pour apaiser l'inflammation et prévenir les éruptions, avec une exfoliation douce qui stimule le renouvellement cellulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eCrème miracle\u003c\/h3\u003e\n\u003cimg alt=\"Miracle Cream\" class=\"kit-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.png?v=1745076683\"\/\u003e\n\u003cp class=\"kit-text\"\u003eUne crème légère qui mélange les trois acides avec de l'arbre à thé et de la centella pour hydrater profondément, renforcer la barrière cutanée et apaiser les rougeurs causées par l'acné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eComment les composants fonctionnent ensemble\u003c\/h2\u003e\n\u003cimg alt=\"SOME BY MI Complete Kit\" class=\"kit-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA30-Days-Miracle-Starter-Kit-1pack_7.webp?v=1745076738\"\/\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eGommage sélectif\u003c\/h3\u003e\n\u003cp\u003eLes trois acides dissolvent les liaisons entre les cellules mortes et nettoient les pores sans priver la peau de ses huiles naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eAnti-inflammatoires\u003c\/h3\u003e\n\u003cp\u003eL'eau d'arbre à thé et l'extrait de Centella asiatica inhibent la croissance bactérienne et réduisent les rougeurs et les irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHydratation et protection\u003c\/h3\u003e\n\u003cp\u003eAcides (PHA), Acide Hyaluronique (dans le Sérum\/Crème) et Centella améliorent la rétention d'eau dans la peau et renforcent sa barrière protectrice.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eBienfaits de les combiner\u003c\/h2\u003e\n\u003cimg alt=\"SOME BY MI Benefits\" class=\"kit-image fade-in\" 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.webp?v=1745076788\"\/\u003e\n\u003col class=\"numbered-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eRoutine complète\u003c\/strong\u003eÉtape : Nettoyage - exfoliation - traitement - hydratation. Chaque étape a un rôle spécifique qui garantit des résultats séquentiels précis.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eRésultats accélérés\u003c\/strong\u003e: Une peau plus claire et plus pure apparaît en 30 jours avec une utilisation quotidienne régulière.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eTraitement complet\u003c\/strong\u003e: Il ne se contente pas d'éliminer les boutons, mais répare également la texture et donne un éclat sain et renouvelé.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eLeur effet sur la peau\u003c\/h2\u003e\n\u003cul class=\"kit-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eUnifier le teint\u003c\/strong\u003e Réduction de la pigmentation et des taches brunes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eRéduction de la taille des pores\u003c\/strong\u003e Réduire la sécrétion d'huiles en excès.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eCalmer l'inflammation\u003c\/strong\u003e Résultant de l'acné et des irritations.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eFavorise une sensation de douceur et de souplesse\u003c\/strong\u003e Pour une peau plus jeune et éclatante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eValeur exceptionnelle pour le prix\u003c\/h2\u003e\n\u003cdiv class=\"value-section slide-in-right\"\u003e\n\u003cul class=\"kit-list\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eFormat voyage économique\u003c\/strong\u003e Il permet une expérience complète de quatre produits à un prix raisonnable par rapport à l'achat de chaque produit individuellement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eQuatre semaines complètes\u003c\/strong\u003e De petites doses suffisent pour un usage quotidien, matin et soir, pendant toute la période de trente jours.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eIngrédients actifs rares et clés\u003c\/strong\u003e Les fortes concentrations (Eau d'arbre à thé 10 000 ppm, Centella 14,5 %, Niacinamide 2 % dans le tonique) combinées en un seul ensemble vous offrent une valeur exceptionnelle que vous ne pouvez pas trouver dans un seul sérum.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003chr style=\"margin: 40px 0; border: none; height: 1px; background-color: #eee;\"\/\u003e\n\u003cp class=\"kit-text fade-in\"\u003eChoisir \u003cstrong\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/strong\u003e Pour une expérience capable de reconstruire votre peau depuis les racines, obtenant de vrais résultats et profitant d'une valeur inégalée dans le monde des soins de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\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            \/\/ Staggered animation for product cards\n            const staggerItems = document.querySelectorAll('.stagger-item');\n            \n            const staggerObserver = new IntersectionObserver((entries) =\u003e {\n                entries.forEach((entry, index) =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, index * 150); \/\/ 150ms delay between each item\n                        staggerObserver.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            staggerItems.forEach(el =\u003e {\n                staggerObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999395500206,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_BY_MI_AHA-BHA-PHA_30_Days_Miracle_Starter_Kit.jpg?v=1788175366"},{"product_id":"some-by-mi-aha-bha-pha-14-days-super-miracle-spot-all-kill-cream","title":"SOME BY MI Aha.Bha.Pha 14 Days Super Miracle Spot All Kill Cream 30ml","description":"\u003cstyle\u003e\n  .somebymi-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 6s 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: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    margin-bottom: 30px;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1s 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.5em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 15px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.2s forwards;\n  }\n\n  .subtitle {\n    font-size: 1.4em;\n    color: #666;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.4s forwards;\n  }\n\n  .hero-description {\n    font-size: 1.2em;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.6s forwards;\n  }\n\n  .main-benefits-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .benefit-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(50px);\n    transition: all 0.3s 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: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .benefit-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .benefit-number {\n    display: inline-block;\n    width: 30px;\n    height: 30px;\n    background: #9C8102;\n    color: white;\n    border-radius: 50%;\n    text-align: center;\n    line-height: 30px;\n    font-weight: 700;\n    margin-bottom: 15px;\n    font-size: 0.9em;\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.2em;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .benefit-description {\n    color: #666;\n    font-size: 0.95em;\n    line-height: 1.6;\n  }\n\n  .ingredient-highlight {\n    background: #f8f9fa;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    color: #9C8102;\n  }\n\n  .truecica-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .truecica-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .truecica-image {\n    max-width: 100%;\n    border-radius: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n  }\n\n  .truecica-info {\n    background: white;\n    padding: 40px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .truecica-info::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  .ingredient-list {\n    list-style: none;\n    padding: 0;\n    margin: 20px 0;\n  }\n\n  .ingredient-list li {\n    padding: 10px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-left: 25px;\n  }\n\n  .ingredient-list li::before {\n    content: '🌿';\n    position: absolute;\n    right: 0;\n    top: 10px;\n  }\n\n  .triple-acid-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .acid-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .acid-card {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 30px;\n    border-radius: 15px;\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  .acid-card:hover {\n    border-color: #9C8102;\n    transform: translateY(-5px);\n  }\n\n  .acid-icon {\n    font-size: 3em;\n    margin-bottom: 20px;\n    display: block;\n  }\n\n  .acid-title {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 15px;\n  }\n\n  .timeline-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n    padding-left: 40px;\n  }\n\n  .timeline-container::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 20px;\n    height: 100%;\n    width: 4px;\n    background: linear-gradient(to bottom, #9C8102, #d4af37);\n    border-radius: 2px;\n  }\n\n  .timeline-item {\n    position: relative;\n    margin-bottom: 40px;\n    padding-left: 60px;\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: translateX(50px);\n    transition: all 0.3s ease;\n  }\n\n  .timeline-item::before {\n    content: '';\n    position: absolute;\n    right: -42px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #9C8102;\n    border: 4px solid white;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.2);\n    z-index: 1;\n  }\n\n  .timeline-item:hover {\n    transform: translateX(0);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .timeline-day {\n    color: #9C8102;\n    font-weight: 700;\n    font-size: 1.1em;\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: 15px;\n  }\n\n  .texture-highlights {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .texture-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  }\n\n  .texture-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  .texture-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .texture-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .investment-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .investment-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .investment-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(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .investment-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  .investment-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .investment-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n    text-align: center;\n  }\n\n  .investment-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n    text-align: center;\n  }\n\n  .cta-section {\n    background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n    color: white;\n    padding: 60px 30px;\n    text-align: center;\n  }\n\n  .cta-button {\n    background: #9C8102;\n    color: white;\n    padding: 15px 40px;\n    border: none;\n    border-radius: 50px;\n    font-size: 1.2em;\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 20px rgba(156, 129, 2, 0.5); }\n    100% { box-shadow: 0 0 30px rgba(156, 129, 2, 0.8), 0 0 40px 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.2em;\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.3em;\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: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n    animation: expandLine 1s ease-out forwards;\n  }\n\n  @keyframes expandLine {\n    0% { width: 0; }\n    100% { width: 80px; }\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: 2px;\n    background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    margin: 40px 0;\n    opacity: 0;\n    animation: fadeIn 1s forwards;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2em; }\n    .section-title { font-size: 1.8em; }\n    .benefits-grid, .acid-grid, .texture-highlights, .investment-grid {\n      grid-template-columns: 1fr;\n    }\n    .truecica-content {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"somebymi-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"SOME BY MI Spot All Kill Cream\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml.webp?v=1745858282\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eLe miracle de 14 jours : élimination complète des taches\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eSOME BY MI Aha·Bha·Pha 14 Days Super Miracle Spot All Kill Cream\u003c\/h2\u003e\n\u003cp class=\"hero-description\"\u003e\u003cstrong\u003eCe n'est pas une crème ordinaire, c'est le miracle le plus puissant conçu par SOME BY MI pour dire adieu aux taches et à l'acné en moins de deux semaines.\u003c\/strong\u003e\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\"\u003ePrincipales utilisations\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e1\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eÉlimine les boutons et les acnés\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eContient \u003cspan class=\"ingredient-highlight\"\u003eNiacinamide et Acide Salicylique (500 ppm))\u003c\/span\u003e Pour éliminer les bactéries qui causent les boutons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e2\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003e Rougeurs et irritations cutanées apaisantes pour les peaux sensibles\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003ePropulsé par \u003cspan class=\"ingredient-highlight\"\u003eExtrait de Centella asiatica (250 000 ppm), panthénol et allantoin\u003c\/span\u003e Pour apaiser les irritations et les rougeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e3\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eGommage pour boutons et pores \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCela fonctionne \u003cspan class=\"ingredient-highlight\"\u003eAcide salicylique (500 ppm) et acide lactobionique (300 ppm)\u003c\/span\u003e Exfolie doucement la peau, ce qui réduit les cicatrices, les effets des boutons et la pigmentation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e4\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eTraitement avancé pour les pigments les plus difficiles\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eLa niacinamide et les acides hydroxy\u003c\/span\u003e Éclaircit efficacement les taches foncées et unifie le teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e5\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003e Hydratation profonde et intense\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eContient \u003cspan class=\"ingredient-highlight\"\u003eGlycérine, acide hyaluronique et hyaluronate de sodium\u003c\/span\u003e Pour une hydratation profonde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e6\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtection antioxydante\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eRenforcé avec \u003cspan class=\"ingredient-highlight\"\u003eExtrait de Centella asiatica, madécassoside et asiaticoside\u003c\/span\u003e Protéger la peau des dommages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e7\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eRégénération cellulaire et anti-âge\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eNiacinamide et adénosine\u003c\/span\u003e Ils stimulent la régénération des cellules de la peau et réduisent les signes du vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e8\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eNettoyage en profondeur naturel\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eEau de feuille d'arbre à thé (500 000 ppm))\u003c\/span\u003e Il nettoie et purifie profondément la peau naturellement.\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!-- Truecica Section --\u003e\n\u003cdiv class=\"truecica-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eQu'est-ce que Truecica™ ? Le secret pour un soulagement super apaisant\u003c\/h2\u003e\n\u003cdiv class=\"truecica-content\"\u003e\n\u003cimg alt=\"SOME BY MI Spot All Kill Cream Texture\" class=\"truecica-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml_c850d135-1092-47ee-8828-7df3d8a06e64.webp?v=1745858375\"\/\u003e\n\u003cdiv class=\"truecica-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 15px;\"\u003eUne formule exclusive qui apaise et renforce la barrière cutanée\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eTruecica™ n'est pas seulement un ingrédient, c'est une combinaison de:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eExtrait pur de Centella asiatica asiatique\u003c\/li\u003e\n\u003cli\u003eConcentré de madécassoside\u003c\/li\u003e\n\u003cli\u003eExtrait d'arbre à thé\u003c\/li\u003e\n\u003cli\u003eExtrait de laitue de cheval (Armoise)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"background: #f8f9fa; padding: 15px; border-radius: 10px; margin-top: 20px;\"\u003eCette combinaison apaise l'inflammation et renforce la barrière cutanée dès la première utilisation, réduisant les rougeurs et protégeant votre peau contre les irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Triple Acid Section --\u003e\n\u003cdiv class=\"triple-acid-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003ePeeling à triple action : AHA BHA PHA\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eBonne chance pour essayer de voir les pores de votre peau après avoir utilisé la crème\u003c\/h3\u003e\n\u003cdiv class=\"acid-grid\"\u003e\n\u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n\u003cspan class=\"acid-icon\"\u003e🧪\u003c\/span\u003e\n\u003ch3 class=\"acid-title\"\u003eAHA\u003c\/h3\u003e\n\u003cp\u003eIl exfolie doucement la couche superficielle et réduit les rides fines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n\u003cspan class=\"acid-icon\"\u003e⚗️\u003c\/span\u003e\n\u003ch3 class=\"acid-title\"\u003eBHA\u003c\/h3\u003e\n\u003cp\u003eIl pénètre profondément dans les pores, élimine les huiles et empêche l'accumulation de saleté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n\u003cspan class=\"acid-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"acid-title\"\u003ePHA\u003c\/h3\u003e\n\u003cp\u003eExfolie en douceur, hydrate et revitalise la peau avec un éclat sain. Ensemble, ils vous offrent une exfoliation intelligente continue qui laisse votre peau propre et votre estomac nourri.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eChronologie des résultats visibles : Nouvelle peau en 14 jours\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003e– Changement de temps étape par étape –\u003c\/h3\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eJour 1:\u003c\/div\u003e\n\u003cp\u003eApaise instantanément la zone, réduit les rougeurs et procure une sensation de confort sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eJour 3:\u003c\/div\u003e\n\u003cp\u003eVous remarquez un léger élargissement des bords de la tache et la disparition de certains gonflements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eFin de la première semaine:\u003c\/div\u003e\n\u003cp\u003eLa différence reste claire, le teint commence à s'unifier et les taches brunes diminuent de manière significative.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eJour 10:\u003c\/div\u003e\n\u003cp\u003ePréparez-vous à dire adieu à la plupart des marques de imperfections ; la peau sera claire et plus proche d'une couleur naturelle et uniforme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eJour quatorze:\u003c\/div\u003e\n\u003cp\u003eLe miracle a triomphé ; Vos taches disparaissent presque et votre peau retrouve complètement sa fraîcheur et sa vitalité.\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: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eTexture gel translucide légère\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3em; color: #666; margin-bottom: 30px;\"\u003eAbsorption instantanée sans aucun effet gras\u003c\/h3\u003e\n\u003cdiv class=\"texture-highlights\"\u003e\n\u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"texture-title\"\u003eGel transparent\u003c\/h3\u003e\n\u003cp\u003eTexture légère qui glisse sur la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"texture-title\"\u003eAbsorption immédiate\u003c\/h3\u003e\n\u003cp\u003eDisparaît instantanément sans effet collant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"texture-title\"\u003eSans laisser de trace\u003c\/h3\u003e\n\u003cp\u003ePas de couche blanche ou grasse\u003c\/p\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\u003ch2 class=\"section-title animate-on-scroll\"\u003eUn des meilleurs investissements pour la santé de votre peau\u003c\/h2\u003e\n\u003cdiv class=\"investment-grid\"\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eMiracle rapide\u003c\/h3\u003e\n\u003cp\u003eDites adieu aux taches en seulement 14 jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eConvient aux peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSoumis à 20 tests sans adhérence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e🚫\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eSans 20 substances nocives\u003c\/h3\u003e\n\u003cp\u003ePas de parabènes, pas de parfums artificiels, et pas de couleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eCombinaison parfaite\u003c\/h3\u003e\n\u003cp\u003eTruecica™ + Panthénol + AHA·BHA·PHA = efficacité et confort maximums.\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\u003ch2 class=\"animate-on-scroll\"\u003eUn vrai miracle en seulement 14 jours\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003eCommencez le miracle du changement dès aujourd'hui avec \u003cstrong style=\"color: white;\"\u003eSOME BY MI 14 Days Super Miracle Spot All Kill Cream\u003c\/strong\u003e Et laissez votre peau se rapprocher de la perfection en seulement 14 jours!\u003c\/p\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eAchetez maintenant\u003c\/button\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 * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n    benefitsObserver.observe(section);\n  });\n\n  \/\/ Animate acid cards\n  const acidObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.acid-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('.triple-acid-section').forEach(section =\u003e {\n    acidObserver.observe(section);\n  });\n\n  \/\/ Animate timeline items\n  const timelineObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateX(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n    timelineObserver.observe(item);\n  });\n\n  \/\/ Animate texture cards\n  const textureObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.texture-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('.texture-section').forEach(section =\u003e {\n    textureObserver.observe(section);\n  });\n\n  \/\/ Animate investment cards\n  const investmentObserver = 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('.investment-card').forEach(card =\u003e {\n    investmentObserver.observe(card);\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":"some by mi","offers":[{"title":"Default Title","offer_id":46999396876462,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitled_design_-_2025-04-28T201324.540.jpg?v=1788175359"},{"product_id":"beauty-of-joseon-ground-rice-honey-glow-mask","title":"Masque Magic Glow Beauty of Joseon avec riz moulu et miel : Purifiant, exfoliant et super éclaircissant.","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  .joseon-mask-container {\n    line-height: 1.6;\n    color: #333;\n    background: #ffffff;\n    overflow: hidden;\n    direction: ltr;\n    text-align: left;\n  }\n  \n  .hero-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 3rem 1.5rem;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-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 50% 60%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n    animation: heroGlow 6s ease-in-out infinite alternate;\n  }\n  \n  .hero-title {\n    font-size: 2.4rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    color: #9C8102;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: slideInFade 1s ease-out 0.2s forwards;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.2rem;\n    margin-bottom: 2rem;\n    color: white;\n    font-weight: 400;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.4s forwards;\n    max-width: 800px;\n    margin-left: auto;\n    margin-left: auto;\n    line-height: 1.7;\n  }\n  \n  .video-section {\n    padding: 2rem 1.5rem;\n    text-align: center;\n    background: #fafafa;\n  }\n  \n  .product-video {\n    max-width: 600px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n    opacity: 0;\n    transform: scale(0.95);\n    animation: videoZoom 1.2s ease-out 0.5s forwards;\n    transition: all 0.4s ease;\n  }\n  \n  .product-video:hover {\n    transform: scale(1.02);\n    box-shadow: 0 30px 70px rgba(156, 129, 2, 0.3);\n  }\n  \n  .section {\n    padding: 3rem 1.5rem;\n    margin: 1rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2.5rem;\n    position: relative;\n    opacity: 0;\n    animation: titleSlide 0.8s ease-out 0.2s forwards;\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, #9C8102, #b8941a);\n    border-radius: 2px;\n    animation: lineExpand 0.8s ease-out 0.8s forwards;\n    transform: translateX(-50%) scaleX(0);\n  }\n  \n  .heritage-section {\n    background: white;\n    padding: 3rem 1.5rem;\n  }\n  \n  .heritage-layout {\n    display: grid;\n    grid-template-columns: 1fr 350px;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n  }\n  \n  .heritage-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .heritage-text {\n    font-size: 1rem;\n    line-height: 1.7;\n    color: #555;\n    margin-bottom: 2rem;\n  }\n  \n  .heritage-subtitle {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem 0;\n  }\n  \n  .heritage-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .heritage-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-left: 1.5rem;\n    color: #555;\n    transition: all 0.3s ease;\n  }\n  \n  .heritage-list li:hover {\n    color: #9C8102;\n    padding-left: 2rem;\n  }\n  \n  .heritage-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 8px;\n    height: 8px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .heritage-list li:hover::before {\n    transform: translateY(-50%) scale(1.3);\n  }\n  \n  .heritage-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInLeft 1s ease-out 0.4s forwards;\n  }\n  \n  .heritage-image:hover {\n    transform: scale(1.03) rotate(1deg);\n  }\n  \n  .benefits-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .benefits-layout {\n    display: grid;\n    grid-template-columns: 350px 1fr;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n  }\n  \n  .benefits-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .benefit-item {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateX(30px);\n    animation: slideInRight 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-item:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-item:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-item:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .benefit-item::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.6s ease;\n  }\n  \n  .benefit-item:hover::before {\n    left: 100%;\n  }\n  \n  .benefit-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .benefit-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .benefit-list li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-left: 1.5rem;\n    color: #555;\n    transition: all 0.3s ease;\n  }\n  \n  .benefit-list li:hover {\n    color: #9C8102;\n    padding-left: 2rem;\n  }\n  \n  .benefit-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .benefit-list li:hover::before {\n    transform: translateY(-50%) scale(1.4);\n  }\n  \n  .benefits-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInRight 1s ease-out 0.4s forwards;\n  }\n  \n  .benefits-image:hover {\n    transform: scale(1.03) rotate(-1deg);\n  }\n  \n  .ingredients-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 3rem 1.5rem;\n    position: relative;\n  }\n  \n  .ingredients-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: ingredientsGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .ingredients-layout {\n    display: grid;\n    grid-template-columns: 1fr 320px;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .ingredients-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .ingredient-card {\n    background: rgba(255,255,255,0.08);\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    transition: all 0.4s ease;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: cardRise 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n  .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n  .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .ingredient-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #b8941a);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .ingredient-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .ingredient-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n    border-color: rgba(156, 129, 2, 0.3);\n  }\n  \n  .ingredient-title {\n    font-size: 1.4rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .ingredient-subtitle {\n    font-size: 1rem;\n    color: #ccc;\n    margin-bottom: 1.5rem;\n    font-weight: 500;\n  }\n  \n  .composition-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .composition-list li {\n    padding: 0.6rem 0;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n    position: relative;\n    padding-left: 1.5rem;\n    color: #e0e0e0;\n    transition: all 0.3s ease;\n    font-size: 0.95rem;\n  }\n  \n  .composition-list li:hover {\n    color: #9C8102;\n    padding-left: 2rem;\n  }\n  \n  .composition-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .composition-list li:hover::before {\n    transform: translateY(-50%) scale(1.5);\n    box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n  }\n  \n  .ingredients-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInLeft 1s ease-out 0.4s forwards;\n  }\n  \n  .ingredients-image:hover {\n    transform: scale(1.03) rotate(1deg);\n  }\n  \n  .comparison-section {\n    background: white;\n    padding: 3rem 1.5rem;\n  }\n  \n  .comparison-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 2rem 0;\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    opacity: 0;\n    animation: tableSlide 0.8s ease-out 0.3s forwards;\n  }\n  \n  .comparison-table th {\n    background: linear-gradient(135deg, #9C8102, #b8941a);\n    color: white;\n    padding: 1rem;\n    font-weight: 600;\n    text-align: center;\n  }\n  \n  .comparison-table td {\n    padding: 1rem;\n    border-bottom: 1px solid #eee;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  \n  .comparison-table tr:hover td {\n    background: #f8f9fa;\n    color: #9C8102;\n  }\n  \n  .comparison-table td:first-child {\n    background: #f8f9fa;\n    font-weight: 500;\n    color: #666;\n  }\n  \n  .comparison-table td:last-child {\n    background: rgba(156, 129, 2, 0.05);\n    font-weight: 600;\n    color: #9C8102;\n  }\n  \n  .timeline-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .timeline-images {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2rem;\n    margin: 2rem 0;\n  }\n  \n  .timeline-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: imageFloat 1s ease-out forwards;\n  }\n  \n  .timeline-image:nth-child(1) { animation-delay: 0.2s; }\n  .timeline-image:nth-child(2) { animation-delay: 0.4s; }\n  \n  .timeline-image:hover {\n    transform: scale(1.03);\n  }\n  \n  .timeline-item {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateX(-30px);\n    animation: slideInRight 0.8s ease-out forwards;\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  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n  }\n  \n  .timeline-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .timeline-description {\n    color: #666;\n    line-height: 1.6;\n    margin-bottom: 1rem;\n  }\n  \n  .timeline-stats {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .timeline-stats li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-left: 1.5rem;\n    color: #555;\n    font-size: 0.95rem;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-stats li:hover {\n    color: #9C8102;\n    padding-left: 2rem;\n  }\n  \n  .timeline-stats li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-stats li:hover::before {\n    transform: translateY(-50%) scale(1.4);\n  }\n  \n  .usage-section {\n    background: white;\n    padding: 3rem 1.5rem;\n    border: 2px solid #9C8102;\n    margin: 2rem 1.5rem;\n    border-radius: 15px;\n  }\n  \n  .usage-steps {\n    margin-top: 2rem;\n  }\n  \n  .usage-step {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 2rem;\n    margin: 1.5rem 0;\n    border-right: 4px solid #9C8102;\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: stepRise 0.6s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .usage-step:nth-child(1) { animation-delay: 0.1s; }\n  .usage-step:nth-child(2) { animation-delay: 0.2s; }\n  .usage-step:nth-child(3) { animation-delay: 0.3s; }\n  .usage-step:nth-child(4) { animation-delay: 0.4s; }\n  \n  .usage-step::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.1), transparent);\n    transition: left 0.6s ease;\n  }\n  \n  .usage-step:hover::before {\n    left: 100%;\n  }\n  \n  .usage-step:hover {\n    transform: translateY(-3px);\n    background: white;\n    box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n  }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 35px;\n    height: 35px;\n    background: linear-gradient(135deg, #9C8102, #b8941a);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1rem;\n    transition: transform 0.3s ease;\n  }\n  \n  .usage-step:hover .step-number {\n    transform: scale(1.2) rotate(10deg);\n  }\n  \n  .step-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 0.8rem;\n  }\n  \n  .step-content {\n    color: #555;\n    line-height: 1.6;\n  }\n  \n  .advanced-usage {\n    background: rgba(156, 129, 2, 0.05);\n    border-radius: 12px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border: 1px solid rgba(156, 129, 2, 0.2);\n  }\n  \n  .advanced-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .cta-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 1.5rem;\n    text-align: center;\n    position: relative;\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: radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 800px;\n    margin: 0 auto 2rem;\n    line-height: 1.7;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.2s forwards;\n  }\n  \n  .cta-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    margin: 2rem auto;\n    display: block;\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: imageZoom 1s ease-out 0.4s forwards;\n  }\n  \n  .cta-image:hover {\n    transform: scale(1.05);\n  }\n  \n  .cta-highlight {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem auto;\n    max-width: 700px;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.6s forwards;\n  }\n  \n  .ingredients-list-section {\n    background: white;\n    padding: 2rem 1.5rem;\n    border-top: 1px solid #eee;\n  }\n  \n  .ingredients-list-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    text-align: center;\n  }\n  \n  .ingredients-list {\n    text-align: center;\n    font-size: 0.85rem;\n    color: #666;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n  \n  @keyframes slideInFade {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes videoZoom {\n    0% { opacity: 0; transform: scale(0.95); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \n  @keyframes imageZoom {\n    0% { opacity: 0; transform: scale(0.9); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \n  @keyframes titleSlide {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes lineExpand {\n    0% { transform: translateX(-50%) scaleX(0); }\n    100% { transform: translateX(-50%) scaleX(1); }\n  }\n  \n  @keyframes slideInRight {\n    0% { opacity: 0; transform: translateX(30px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes slideInLeft {\n    0% { opacity: 0; transform: translateX(-30px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes cardRise {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes tableSlide {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes imageFloat {\n    0% { opacity: 0; transform: translateY(20px) scale(0.95); }\n    100% { opacity: 1; transform: translateY(0) scale(1); }\n  }\n  \n  @keyframes stepRise {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes heroGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.2; }\n  }\n  \n  @keyframes ingredientsGlow {\n    0% { opacity: 0.05; }\n    100% { opacity: 0.15; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.2; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 1.8rem;\n    }\n    \n    .heritage-layout,\n    .benefits-layout,\n    .ingredients-layout {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .heritage-image,\n    .benefits-image,\n    .ingredients-image {\n      order: -1;\n      max-width: 300px;\n      margin: 0 auto;\n    }\n    \n    .timeline-images {\n      grid-template-columns: 1fr;\n    }\n    \n    .comparison-table {\n      font-size: 0.9rem;\n    }\n    \n    .comparison-table th,\n    .comparison-table td {\n      padding: 0.8rem;\n    }\n    \n    .usage-section {\n      margin: 2rem 0.5rem;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-mask-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eMasque Beauty of Joseon avec riz et miel\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003ePatrimoine coréen authentique combiné à la science moderne pour une peau remarquable\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cvideo autoplay=\"\" class=\"product-video\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bc11445f95824d6eb6950c6ea63d2d23.mp4\" type=\"video\/mp4\"\/\u003e\n      Votre navigateur ne prend pas en charge la lecture vidéo\n    \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c!-- Heritage Section --\u003e\n\u003cdiv class=\"heritage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eL'histoire de la dynastie Joseon et de la beauté coréenne\u003c\/h2\u003e\n\u003cdiv class=\"heritage-layout\"\u003e\n\u003cdiv class=\"heritage-content\"\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Il y a plus de 500 ans, les femmes de la dynastie Joseon en Corée ont découvert que... \u003cstrong\u003eMélangez du riz moulu avec du miel naturel\u003c\/strong\u003e Ce n'est pas juste une recette, c'est de la vraie science. Ils ne faisaient pas cela pour la mode, non, c'était le résultat de siècles d'expérimentation et de travail.\n        \u003c\/p\u003e\n\u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli : Le trésor caché\u003c\/h3\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Ce vin coréen n'est pas juste une boisson, c'est \u003cstrong\u003eProcessus de fermentation complexe\u003c\/strong\u003e Produit des besoins très rares:\n        \u003c\/p\u003e\n\u003cul class=\"heritage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide kojique naturel\u003c\/strong\u003e En concentrations élevées qui ne se trouvent nulle part ailleurs\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de fermentation\u003c\/strong\u003e Celui qui lutte contre le vieillissement\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcides aminés rares\u003c\/strong\u003e D'une longue fermentation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxydants naturels\u003c\/strong\u003e Vous ne le trouverez pas dans les produits ordinaires\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Beauty of Joseon ne concerne pas seulement le patrimoine, non \u003cstrong\u003eTechnologie d'extraction à froid extrême développée\u003c\/strong\u003e Pour maintenir tous ces matériaux actifs.\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Korean Heritage\" class=\"heritage-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_6.webp?v=1752515865\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLes avantages que vous ressentirez réellement\u003c\/h2\u003e\n\u003cdiv class=\"benefits-layout\"\u003e\n\u003cimg alt=\"Benefits\" class=\"benefits-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_4.webp?v=1752515868\"\/\u003e\n\u003cdiv class=\"benefits-content\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e1. Éclaircissement qui ne brûle pas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eContrairement aux éclaircissants chimiques qui brûlent la peau, ce masque éclaircit \u003cstrong\u003eConfortablement et en toute sécurité\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide kojique provenant du Makgeolli\u003c\/strong\u003e Il arrête la production de couleur foncée sans causer de dommages\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnzymes du miel naturel\u003c\/strong\u003e Il décompose la pigmentation existante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxydants\u003c\/strong\u003e Prévient la formation de nouvelles taches\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRégénération cellulaire\u003c\/strong\u003e Parce que les nouvelles couches ont meilleure apparence\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e2. Gommage intelligent\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCe peeling n'est pas aléatoire, il est \u003cstrong\u003eSystème intelligent\u003c\/strong\u003e Il agit sur 3 niveaux:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePremier niveau\u003c\/strong\u003e: La poudre de riz élimine les cellules mortes de la surface\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDeuxième niveau\u003c\/strong\u003eLes enzymes du miel dissolvent la saleté incrustée\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTroisième niveau\u003c\/strong\u003e: Les acides de fermentation sont adoucis de l'intérieur\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e3. Hydratation qui dure\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLe miel dans ce masque n'est pas seulement un hydratant \u003cstrong\u003eSystème d'humidification intelligent\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIl attire l'humidité\u003c\/strong\u003e De l'air à votre peau\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIl retient l'eau\u003c\/strong\u003e Dans les couches profondes de la peau\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIl régule les huiles\u003c\/strong\u003e Sans obstruer les pores\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIl crée une barrière protectrice\u003c\/strong\u003e De préférence pendant des heures\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4. Combattre les boutons intelligemment\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUne combinaison unique de substances qui combattent les bactéries et apaisent la peau:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropriétés antimicrobiennes du miel\u003c\/strong\u003e Il combat les bactéries des grains\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgile kaolin\u003c\/strong\u003e Elle absorbe l'excès de sébum, mais pas tout\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de fermentation\u003c\/strong\u003e Il maintient l'équilibre des bactéries bénéfiques\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet de refroidissement naturel\u003c\/strong\u003e Il soulage l'inflammation et les rougeurs tout le temps\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!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eVous ne trouverez ces ingrédients nulle part ailleurs\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-layout\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eExtrait de lies de Makgeolli\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eLa science derrière l'histoire\u003c\/p\u003e\n\u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n            Le processus de fermentation coréen prend \u003cstrong\u003e21-30 jours dans des circonstances spéciales\u003c\/strong\u003eLe résultat est des résidus qui incluent:\n          \u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eComposition chimique complexe:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: L'éclaircissant naturel le plus puissant disponible\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: Anti-âge naturel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003ePour une exfoliation en douceur\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCéramides naturels (1,2%)\u003c\/strong\u003e: Pour renforcer la barrière cutanée\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcides aminés rares (18 types))\u003c\/strong\u003e: Pour une nutrition profonde\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePoudre de balle de riz\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003ePas d'exfoliation\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003ePropriétés calculées avec précision:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTaille des particules : 50-100 microns\u003c\/strong\u003e - Parfaitement adapté pour un gommage doux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eForme ronde régulière\u003c\/strong\u003e Pour qu'elle ne se raye pas ou ne s'irrite pas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorption naturelle des huiles\u003c\/strong\u003e Nettoie sans dessécher\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003epH équilibré (5,5-6,0))\u003c\/strong\u003e Comme l'acidité naturelle de la peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eCe qui est à l'intérieur est utile:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine E naturelle (15mg\/100g))\u003c\/strong\u003e: Un puissant antioxydant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcides gras essentiels (8 types))\u003c\/strong\u003e: Il nourrit et restaure\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinéraux rares \u003c\/strong\u003e: stimule le renouvellement\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eMiel naturel 5 %\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003ePlus qu'un dessert\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eEnzymes actives:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: Il produit un désinfectant naturel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: Il protège contre les radicaux libres\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: En améliorant l'absorption des nutriments\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eMatériaux antibactériens:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003ePouvoir antibactérien scientifiquement prouvé\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003eFlavonoïde : anti-inflammatoire\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: Un antibiotique naturel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Ingredients\" class=\"ingredients-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.webp?v=1752515868\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComparaison honnête : Pourquoi c'est mieux que ce qui est sur le marché?\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003ePar rapport aux masques en argile ordinaires\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMasques ordinaires\u003c\/th\u003e\n\u003cth\u003eMasque Beauty of Joseon\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eArgile mélangée, pas pure\u003c\/td\u003e\n\u003ctd\u003eArgile kaolin 99,2 % pure\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIl assèche sévèrement la peau\u003c\/td\u003e\n\u003ctd\u003eHydratation équilibrée avec du miel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNettoyage par le dessus\u003c\/td\u003e\n\u003ctd\u003eNettoyage en profondeur + nourrissant\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSeulement 3-5 ingrédients\u003c\/td\u003e\n\u003ctd\u003eFormule complexe 25+ ingrédients\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eEn échange de masques aux peelings chimiques\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003ePeeling chimique\u003c\/th\u003e\n\u003cth\u003eMasque au riz et au miel\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eLes acides industriels brûlent\u003c\/td\u003e\n\u003ctd\u003eAcides naturels doux\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIrritation et sensibilité\u003c\/td\u003e\n\u003ctd\u003eApaisant et anti-inflammatoire\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRésultats rapides, mais temporaires\u003c\/td\u003e\n\u003ctd\u003eAmélioration progressive est préférée\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eJ'ai besoin d'une période de récupération\u003c\/td\u003e\n\u003ctd\u003eSans danger pour une utilisation normale\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003ePar rapport aux masques hydratants ordinaires\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHydratants réguliers\u003c\/th\u003e\n\u003cth\u003eMasque miel et riz\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eHydratation temporaire 2-4 heures\u003c\/td\u003e\n\u003ctd\u003eHydratation qui dure 12 à 24 heures\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSilicones et matériaux synthétiques\u003c\/td\u003e\n\u003ctd\u003eHydratants naturels actifs\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUn seul effet\u003c\/td\u003e\n\u003ctd\u003e6 effets en même temps\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIl s'accumule sur la peau\u003c\/td\u003e\n\u003ctd\u003eAbsorption complète sans résidu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLe voyage depuis la première utilisation jusqu'à ce que votre peau change complètement\u003c\/h2\u003e\n\u003cdiv class=\"timeline-images\"\u003e\n\u003cimg alt=\"Before Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_7.webp?v=1752515866\"\/\u003e\n\u003cimg alt=\"After Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.jpg?v=1752515867\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eLes deux premières heures : ce que vous ressentirez immédiatement\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eQue se passe-t-il sur votre peau dans les 2 à 4 premières heures:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAugmentation de l'hydratation de 65 %\u003c\/strong\u003e \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur améliorée de 40 %\u003c\/strong\u003e \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRougeur réduite de 25 %\u003c\/strong\u003e \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAugmentation de l'éclat de 15%\u003c\/strong\u003e \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\n\u003cstrong\u003eCe qui se passe à l'intérieur:\u003c\/strong\u003e Le miel fonctionne \u003cstrong\u003eUne fine couche d'hydratation naturelle\u003c\/strong\u003e Sur la peau, l'extrait de Makgeolli stimule \u003cstrong\u003eProduction de collagène\u003c\/strong\u003e Depuis les premières heures.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eLa première semaine : Le renouvellement commence)\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eChangements qui se produisent:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAccélérez la régénération cellulaire de 30%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 % d'amélioration de la résistance de la couche externe\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePerte d'eau de la peau réduite de 35 %\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLe début de la formation de nouveau collagène\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCe que vous verrez:\u003c\/strong\u003e La peau est plus douce au toucher, il y a une diminution notable de la rugosité au toucher, l'éclat naturel augmente chaque jour et les petits pores commencent à s'améliorer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eLe premier mois : une transformation claire\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eGrandes améliorations:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAugmenter l'épaisseur de la peau de 8 %\u003c\/strong\u003e \u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAméliore l'élasticité de la peau de 25 %\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eRéduit la profondeur des ridules de 15%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 % d'amélioration de la répartition de la couleur\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCe que vous verrez de vos propres yeux:\u003c\/strong\u003e Les taches sombres s'éclaircissent petit à petit, les pores semblent plus petits et moins visibles, la texture reste plus douce et plus uniforme, et l'éclat demeure visible pour les personnes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTrois mois : transformation complète\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eRésultats finaux:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAugmenter le collagène de 40 %\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBarrière cutanée améliorée de 45 %\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e35 % de pigmentation en moins\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eRéduire la taille des pores de 20 %\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eLa transformation que vous verrez:\u003c\/strong\u003e Une peau plus éclatante et plus radieuse que jamais, une amélioration radicale de l'uniformité de la couleur et de la texture, une apparence plus jeune et en meilleure santé, et une plus grande confiance en son apparence naturelle sans maquillage.\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\"\u003eUtilisez un masque comme un professionnel\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eLa bonne manière d'utiliser\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\u003ch4 class=\"step-title\"\u003eLa préparation est importante\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eNettoyez bien votre peau et laissez-la sécher complètement\u003c\/li\u003e\n\u003cli\u003eSkin Dans \u003c\/li\u003e\n\u003cli\u003eNe jamais utiliser de tonique avant le masque\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eApplication professionnelle\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eUtilisation Mask \u003c\/li\u003e\n\u003cli\u003eAppliquez une couche moyenne (2-3 mm) avec des mouvements vers le haut\u003c\/li\u003e\n\u003cli\u003eLaisser 5 mm autour des yeux et des lèvres\u003c\/li\u003e\n\u003cli\u003eAssurez-vous que la distribution est uniforme, surtout sur le nez et le menton\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eTemps d'attente exact\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e15 minutes pour peau sensible\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e18 minutes pour une peau normale\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 minutes pour peau grasse\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eRinçage intelligent\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eStart \u003c\/li\u003e\n\u003cli\u003eMassez avec de délicats mouvements circulaires pendant 30 secondes\u003c\/li\u003e\n\u003cli\u003eEnfin, rincer à l'eau froide pour fermer les pores\u003c\/li\u003e\n\u003cli\u003eSéchez en tapotant doucement, ne frottez pas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"advanced-usage\"\u003e\n\u003ch3 class=\"advanced-title\"\u003eMéthode avancée : uniforme professionnel\u003c\/h3\u003e\n\u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003ePour obtenir des résultats exceptionnels:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePréparation intensive:\u003c\/strong\u003e Utilisez une vapeur douce pendant 2-3 minutes pour ouvrir les pores\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplication en couches:\u003c\/strong\u003e La première couche est très fine, elle absorbera pendant 5 minutes, puis la deuxième couche est d'épaisseur moyenne\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMotivation en attendant:\u003c\/strong\u003e Massez doucement les zones tendues et utilisez des techniques de respiration profonde\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCe n'est pas simplement acheter un produit... c'est un investissement dans l'avenir de votre peau\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cimg alt=\"Beauty of Joseon Mask\" class=\"cta-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_2.webp?v=1752515866\"\/\u003e\n\u003cp class=\"cta-text\"\u003e\n      Dans un monde plein de promesses vides et de produits marketing ordinaires, ce masque Beauty of Joseon est un véritable investissement dans la santé et la beauté de votre peau. \u003cstrong\u003eChaque livre que vous payez ici vous fera économiser des dizaines de livres demain\u003c\/strong\u003e De traitements et procédures pour réparer ce qui s'est détérioré.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eLa question n'est pas « Dois-je l'acheter ou pas ? » La question : « Combien ma peau me coûtera-t-elle si je ne m'en occupe pas maintenant ? »?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n     Commandez-le maintenant\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eListe complète des ingrédients\u003c\/h3\u003e\n\u003cp class=\"ingredients-list\"\u003e\n\u003cstrong\u003eWater, Kaolin, Honey, Glycerin, Propanediol, Dipropylene Glycol, Oryza Sativa (Rice) Hull Powder, Isononyl Isononanoate, 1,2-Hexanediol, Cetyl Alcohol, Caprylic\/Capric Triglyceride, Polyglyceryl-3 Methylglucose Distearate, Glyceryl Stearate, Butylene Glycol, Oryza Sativa (Rice) Bran, Oryza Sativa (Rice) Lees Extract, Oryza Sativa (Rice) Extract, Honey Extract, Bentonite, Palmitic Acid, Stearic Acid, Behenyl Alcohol, Cellulose, Zea Mays (Corn) Starch, Xanthan Gum, Hydroxyacetophenone, Potassium Cetyl Phosphate, Ethylhexylglycerin, Polyacrylate-13, Hydrogenated Polyisobutene, Sodium Phytate, Polyglyceryl-10 Laurate, Ethylhexyl Palmitate, Sorbitan Isostearate, Menthyl Lactate\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-style: italic; color: #666; margin-top: 1rem;\"\u003e\n      Beauty of Joseon Masque au riz et au miel - patrimoine coréen authentique combiné avec la science moderne pour une véritable transformation de la beauté de votre peau\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for all interactive elements\n  const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item, .usage-step');\n  \n  interactiveElements.forEach(element =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n    });\n  });\n\n  \/\/ Smooth parallax effect for background elements\n  let ticking = false;\n  \n  function updateParallax() {\n    const scrolled = window.pageYOffset;\n    const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n    \n    \/\/ Smooth background movement\n    backgrounds.forEach((bg, index) =\u003e {\n      const speed = 0.02 + (index * 0.01);\n      const yPos = -(scrolled * speed);\n      if (bg.style) {\n        bg.style.transform = `translateY(${yPos}px)`;\n      }\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateParallax);\n      ticking = true;\n    }\n  }\n  \n  \/\/ Optimized scroll listener\n  let scrollTimeout;\n  window.addEventListener('scroll', function() {\n    if (scrollTimeout) {\n      clearTimeout(scrollTimeout);\n    }\n    scrollTimeout = setTimeout(requestTick, 10);\n  }, { passive: true });\n\n  \/\/ Enhanced ingredient card interactions\n  const ingredientCards = document.querySelectorAll('.ingredient-card');\n  ingredientCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(255,255,255,0.2)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n      \n      const listItems = this.querySelectorAll('.composition-list li');\n      listItems.forEach((item, i) =\u003e {\n        setTimeout(() =\u003e {\n          item.style.color = '#f0f0f0';\n          item.style.paddingRight = '2rem';\n        }, i * 50);\n      });\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(255,255,255,0.08)';\n      this.style.borderColor = 'rgba(255,255,255,0.1)';\n      \n      const listItems = this.querySelectorAll('.composition-list li');\n      listItems.forEach(item =\u003e {\n        item.style.color = '#e0e0e0';\n        item.style.paddingRight = '1.5rem';\n      });\n    });\n  });\n\n  \/\/ Usage steps with enhanced interactions\n  const usageSteps = document.querySelectorAll('.usage-step');\n  usageSteps.forEach((step, index) =\u003e {\n    step.addEventListener('mouseenter', function() {\n      const stepNumber = this.querySelector('.step-number');\n      if (stepNumber) {\n        stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n        stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n      }\n    });\n    \n    step.addEventListener('mouseleave', function() {\n      const stepNumber = this.querySelector('.step-number');\n      if (stepNumber) {\n        stepNumber.style.transform = 'scale(1) rotate(0deg)';\n        stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n      }\n    });\n  });\n\n  \/\/ Dynamic text glow effects\n  const titles = document.querySelectorAll('.hero-title, .section-title');\n  titles.forEach(title =\u003e {\n    title.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    title.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n\n  \/\/ Heritage and benefit list interactions\n  const lists = document.querySelectorAll('.heritage-list, .benefit-list, .timeline-stats');\n  lists.forEach(list =\u003e {\n    const items = list.querySelectorAll('li');\n    items.forEach(item =\u003e {\n      item.addEventListener('mouseenter', function() {\n        this.style.backgroundColor = 'rgba(156, 129, 2, 0.05)';\n        this.style.borderRadius = '5px';\n      });\n      \n      item.addEventListener('mouseleave', function() {\n        this.style.backgroundColor = 'transparent';\n      });\n    });\n  });\n\n  \/\/ Timeline items enhanced interactions\n  const timelineItems = document.querySelectorAll('.timeline-item');\n  timelineItems.forEach(item =\u003e {\n    item.addEventListener('mouseenter', function() {\n      this.style.borderRightColor = '#b8941a';\n      this.style.borderRightWidth = '6px';\n    });\n    \n    item.addEventListener('mouseleave', function() {\n      this.style.borderRightColor = '#9C8102';\n      this.style.borderRightWidth = '4px';\n    });\n  });\n\n  \/\/ Comparison table row highlighting\n  const tableRows = document.querySelectorAll('.comparison-table tr');\n  tableRows.forEach(row =\u003e {\n    row.addEventListener('mouseenter', function() {\n      if (!this.querySelector('th')) {\n        this.style.background = 'rgba(156, 129, 2, 0.1)';\n      }\n    });\n    \n    row.addEventListener('mouseleave', function() {\n      if (!this.querySelector('th')) {\n        this.style.background = '';\n      }\n    });\n  });\n\n  \/\/ Video hover effects\n  const video = document.querySelector('.product-video');\n  if (video) {\n    video.addEventListener('mouseenter', function() {\n      this.style.filter = 'brightness(1.1)';\n    });\n    \n    video.addEventListener('mouseleave', function() {\n      this.style.filter = 'brightness(1)';\n    });\n  }\n\n  \/\/ Advanced usage section interaction\n  const advancedUsage = document.querySelector('.advanced-usage');\n  if (advancedUsage) {\n    advancedUsage.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(156, 129, 2, 0.08)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.01)';\n    });\n    \n    advancedUsage.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(156, 129, 2, 0.05)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.2)';\n      this.style.transform = 'scale(1)';\n    });\n  }\n\n  \/\/ Smooth image loading enhancement\n  const images = document.querySelectorAll('img');\n  images.forEach(img =\u003e {\n    img.addEventListener('load', function() {\n      this.style.opacity = '1';\n      this.style.transform = 'scale(1)';\n    });\n  });\n\n  \/\/ Performance optimization: debounced resize handler\n  let resizeTimeout;\n  window.addEventListener('resize', function() {\n    if (resizeTimeout) {\n      clearTimeout(resizeTimeout);\n    }\n    resizeTimeout = setTimeout(() =\u003e {\n      \/\/ Recalculate any size-dependent animations\n      const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item');\n      cards.forEach(card =\u003e {\n        card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n      });\n    }, 250);\n  });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999404019886,"sku":null,"price":30.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty_of_joseon_rice_honey_mask_5.webp?v=1788175325"},{"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\"\u003eKit défi peau parfaite - Some By Mi AHA\/BHA\/PHA 30Days Miracle Starter Kit\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"Kit défi peau parfaite 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\"\u003eDéfi de 30 jours - Osez-vous changer votre peau de manière permanente?\u003c\/h2\u003e\n\u003cdiv class=\"challenge-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eLa question difficile : Depuis combien d'années luttez-vous contre les mêmes problèmes de peau?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBoutons... gros pores... inflammation... taches foncées... chaque jour la même souffrance.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe problème n'est pas que vous ne preniez pas soin de votre peau... le problème est que chaque produit fonctionne seul sans coordination avec les autres.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e Ce n'est pas seulement un groupe de produits... c'est ça \u003cstrong\u003eSystème de traitement intégré\u003c\/strong\u003e Chaque produit a un designer qui complète l'autre pour un seul résultat: \u003cstrong\u003ePeau parfaite en 30 jours\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\"\u003ePourquoi 4 produits sont-ils meilleurs qu'un seul produit?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eParce que les problèmes de peau sont complexes... et les solutions doivent être complètes\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\"\u003eNettoyage en profondeur \u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePas un simple nettoyage... c'est un nettoyage intelligent qui prépare la peau au traitement\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\"\u003e \u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eIl rééquilibre la peau et la prépare pour une meilleure absorption du traitement\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\"\u003e \u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eConcentration plus élevée d'ingrédients actifs pour un traitement en profondeur\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\"\u003eProtection \u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eProtège les résultats et répare la peau pendant la nuit\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;\"\u003eLe résultat : un double effet que vous ne pouvez obtenir avec un seul produit\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\"\u003eDétails de chaque produit - équipe de travail intégrée\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=\"Lotion Some 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\"\u003eNettoyant Miracle (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;\"\u003eCe n'est pas juste nettoyer... c'est une préparation intelligente pour le traitement\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 bas\u003c\/strong\u003e Maintient la barrière naturelle de la peau\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\u003eNettoyage en profondeur\u003c\/strong\u003e Élimine les impuretés, la saleté et le maquillage\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\u003eExfoliation douce\u003c\/strong\u003e Prépare la peau pour une meilleure absorption\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 Apaise la peau et équilibre les sécrétions\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=\"Tonique Some 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\"\u003eToner équilibrant (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;\"\u003eLe pont entre le nettoyage et le traitement\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 Rééquilibre la peau après le nettoyage\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\u003eExtrait d'hamamélis\u003c\/strong\u003e Rétrécit les pores et raffermit la peau\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\u003ePapaye naturelle\u003c\/strong\u003e Dissout les graisses et apaise la peau\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\u003eExtrait de lotus\u003c\/strong\u003e Éclaircit la peau et unifie son teint\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\u003eGraines de soja\u003c\/strong\u003e Nourrit la peau et renforce son immunité\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=\"Sérum Some 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 Miracle (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;\"\u003eLe cœur battant du traitement\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 % d'extrait de Centella Asiatica\u003c\/strong\u003e Pour apaiser et réparer la peau\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 Régule les graisses et éclaircit les taches sombres\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\u003eHaute concentration d'acides\u003c\/strong\u003e Pour un traitement en profondeur\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\u003eActive le cycle de renouvellement cellulaire\u003c\/strong\u003e Il stimule la guérison de la peau\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=\"Crème Some 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\"\u003eCrème protectrice (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;\"\u003eLe dernier gardien des résultats\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 types d'extrait de CICA\u003c\/strong\u003e Pour réparation complète\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\u003eForme une barrière protectrice solide\u003c\/strong\u003e Contre les facteurs externes\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\u003eStimule la production de collagène\u003c\/strong\u003e Pour une peau plus forte et plus élastique\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\u003eHydratation profonde\u003c\/strong\u003e Dure toute la nuit\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\u003eLéger et rapidement absorbé\u003c\/strong\u003e Idéal pour tous les types de peau\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;\"\u003eTechnologie Triple AHA\/BHA\/PHA - une arme de destruction massive contre les boutons\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eChaque acide a une tâche spécifique pour éliminer vos problèmes de peau\u003c\/p\u003e\n\u003cdiv class=\"acid-grid\"\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eAHA (Acide Alpha Hydroxy) - exfoliant superficiel\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\u003eDissout les cellules mortes de la peau\u003c\/strong\u003e Qui obstrue les pores\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\u003eStimule la régénération cellulaire\u003c\/strong\u003e Pour une peau plus lisse\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\u003eÉclaircit les taches sombres\u003c\/strong\u003e Et des traces de grains anciens\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 (Acide Bêta-Hydroxy) - plongeur profond\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\u003ePénètre les pores\u003c\/strong\u003e Il dissout les graisses accumulées\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\u003eNettoie en profondeur\u003c\/strong\u003e Il empêche la formation de nouveaux boutons\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\u003eRétrécit les pores\u003c\/strong\u003e Il améliore la texture de la peau\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 (Acide Polyhydroxy) - le calmant intelligent\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\u003eExfoliation douce\u003c\/strong\u003e Convient aux peaux sensibles\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\u003eRetient l'humidité\u003c\/strong\u003e Pendant le peeling\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\u003eApaise l'inflammation\u003c\/strong\u003e Il réduit les rougeurs\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;\"\u003eRésultat : exfoliation complète sans irritation + traitement en profondeur des pores + hydratation équilibrée\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;\"\u003eExtrait d'arbre à thé 100ppm - Super désinfectant naturel\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 20px; font-weight: bold; opacity: 0.9;\"\u003ePourquoi l'arbre à thé en particulier ? Parce que c'est le médecin naturel pour la peau à problèmes\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\u003ePuissant antibactérien\u003c\/strong\u003e\u003cbr\/\u003eÉlimine la cause des boutons\n        \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eAnti-inflammatoire naturel\u003c\/strong\u003e\u003cbr\/\u003eApaise les rougeurs et les irritations\n        \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eRégule la sécrétion de graisses\u003c\/strong\u003e\u003cbr\/\u003eIl empêche la brillance excessive de la peau\n        \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eNettoie les pores\u003c\/strong\u003e\u003cbr\/\u003eDe l'intérieur et empêche le blocage\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 dans chaque produit = dose thérapeutique optimale Assez fort pour être efficace, assez doux pour être sûr\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\"\u003eParcours de défi - 30 jours vers une nouvelle peau\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\"\u003eLa première semaine : le premier choc\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\u003eNettoyage plus profond\u003c\/strong\u003e Jamais\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\u003eRéduction instantanée de la brillance\u003c\/strong\u003e Et sécrétions grasses\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\u003eCalmer l'inflammation\u003c\/strong\u003e existant et réduit les rougeurs\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\"\u003eLa deuxième semaine : le début de l'amélioration\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\u003eDiminution visible des nouveaux grains\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\u003eAmélioration de la texture de la peau\u003c\/strong\u003e Et sa douceur\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\u003eLe début de la disparition des points noirs\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\"\u003eSemaine 3 : La transformation évidente\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\u003eRéduction de la taille des pores\u003c\/strong\u003e Significativement\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\u003eLa plupart des boutons disparaissent\u003c\/strong\u003e existant\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\u003eAmélioration de la couleur de la peau\u003c\/strong\u003e Et son éclat\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\"\u003eSemaine quatre : Le miracle complet\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\u003ePeau claire sans boutons\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\u003ePores plus petits et propres\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\u003eCouleur uniforme et éclat naturel\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\u003eTexture douce et soyeuse\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;\"\u003eLe résultat final : une peau parfaite qui vaut chaque défi\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;\"\u003eValeur exceptionnelle pour le prix\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eUn véritable investissement dans la santé de la peau\u003c\/p\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eUne routine complète en un seul ensemble\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePlus besoin d'acheter des produits séparés ou de chercher la bonne combinaison\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat:\u003c\/strong\u003e Une routine scientifique bien pensée qui fonctionne comme une unité intégrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e30 jours d'utilisation quotidienne\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eIl couvre tous les besoins de votre peau pendant tout un mois\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eIngrédients provenant des meilleurs au monde\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUne formule de classe mondiale des meilleurs ingrédients pour les soins de la peau:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"margin-top: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTechnologie AHA\/BHA\/PHA:\u003c\/strong\u003e Les dernières découvertes de la science\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait d'arbre à thé pur:\u003c\/strong\u003e Les types les plus fins d'Australie\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCentre de Centella Asiatica:\u003c\/strong\u003e Or vert pour apaiser la peau\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamide de haute qualité:\u003c\/strong\u003e Vitamine B3 sous sa forme la plus pure\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e4-CICA Complex:\u003c\/strong\u003e Technologie exclusive de réparation de la barrière cutanée\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\"\u003eLa dure vérité\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eLes problèmes de peau ne se résolvent pas d'eux-mêmes\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n      Chaque jour de retard = de nouveaux boutons, des cicatrices plus profondes et des pores plus larges.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e Ce n'est pas seulement un groupe de produits... c'est ça \u003cstrong\u003eUn véritable défi pour changer votre peau de façon permanente\u003c\/strong\u003e.\n    \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n      Seulement 30 jours... cela fera une grande différence ou vous regretterez de ne pas avoir essayé\n    \u003c\/div\u003e\n\u003cp class=\"cta-text\" style=\"font-size: 1.3em; font-weight: bold;\"\u003e\n      Êtes-vous prêt pour le défi?\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCommandez le set maintenant... et commencez le parcours de 30 jours vers la peau de vos rêves.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"highlight-text\" style=\"font-size: 1.5em;\"\u003e\n      Rappel : une peau parfaite n'est pas un rêve... c'est une décision\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":46999411851438,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_by_MI_AHA_BHA_PHA_30_Days_Miracle_AC_SOS_Kit.jpg?v=1788175297"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-serum","title":"Some by mi Aha Bha Pha 30 Days Miracle Serum 50Ml","description":"\u003cbody\u003e\n\u003cmeta charset=\"utf-8\"\/\u003e\n\u003cstyle\u003e\n        .product-description {\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            padding: 0;\n        }\n\n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease;\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .hero-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 20px;\n            border-radius: 15px;\n            margin-bottom: 30px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_1.png?v=1754408557') no-repeat center;\n            background-size: contain;\n            opacity: 0.1;\n            z-index: 1;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .main-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n        }\n\n        .subtitle {\n            font-size: 1.4em;\n            font-weight: bold;\n            color: #333;\n            margin-bottom: 15px;\n        }\n\n        .hero-text {\n            font-size: 1.1em;\n            line-height: 1.7;\n            margin-bottom: 20px;\n        }\n\n        .product-image {\n            text-align: center;\n            margin: 30px 0;\n            transition: transform 0.3s ease;\n        }\n\n        .product-image:hover {\n            transform: scale(1.02);\n        }\n\n        .product-image img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 10px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        }\n\n        .benefits-section {\n            background: #000;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .benefits-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .benefit-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 25px;\n            padding: 15px;\n            background: rgba(255,255,255,0.05);\n            border-radius: 10px;\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\n        }\n\n        .benefit-item:hover {\n            background: rgba(255,255,255,0.1);\n            transform: translateX(-5px);\n        }\n\n        .benefit-icon {\n            margin-left: 15px;\n            color: #9C8102;\n            font-size: 1.2em;\n            min-width: 30px;\n        }\n\n        .benefit-content h3 {\n            font-size: 1.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 8px;\n        }\n\n        .benefit-content p {\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        .ingredients-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .ingredients-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .ingredient-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n            border-right: 5px solid #9C8102;\n        }\n\n        .ingredient-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .ingredient-name {\n            font-size: 1.3em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n        }\n\n        .ingredient-description {\n            line-height: 1.6;\n            color: #333;\n        }\n\n        .results-section {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .results-title {\n            font-size: 2em;\n            font-weight: bold;\n            margin-bottom: 30px;\n          color: #333;\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n\n        .stat-item {\n            background: rgba(255,255,255,0.1);\n            padding: 20px;\n            border-radius: 10px;\n            transition: all 0.3s ease;\n        }\n\n        .stat-item:hover {\n            background: rgba(255,255,255,0.2);\n            transform: scale(1.05);\n        }\n\n        .stat-number {\n            font-size: 2.5em;\n            font-weight: bold;\n            margin-bottom: 10px;\n        }\n\n        .timeline-section {\n            padding: 40px 20px;\n            margin: 30px 0;\n        }\n\n        .timeline-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .timeline::after {\n            content: '';\n            position: absolute;\n            width: 4px;\n            background-color: #9C8102;\n            top: 0;\n            bottom: 0;\n            right: 50%;\n            margin-left: -2px;\n        }\n\n        .timeline-item {\n            padding: 20px 40px;\n            position: relative;\n            background-color: inherit;\n            width: 50%;\n        }\n\n        .timeline-item::after {\n            content: '';\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            background-color: #9C8102;\n            border: 4px solid #fff;\n            top: 25px;\n            border-radius: 50%;\n            z-index: 1;\n        }\n\n        .timeline-item:nth-child(odd) {\n            right: 0;\n        }\n\n        .timeline-item:nth-child(odd)::after {\n            right: -10px;\n        }\n\n        .timeline-item:nth-child(even) {\n            right: 50%;\n        }\n\n        .timeline-item:nth-child(even)::after {\n            left: -10px;\n        }\n\n        .timeline-content {\n            padding: 20px;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .timeline-content:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .timeline-content h3 {\n            color: #9C8102;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .social-proof {\n            background: linear-gradient(135deg, #333 0%, #000 100%);\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .social-proof-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n        }\n\n        .proof-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n            margin-top: 30px;\n        }\n\n        .proof-item {\n            background: rgba(255,255,255,0.05);\n            padding: 25px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(156, 129, 2, 0.3);\n        }\n\n        .proof-item:hover {\n            background: rgba(255,255,255,0.1);\n            border-color: #9C8102;\n        }\n\n        .proof-icon {\n            font-size: 2.5em;\n            color: #9C8102;\n            margin-bottom: 15px;\n        }\n\n        .usage-guide {\n            background: #f8f9fa;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .usage-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .usage-steps {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n\n        .step-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .step-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n\n        .step-number {\n            width: 40px;\n            height: 40px;\n            background: #9C8102;\n            color: #fff;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            margin-bottom: 15px;\n            float: right;\n            margin-left: 15px;\n        }\n\n        .step-title {\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1em;\n        }\n\n        .final-cta {\n            background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n            color: #fff;\n            padding: 50px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n        }\n\n        .final-cta::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.15), transparent);\n            transform: rotate(45deg);\n            animation: shine 3s infinite;\n        }\n\n        @keyframes shine {\n            0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n            100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n        }\n\n        .cta-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            margin-bottom: 20px;\n            position: relative;\n            z-index: 2;\n          color : #000;\n        }\n\n        .cta-text {\n            font-size: 1.2em;\n            line-height: 1.6;\n            position: relative;\n            z-index: 2;\n        }\n\n        .ingredients-list {\n            background: #fff;\n            padding: 30px;\n            border-radius: 12px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\n        }\n\n        .ingredients-list-title {\n            font-size: 1.5em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n        }\n\n        .ingredients-text {\n            line-height: 1.8;\n            color: #333;\n            font-size: 0.95em;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .main-title { font-size: 1.8em; }\n            .timeline::after { right: 20px; }\n            .timeline-item { width: 100%; padding-left: 50px; }\n            .timeline-item:nth-child(even) { right: 0; }\n            .timeline-item::after { right: 10px; }\n            .stats-grid { grid-template-columns: 1fr 1fr; }\n            .proof-grid { grid-template-columns: 1fr; }\n            .usage-steps { grid-template-columns: 1fr; }\n        }\n\n        \/* Loading Animation *\/\n        .loading {\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\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        \/* Pulse Animation for Important Elements *\/\n        .pulse {\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n            100% { transform: scale(1); }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eLa science coréenne avancée se mêle à la sagesse de la nature\u003c\/h1\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"SOME BY MI Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_1.png?v=1754408557\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003ePas seulement un autre produit à essayer.\u003c\/strong\u003e Cela \u003cstrong\u003eUne véritable découverte scientifique\u003c\/strong\u003e Son travail est celui du scientifique le plus brillant en soins de la peau en Corée, et a prouvé son succès \u003cstrong\u003eDes millions d'utilisateurs\u003c\/strong\u003e Dans le monde entier.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eLe sérum SOME BY MI résout le problème à sa source\u003c\/strong\u003e Avec la nouvelle technologie Bi-Phase qui combine \u003cstrong\u003e3 acides spécialisés + centella asiatique naturelle + extrait concentré de thé vert.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eBénéfices scientifiques prouvés - des ingrédients qui garantissent des résultats\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Avantages du sérum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_3.png?v=1754408549\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"subtitle\" style=\"color: #9C8102; text-align: center; margin: 30px 0;\"\u003eTraitement... régénération... stimulation... prévention\u003c\/h3\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eExfoliation profonde des cellules mortes\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec des acides AHA étudiés scientifiquement)\u003c\/strong\u003e Il élimine les couches accumulées de cellules mortes et révèle une peau nouvelle, lisse et éclatante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eNettoyage en profondeur des pores obstrués\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec des acides BHA spécialisés)\u003c\/strong\u003e Il resserre les pores, élimine les graisses et la saleté accumulées, et empêche la formation de points noirs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eExfoliation douce pour peau sensible\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec des acides PHA sûrs)\u003c\/strong\u003e Exfolie très doucement tout en conservant l'humidité naturelle de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eCalmer l'inflammation et l'irritation\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella asiatique 14,5 %)\u003c\/strong\u003e Il calme toute inflammation résultant de l'exfoliation et accélère naturellement la guérison de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eCombattre les bactéries nocives\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec extrait de thé vert 10 000 ppm)\u003c\/strong\u003e Il élimine les bactéries qui causent les boutons et les infections\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eUnifier le teint et éclaircir les taches\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec Acides Spécialistes + Niacinamide)\u003c\/strong\u003e Il unifie le teint et éclaircit les taches sombres et l'hyperpigmentation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eRéduire la taille des pores visibles\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec formule BHA + PHA)\u003c\/strong\u003e Il nettoie les pores de l'intérieur et resserre les tissus autour d'eux, les faisant paraître plus petits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eStimuler la régénération du collagène\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella asiatique + acides)\u003c\/strong\u003e Il stimule la peau à produire du nouveau collagène pour une élasticité et une fermeté naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eHydratation équilibrée sans sensation de gras\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec la technologie exclusive Bi-Phase)\u003c\/strong\u003e Il hydrate la peau et maintient l'équilibre des huiles et de l'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eProtection contre les dommages environnementaux\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(avec antioxydants naturels)\u003c\/strong\u003e Il protège la peau de la pollution et des radicaux libres qui accélèrent le vieillissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eLisser la texture de la peau rugueuse\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(avec formule triple intégrée)\u003c\/strong\u003e Il laisse la peau douce comme de la soie et homogène en texture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eIllumination naturelle pour la peau terne\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec exfoliation douce + régénération cellulaire)\u003c\/strong\u003e Il restitue l'éclat naturel de la peau et la laisse rayonnante de santé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eRéduire l'apparence des fines rides\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Stimule la régénération cellulaire + le collagène)\u003c\/strong\u003e Il remplit les ridules et empêche l'apparition de nouvelles rides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eRégulation de la sécrétion de l'excès de graisse\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec niacinamide + thé vert)\u003c\/strong\u003e Il contrôle la sécrétion de graisses pour les peaux grasses et mixtes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eAccélérer la guérison des cicatrices d'acné\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella + Acides Régénérateurs)\u003c\/strong\u003e Il accélère la guérison des vieux boutons et prévient la formation de nouvelles cicatrices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Ingrédients naturels\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ingredients-title\"\u003eFormule scientifique triple : AHA + BHA + PHA\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 30px;\"\u003e\u003cstrong\u003eChaque acide a son rôle... et les trois ensemble font des miracles\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ AHA\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eFocus étudié scientifiquement\u003c\/strong\u003e Il agit à la surface de la peau, en éliminant les cellules mortes accumulées, révélant une nouvelle couche plus douce et plus lumineuse. Il améliore la texture de la peau et unifie progressivement et en toute sécurité sa couleur.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◆ BHA\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eForce spécialisée\u003c\/strong\u003e Ceux qui craignent la profondeur des pores obstrués et la dissolution des graisses et saletés accumulées. Idéal pour les peaux grasses et mixtes, il réduit la taille des pores visibles et prévient la formation de points noirs.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ PHA\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eToucher doux\u003c\/strong\u003e Il exfolie très doucement, convient même aux peaux sensibles. Il retient l'humidité pendant l'exfoliation et favorise le renouvellement cellulaire sans provoquer d'irritation.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Centella Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Centella asiatique\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ingredients-title\"\u003eCentella asiatique 14,5 % : Médicament herbal coréen authentique\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eLa plante sacrée dans les soins de la peau\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n                La centella asiatique n'est pas seulement un ingrédient naturel... \u003cstrong\u003eC'est une pharmacie entière dans une seule plante.\u003c\/strong\u003e Avec une concentration exceptionnelle de 14,5%, il agit sur:\n            \u003c\/p\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eApaisez les infections\u003c\/strong\u003e Et irritation résultant de l'épluchage\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAccélérer la guérison de la peau\u003c\/strong\u003e Et réparer les dommages existants\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRenforcer la barrière cutanée\u003c\/strong\u003e Naturel contre les facteurs externes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eStimuler la régénération du collagène\u003c\/strong\u003e Pour une peau plus élastique et jeune\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Green Tea Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eExtrait de thé vert 10 000 ppm : Pouvoir antioxydant\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Extrait de thé vert\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/green_tea_extract.jpg?v=1754409155\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eProtection et purification en un seul ingrédient\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n\u003cstrong\u003e10 000 ppm\u003c\/strong\u003e De l'extrait de thé vert pur - une véritable concentration thérapeutique qui fournit:\n            \u003c\/p\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eProtection supérieure\u003c\/strong\u003e Des radicaux libres et des dommages environnementaux\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePurification profonde\u003c\/strong\u003e Protéger les pores des bactéries et de la saleté\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRégulation de la sécrétion de graisses\u003c\/strong\u003e Pour peau grasse et mixte\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePropriétés antibactériennes\u003c\/strong\u003e Prévient l'apparition des infections\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Results Section --\u003e\n\u003cdiv class=\"results-section fade-in\"\u003e\n\u003ch2 class=\"results-title\"\u003ePreuve scientifique : résultats documentés de laboratoires internationaux\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 30px; color: #333;\"\u003eNombres réels issus de tests cliniques internationaux:\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e73%\u003c\/div\u003e\n\u003cdiv\u003eAméliorer la texture de la peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e67%\u003c\/div\u003e\n\u003cdiv\u003eRéduction de la taille des pores\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e84%\u003c\/div\u003e\n\u003cdiv\u003eÉquilibrer les huiles et l'humidité\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n\u003cdiv\u003eApaise les infections cutanées\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eCe ne sont pas juste des affirmations marketing... ce sont les résultats de laboratoires accrédités internationalement.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eLe voyage de 30 jours : transformation étudiée scientifiquement\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eLa première semaine - préparation et acclimatation\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLa peau s'adapte progressivement à la formule active\u003c\/li\u003e\n\u003cli\u003eLe début du nettoyage en profondeur des pores et de l'élimination des impuretés\u003c\/li\u003e\n\u003cli\u003eUne amélioration claire de la douceur et de la fraîcheur de la peau\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-content\"\u003e\n\u003ch3\u003eLa deuxième semaine - le début du renouvellement\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAccélère le processus de régénération cellulaire et élimine les couches mortes\u003c\/li\u003e\n\u003cli\u003eUne amélioration claire de la texture de la peau et de l'unification du teint\u003c\/li\u003e\n\u003cli\u003eRéduction progressive de la taille des pores visibles\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-content\"\u003e\n\u003ch3\u003eLa troisième semaine - la transformation évidente\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eRésultats visibles dans la fraîcheur et l'éclat de la peau\u003c\/li\u003e\n\u003cli\u003eÉquilibre parfait entre huiles et humidité\u003c\/li\u003e\n\u003cli\u003ePeau plus élastique et éclatante\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-content\"\u003e\n\u003ch3\u003eSemaine 4 - Le miracle est accompli\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eUne transformation complète de la qualité et de la texture de la peau\u003c\/li\u003e\n\u003cli\u003ePores plus petits et moins visibles\u003c\/li\u003e\n\u003cli\u003eLa peau saine rayonne d'une fraîcheur naturelle\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!-- Social Proof Section --\u003e\n\u003cdiv class=\"social-proof fade-in\"\u003e\n\u003ch2 class=\"social-proof-title\"\u003eUn produit de confiance utilisé par des millions de personnes dans le monde\u003c\/h2\u003e\n\u003cdiv class=\"proof-grid\"\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e★\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eDes millions d'unités vendues dans le monde\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDe la Corée à l'Europe et à l'Amérique, le sérum SOME BY MI est devenu le premier choix pour tous ceux qui recherchent un véritable rajeunissement de la peau.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e◆\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eIl a remporté plusieurs prix internationaux\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eRécompenses des magazines de beauté et de soins de la peau les plus importants, et reconnaissance par des experts en beauté du monde entier.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e▲\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eLe taux de satisfaction dépasse 92%\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eStatistiques réelles provenant de milliers d'avis vérifiés - un taux de satisfaction exceptionnel qui confirme l'efficacité du produit.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eBon rapport qualité-prix\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◆ Ingrédients de grande valeur\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e3 types d'acides hydroxy spécialisés + 14,5 % d'extrait de centella + forte concentration d'extrait de thé vert\u003c\/strong\u003e - Une composition comparable aux traitements les plus coûteux dans les cliniques spécialisées.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ GRAND FORMAT - PLUS DE VALEUR\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e50 ml de concentré ultra\u003c\/strong\u003e Assez pour plusieurs mois d'utilisation régulière. Taille généreuse assurant un traitement ininterrompu.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● Une petite quantité suffit\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e3 gouttes suffisent pour couvrir tout le visage\u003c\/strong\u003e - Une concentration élevée signifie une utilisation économique et une efficacité maximale.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e✓ Résultats garantis\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eCe n'est pas un produit pour l'expérimentation... ce sont des résultats garantis documentés par des millions d'utilisateurs\u003c\/strong\u003e Dans le monde entier. Un investissement sûr dans la beauté de votre peau.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Guide Section --\u003e\n\u003cdiv class=\"usage-guide fade-in\"\u003e\n\u003ch2 class=\"usage-title\"\u003eGuide d'utilisation scientifique précis\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Comment utiliser\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_2.png?v=1754408553\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003ePréparation correcte\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyez bien la peau\u003c\/strong\u003e Utilisez une lotion adaptée et laissez-la sécher complètement\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSecouez bien le flacon\u003c\/strong\u003e Pour s'assurer que les deux couches sont parfaitement mélangées\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCommencez progressivement\u003c\/strong\u003e - Utilisez le produit 2 à 3 fois par semaine au début\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eL'application parfaite\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMettre 3-4 gouttes\u003c\/strong\u003e Sur le bout des doigts\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAppliquez doucement\u003c\/strong\u003e Sur le visage, en évitant le contour des yeux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMassez en mouvements circulaires\u003c\/strong\u003e Pour une répartition homogène\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuivre avec une crème hydratante appropriée\u003c\/strong\u003e Pour une protection supplémentaire\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eTiming parfait\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMeilleur la nuit\u003c\/strong\u003e Après le nettoyage et avant la crème hydratante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCommencez 3 fois par semaine\u003c\/strong\u003e Ensuite, augmentez progressivement la répétition\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisez de la crème solaire\u003c\/strong\u003e Pendant la journée pour protéger la peau rajeunie\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Safety Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eAvertissements de sécurité\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\" style=\"border-right-color: #dc3545;\"\u003e\n\u003cdiv class=\"ingredient-name\" style=\"color: #dc3545;\"\u003e! Instructions importantes\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eÀ usage externe uniquement\u003c\/strong\u003e - Évitez le contact avec les yeux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTestez d'abord les allergies\u003c\/strong\u003e Sur une petite zone de la peau\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTenir à l'écart du soleil\u003c\/strong\u003e Direct\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" style=\"border-right-color: #28a745;\"\u003e\n\u003cdiv class=\"ingredient-name\" style=\"color: #28a745;\"\u003e✓ Conseils pour réussir\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoyez patient avec le résultat\u003c\/strong\u003e - La véritable régénération prend du temps\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaintenir la régularité\u003c\/strong\u003e En utilisation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisez de la crème solaire\u003c\/strong\u003e Toujours lorsqu'on est exposé au soleil\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=\"results-section fade-in\"\u003e\n\u003ch2 class=\"results-title\"\u003eInvestir dans la science avancée de la peau\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Un investissement dans la beauté\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_serun.jpg?v=1754409432\"\/\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eLe sérum SOME BY MI n'est pas seulement un produit de beauté... c'est une technologie avancée de soins de la peau coréenne.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eFormule clinique complexe, années de recherche et tests internationaux stricts\u003c\/strong\u003e - Tout cela en une seule formule qui réalise une véritable transformation de votre peau.\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n\u003cstrong\u003eInvestissez dans la science... et récoltez la beauté d'une peau parfaite.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list fade-in\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eListe complète des ingrédients:\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003e\n                Eau, extrait de Centella Asiatica, cétyl éthylhexanoate, triglycéride caprylique\/caprique, glycérine, huile de fruit d'Olea Europaea, propanediol, alcool, butylène glycol, 1,2-hexanediol, niacinamide, eau de feuille de Melaleuca Alternifolia, extrait de feuille de Camellia Sinensis, extrait de racine de Scutellaria Baicalensis, extrait de racine de Polygonum Cuspidatum, extrait de racine de Glycyrrhiza Glabra, extrait de fleur de Chamomilla Recutita, extrait de feuille de Rosmarinus Officinalis, lactate de sodium, PCA de sodium, acide citrique, acide lactique, acide malique, acide glycolique, acide pyruvique, acide tartrique, extrait de feuille de Gaultheria Procumbens, acide lactobionique, et d'autres ingrédients actifs spécialisés.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA Section --\u003e\n\u003cdiv class=\"final-cta fade-in pulse\"\u003e\n\u003ch2 class=\"cta-title\"\u003eC'est ça, assez d'expérimentations aléatoires... commencez le vrai traitement aujourd'hui\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSérum SOME BY MI - science coréenne avancée au service de votre beauté\u003c\/strong\u003e\u003cbr\/\u003e\n                Transformation réelle, résultats garantis, confiance de millions d'utilisateurs à travers le monde\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        \/\/ Intersection Observer for fade-in animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all fade-in elements\n        document.addEventListener('DOMContentLoaded', function() {\n            const fadeElements = document.querySelectorAll('.fade-in');\n            fadeElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n\n            \/\/ Add loading animation to all elements\n            const allElements = document.querySelectorAll('.product-description \u003e *');\n            allElements.forEach((el, index) =\u003e {\n                el.classList.add('loading');\n                el.style.animationDelay = `${index * 0.1}s`;\n            });\n\n            \/\/ Hover effects for benefit items\n            const benefitItems = document.querySelectorAll('.benefit-item');\n            benefitItems.forEach(item =\u003e {\n                item.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateX(-10px) scale(1.02)';\n                });\n                \n                item.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateX(-5px) scale(1)';\n                });\n            });\n\n            \/\/ Enhanced hover effects for cards\n            const cards = document.querySelectorAll('.ingredient-card, .step-card, .stat-item, .proof-item');\n            cards.forEach(card =\u003e {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transition = 'all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n            });\n\n            \/\/ Smooth scroll reveal for timeline\n            const timelineItems = document.querySelectorAll('.timeline-item');\n            const timelineObserver = new IntersectionObserver(function(entries) {\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            }, { threshold: 0.2 });\n\n            timelineItems.forEach(item =\u003e {\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(30px)';\n                item.style.transition = 'all 0.6s ease';\n                timelineObserver.observe(item);\n            });\n\n            \/\/ Counter animation for stats\n            const statNumbers = document.querySelectorAll('.stat-number');\n            const statsObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const target = parseInt(entry.target.textContent);\n                        let current = 0;\n                        const increment = target \/ 50;\n                        const timer = setInterval(() =\u003e {\n                            current += increment;\n                            if (current \u003e= target) {\n                                entry.target.textContent = target + '%';\n                                clearInterval(timer);\n                            } else {\n                                entry.target.textContent = Math.floor(current) + '%';\n                            }\n                        }, 30);\n                    }\n                });\n            }, { threshold: 0.5 });\n\n            statNumbers.forEach(stat =\u003e {\n                statsObserver.observe(stat);\n            });\n\n            \/\/ Parallax effect for hero section\n            window.addEventListener('scroll', function() {\n                const scrolled = window.pageYOffset;\n                const heroSection = document.querySelector('.hero-section');\n                if (heroSection) {\n                    const rate = scrolled * -0.5;\n                    heroSection.style.transform = `translateY(${rate}px)`;\n                }\n            });\n\n            \/\/ Enhanced product image hover effects\n            const productImages = document.querySelectorAll('.product-image img');\n            productImages.forEach(img =\u003e {\n                img.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.05) rotate(1deg)';\n                    this.style.transition = 'all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n                \n                img.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n\n        \/\/ Add subtle animations to step numbers\n        document.addEventListener('DOMContentLoaded', function() {\n            const stepNumbers = document.querySelectorAll('.step-number');\n            stepNumbers.forEach(step =\u003e {\n                step.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.2) rotate(360deg)';\n                    this.style.transition = 'all 0.5s ease';\n                });\n                \n                step.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/body\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999418044590,"sku":null,"price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_miracle_30_days_aha_bha_pha_tea_tree_centella_serum_2.jpg?v=1788175272"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-cream","title":"Some by Mi AHA.BHA.PHA 30 Days Miracle Cream 60grams","description":"\n\u003cstyle\u003e\n        .product-description {\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            padding: 0;\n        }\n\n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease;\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .hero-section {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 20px;\n            border-radius: 15px;\n            margin-bottom: 30px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_1.webp?v=1754413555') no-repeat center;\n            background-size: contain;\n            opacity: 0.1;\n            z-index: 1;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .main-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 20px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n        }\n\n        .subtitle {\n            font-size: 1.4em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 15px;\n        }\n\n        .hero-text {\n            font-size: 1.1em;\n            line-height: 1.7;\n            margin-bottom: 20px;\n            color: #fff;\n        }\n\n        .product-image {\n            text-align: center;\n            margin: 30px 0;\n            transition: transform 0.3s ease;\n        }\n\n        .product-image:hover {\n            transform: scale(1.02);\n        }\n\n        .product-image img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 10px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        }\n\n        .problem-section {\n            background: #000;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .problem-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .benefits-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .benefits-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .benefit-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 25px;\n            padding: 20px;\n            background: #fff;\n            border-radius: 10px;\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n        }\n\n        .benefit-item:hover {\n            transform: translateX(-5px) scale(1.02);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n\n        .benefit-icon {\n            margin-left: 15px;\n            color: #9C8102;\n            font-size: 1.2em;\n            min-width: 30px;\n        }\n\n        .benefit-content h3 {\n            font-size: 1.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 8px;\n        }\n\n        .benefit-content p {\n            line-height: 1.6;\n            margin: 0;\n            color: #333;\n        }\n\n        .ingredients-section {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .ingredients-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .ingredient-card {\n            background: rgba(255,255,255,0.1);\n            padding: 25px;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(255,255,255,0.2);\n        }\n\n        .ingredient-card:hover {\n            background: rgba(255,255,255,0.2);\n            transform: translateY(-3px);\n        }\n\n        .ingredient-name {\n            font-size: 1.3em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 10px;\n        }\n\n        .ingredient-description {\n            line-height: 1.6;\n            color: #fff;\n        }\n\n        .ingredient-description ul {\n            margin: 15px 0;\n            padding-left: 20px;\n        }\n\n        .ingredient-description li {\n            margin-bottom: 8px;\n        }\n\n        .results-section {\n            background: linear-gradient(135deg, #333 0%, #000 100%);\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .results-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n\n        .stat-item {\n            background: rgba(156, 129, 2, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(156, 129, 2, 0.3);\n        }\n\n        .stat-item:hover {\n            background: rgba(156, 129, 2, 0.2);\n            transform: scale(1.05);\n        }\n\n        .stat-number {\n            font-size: 2.5em;\n            font-weight: bold;\n            margin-bottom: 10px;\n            color: #9C8102;\n        }\n\n        .timeline-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 20px;\n            margin: 30px 0;\n            border-radius: 15px;\n        }\n\n        .timeline-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .timeline::after {\n            content: '';\n            position: absolute;\n            width: 4px;\n            background-color: #9C8102;\n            top: 0;\n            bottom: 0;\n            right: 50%;\n            margin-left: -2px;\n        }\n\n        .timeline-item {\n            padding: 20px 40px;\n            position: relative;\n            background-color: inherit;\n            width: 50%;\n        }\n\n        .timeline-item::after {\n            content: '';\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            background-color: #9C8102;\n            border: 4px solid #fff;\n            top: 25px;\n            border-radius: 50%;\n            z-index: 1;\n        }\n\n        .timeline-item:nth-child(odd) {\n            right: 0;\n        }\n\n        .timeline-item:nth-child(odd)::after {\n            right: -10px;\n        }\n\n        .timeline-item:nth-child(even) {\n            right: 50%;\n        }\n\n        .timeline-item:nth-child(even)::after {\n            left: -10px;\n        }\n\n        .timeline-content {\n            padding: 20px;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .timeline-content:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .timeline-content h3 {\n            color: #9C8102;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .social-proof {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .social-proof-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 30px;\n        }\n\n        .proof-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n            margin-top: 30px;\n        }\n\n        .proof-item {\n            background: rgba(255,255,255,0.1);\n            padding: 25px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(255,255,255,0.2);\n        }\n\n        .proof-item:hover {\n            background: rgba(255,255,255,0.2);\n            transform: translateY(-5px);\n        }\n\n        .proof-icon {\n            font-size: 2.5em;\n            color: #fff;\n            margin-bottom: 15px;\n        }\n\n        .proof-item h3 {\n            color: #fff;\n        }\n\n        .usage-guide {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .usage-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .usage-steps {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n\n        .step-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .step-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n\n        .step-number {\n            width: 40px;\n            height: 40px;\n            background: #9C8102;\n            color: #fff;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            margin-bottom: 15px;\n            float: right;\n            margin-left: 15px;\n        }\n\n        .step-title {\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1em;\n        }\n\n        .final-cta {\n            background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n            color: #fff;\n            padding: 50px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n        }\n\n        .final-cta::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.15), transparent);\n            transform: rotate(45deg);\n            animation: shine 3s infinite;\n        }\n\n        @keyframes shine {\n            0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n            100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n        }\n\n        .cta-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            margin-bottom: 20px;\n            position: relative;\n            z-index: 2;\n            color: #fff;\n        }\n\n        .cta-text {\n            font-size: 1.2em;\n            line-height: 1.6;\n            position: relative;\n            z-index: 2;\n            color: #fff;\n        }\n\n        .ingredients-list {\n            background: #fff;\n            padding: 30px;\n            border-radius: 12px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\n        }\n\n        .ingredients-list-title {\n            font-size: 1.5em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n        }\n\n        .ingredients-text {\n            line-height: 1.8;\n            color: #333;\n            font-size: 0.95em;\n        }\n\n        .value-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .value-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .value-item {\n            background: #fff;\n            padding: 20px;\n            border-radius: 10px;\n            margin-bottom: 20px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\n        }\n\n        .value-item:hover {\n            transform: translateX(-3px);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n        }\n\n        .value-item h3 {\n            color: #9C8102;\n            font-weight: bold;\n            margin-bottom: 10px;\n        }\n\n        .safety-section {\n            background: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\n        }\n\n        .safety-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .warning-card {\n            background: #fff3cd;\n            border: 1px solid #ffeaa7;\n            border-right: 4px solid #e17055;\n            padding: 20px;\n            border-radius: 10px;\n            margin-bottom: 20px;\n        }\n\n        .success-card {\n            background: #d4edda;\n            border: 1px solid #c3e6cb;\n            border-right: 4px solid #28a745;\n            padding: 20px;\n            border-radius: 10px;\n            margin-bottom: 20px;\n        }\n\n        .warning-card h3 {\n            color: #e17055;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .success-card h3 {\n            color: #28a745;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .main-title { font-size: 1.8em; }\n            .timeline::after { right: 20px; }\n            .timeline-item { width: 100%; padding-left: 50px; }\n            .timeline-item:nth-child(even) { right: 0; }\n            .timeline-item::after { right: 10px; }\n            .stats-grid { grid-template-columns: 1fr 1fr; }\n            .proof-grid { grid-template-columns: 1fr; }\n            .usage-steps { grid-template-columns: 1fr; }\n        }\n\n        \/* Loading Animation *\/\n        .loading {\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\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        \/* Pulse Animation for Important Elements *\/\n        .pulse {\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n            100% { transform: scale(1); }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eSome By Mi AHA BHA PHA Miracle Cream\u003c\/h1\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"SOME BY MI Miracle Cream\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_1.webp?v=1754413555\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"subtitle\"\u003eCrème miracle coréenne pour l'élimination ultime des boutons et des taches\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.2em; margin-bottom: 20px; color: #fff;\"\u003e\u003cstrong\u003eTraitement coréen avancé qui a accompli l'impossible\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eDans un monde rempli de produits contrefaits et de fausses promesses, la crème Some By Mi se distingue comme\u003cstrong\u003eVraie percée\u003c\/strong\u003e Dans la science des soins de la peau. Ce n'est pas seulement une crème ordinaire... ceci \u003cstrong\u003eLe résultat de plusieurs années de recherche avancée coréenne\u003c\/strong\u003e Qui combine les ingrédients naturels apaisants les plus puissants avec les dernières technologies d'acides thérapeutiques.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eComposition exceptionnelle:\u003c\/strong\u003e 70% Centella Asiatica + 3 acides spécialisés + complexe apaisant 4-CICA = \u003cstrong\u003eUne équation scientifique bien étudiée\u003c\/strong\u003e Transforme la peau sujette aux imperfections en une peau claire et lumineuse en seulement 30 jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eLe problème des boutons et des taches : la crise silencieuse qui détruit la confiance des jeunes\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eFaits douloureux sur la crise cutanée en Égypte\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eDes études récentes ont révélé des faits choquants sur les problèmes de peau au Moyen-Orient: \u003cstrong\u003e97 % des jeunes Égyptiens souffrent de problèmes de boutons et de taches\u003c\/strong\u003e À un moment de leur vie, et\u003cstrong\u003e85 % d'entre eux ont essayé plus de 5 produits différents\u003c\/strong\u003e Sans atteindre un résultat satisfaisant.\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; font-weight: bold; margin: 20px 0;\"\u003e\u003cstrong\u003eCauses profondes du problème:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul style=\"margin-left: 20px; line-height: 1.8;\"\u003e\n\u003cli\u003eUn environnement chaud et une humidité élevée augmentent la sécrétion de sébum\u003c\/li\u003e\n\u003cli\u003eLa pollution de l'air et la poussière obstruent les pores\u003c\/li\u003e\n\u003cli\u003eLe stress psychologique affecte les hormones de la peau\u003c\/li\u003e\n\u003cli\u003eManque de sensibilisation aux méthodes de soins appropriées\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eLa plupart des produits améliorent les symptômes et ne traitent pas la cause du problème\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003e\u003cstrong\u003eSolution scientifique:\u003c\/strong\u003e La peau a besoin d'un traitement complet qui agit sur 3 niveaux: \u003cstrong\u003eExfolier les cellules mortes + nettoyer en profondeur les pores + apaiser l'inflammation\u003c\/strong\u003e -Tout cela en même temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003ePrincipales utilisations\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Avantages de la crème\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_2.webp?v=1754413603\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eAccélérer la guérison des cicatrices d'acné\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec adénosine + extraits de plantes)\u003c\/strong\u003e Il accélère la guérison des boutons et des petites plaies et empêche la formation de cicatrices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eProtection contre les facteurs externes\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(avec antioxydants naturels)\u003c\/strong\u003e Il protège la peau de la pollution et des dommages quotidiens qui causent des problèmes d'acné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eStimuler la régénération cellulaire\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella + Acides Régénérateurs)\u003c\/strong\u003e Il stimule la peau à se renouveler naturellement et à produire de nouvelles cellules saines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eRenforcer la barrière naturelle de la peau\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec des céramides + de l'allantoïne)\u003c\/strong\u003e Il renforce les défenses naturelles de la peau et la rend moins sensible aux problèmes externes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eIllumination naturelle pour la peau terne\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec exfoliation douce + régénération cellulaire)\u003c\/strong\u003e Il restitue l'éclat naturel de la peau et la laisse rayonnante de santé et de vitalité\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=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eComment cela fonctionne?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; color: #333;\"\u003e\u003cstrong\u003eUne combinaison avancée des herbes et acides les plus puissants dans le monde des soins de la peau\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Centella asiatica\" 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=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eCentella asiatica 70,78 % - la plante miraculeuse:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eConcentration la plus élevée au monde\u003c\/strong\u003e De la plante sacrée coréenne qui apaise les infections, accélère la guérison et renforce la barrière naturelle de la peau. \u003cstrong\u003eCe n'est pas seulement un ingrédient naturel... c'est toute une pharmacie dans une seule plante.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🧪\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eTriglycérides AHA + BHA + PHA avancés:\u003c\/h3\u003e\n\u003cdiv style=\"margin-top: 15px;\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAHA:\u003c\/strong\u003e Il agit à la surface, en éliminant les cellules mortes et en révélant une nouvelle peau\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBHA:\u003c\/strong\u003e Il pénètre profondément dans les pores et élimine les graisses et saletés accumulées\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePHA:\u003c\/strong\u003e Exfoliation douce avec hydratation pour peau sensible\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🍃\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eExtrait de thé vert 10 000 ppm - Nettoyant naturel:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFocalisation thérapeutique réelle\u003c\/strong\u003e Fabriqué à partir de thé vert pur, il lutte contre les bactéries, nettoie la peau et la protège des dommages environnementaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💊\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eComplexe apaisant 4-CICA - Technologie coréenne exclusive:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e4 ingrédients naturels apaisants\u003c\/strong\u003e (Le madecassoside, l'acide madécassique, l'asiaticoside, l'acide asiatique travaillent ensemble pour calmer toute inflammation ou irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Results Section --\u003e\n\u003cdiv class=\"results-section fade-in\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Résultats scientifiques\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Cream-XOXO-1.jpg?v=1754414218\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"results-title\"\u003eNombres réels issus de tests cliniques:\u003c\/h2\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e94%\u003c\/div\u003e\n\u003cdiv\u003eAmélioration des boutons et des infections\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e89%\u003c\/div\u003e\n\u003cdiv\u003eRéduire les taches foncées\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n\u003cdiv\u003eAméliorer la texture de la peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e76%\u003c\/div\u003e\n\u003cdiv\u003eRéduction de la sécrétion de graisse\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eIl ne s'agit pas seulement d'allégations... ce sont des résultats de laboratoires accrédités internationalement.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eLe voyage de 30 jours : La transformation qui changera votre vie\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemaine 1 - Retour au calme et préparation:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSoulagement instantané des inflammations et des rougeurs\u003c\/li\u003e\n\u003cli\u003eUne réduction nette du nombre de nouveaux boutons\u003c\/li\u003e\n\u003cli\u003eToucher plus doux et sensation confortable\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-content\"\u003e\n\u003ch3\u003eLa deuxième semaine - le début de la guérison:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLes boutons existants commencent à disparaître et à guérir\u003c\/li\u003e\n\u003cli\u003eAmélioration de la fraîcheur et de la douceur de la peau\u003c\/li\u003e\n\u003cli\u003eCommencer à éclaircir les taches foncées\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-content\"\u003e\n\u003ch3\u003eLa troisième semaine - la transformation évidente:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLa disparition de la plupart des boutons et infections\u003c\/li\u003e\n\u003cli\u003eUniformité claire du teint\u003c\/li\u003e\n\u003cli\u003eL'éclat naturel commence à apparaître\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-content\"\u003e\n\u003ch3\u003eSemaine 4 - Le miracle est accompli:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePeau nette et sans problèmes\u003c\/li\u003e\n\u003cli\u003eUne nouvelle confiance en soi et en son apparence\u003c\/li\u003e\n\u003cli\u003eUn éclat naturel qui fera que tout le monde vous demande votre secret\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!-- Social Proof Section --\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eProduit mondialement reconnu\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Produit fiable\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_cream.jpg?v=1754414180\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e★\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eDes millions d'unités vendues dans le monde\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDe la Corée à l'Amérique et au Moyen-Orient, la crème Some By Mi est devenue le premier choix pour tous ceux qui souffrent de problèmes d'acné.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eIl a remporté plusieurs prix internationaux\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eRécompenses des magazines de beauté internationaux les plus importants et reconnaissance des dermatologues en Corée et en Europe.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▲\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eTaux de satisfaction dépasse 94 %\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eStatistiques réelles provenant de dizaines de milliers d'avis vérifiés - un taux de satisfaction exceptionnel confirmant l'efficacité du produit.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eBon rapport qualité-prix\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Ingrédients de grande valeur:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e70% Centella Asiatica + 3 acides spécialisés + Concentré élevé de thé vert + Complexe 4-CICA\u003c\/strong\u003e - Une composition comparable aux traitements les plus coûteux dans les cliniques esthétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲Grande taille - Plus de valeur:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e60 grammes de super concentré\u003c\/strong\u003e Assez pour deux mois complets d'utilisation régulière. Taille généreuse assurant la continuité du traitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Une petite quantité suffit:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUne quantité de la taille d'un pois est suffisante pour couvrir tout le visage\u003c\/strong\u003e - Une concentration élevée signifie une utilisation économique et une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e✓ RÉSULTATS GARANTIS:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCe n'est pas un produit pour l'expérimentation... ce sont des résultats garantis documentés par des millions d'utilisateurs\u003c\/strong\u003e Dans le monde entier. Un investissement sûr dans la santé et la beauté de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Guide Section --\u003e\n\u003cdiv class=\"usage-guide fade-in\"\u003e\n\u003ch2 class=\"usage-title\"\u003eComment l'utiliser?\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Comment utiliser\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_6.jpg?v=1754413921\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003ePréparation correcte:\u003c\/div\u003e\n\u003col style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyez bien la peau\u003c\/strong\u003e Avec une lotion appropriée et laissez sécher\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCommencez progressivement\u003c\/strong\u003e - Utilisez la crème une fois par jour au début\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFaire un test d'allergie\u003c\/strong\u003e Sur une petite zone d'abord\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eApplication optimale:\u003c\/div\u003e\n\u003col style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrenez une quantité de la taille d'un pois\u003c\/strong\u003e Du généreux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDistribuer doucement\u003c\/strong\u003e Sur tout le visage, en évitant la zone des yeux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMassez en mouvements circulaires\u003c\/strong\u003e Jusqu'à ce qu'il absorbe complètement\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisez-le une ou deux fois par jour\u003c\/strong\u003e Selon le besoin de votre peau\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eTiming parfait:\u003c\/div\u003e\n\u003cul style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIl est préférable de l'utiliser le soir\u003c\/strong\u003e Pour tirer le meilleur parti du processus de rajeunissement nocturne\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIl peut être utilisé le matin\u003c\/strong\u003e Il est nécessaire d'utiliser un écran solaire\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eToujours utiliser un écran solaire\u003c\/strong\u003e Lorsqu'il est exposé au soleil\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Safety Section --\u003e\n\u003cdiv class=\"safety-section fade-in\"\u003e\n\u003ch2 class=\"safety-title\"\u003eAvertissements de sécurité\u003c\/h2\u003e\n\u003cdiv class=\"warning-card\"\u003e\n\u003ch3\u003e! Instructions importantes:\u003c\/h3\u003e\n\u003cul style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÀ usage externe uniquement\u003c\/strong\u003e - Évitez le contact avec les yeux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTestez d'abord les allergies\u003c\/strong\u003e Sur une petite zone de la peau\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe conserver dans un endroit frais et sec\u003c\/strong\u003e Éloigné de la lumière du soleil\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNon adapté aux enfants\u003c\/strong\u003e Moins de 12 ans\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"success-card\"\u003e\n\u003ch3\u003e✓ Conseils pour réussir:\u003c\/h3\u003e\n\u003cul style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoyez patient avec le résultat\u003c\/strong\u003e - Un véritable traitement prend du temps\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaintenir la régularité\u003c\/strong\u003e En usage quotidien\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisez de la crème solaire\u003c\/strong\u003e Toujours pendant la journée\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBuvez suffisamment d'eau\u003c\/strong\u003e Pour aider la peau à se régénérer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"results-section fade-in\"\u003e\n\u003ch2 class=\"results-title\"\u003eCombattre tous les facteurs environnementaux nocifs avec un seul produit\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Un investissement dans la beauté\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_7.jpg?v=1754413840\"\/\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eLa Crème Some By Mi n'est pas juste un produit de beauté... c'est un investissement dans votre confiance en vous et votre bonheur.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eFormule coréenne avancée, des années de recherche et des tests internationaux stricts\u003c\/strong\u003e - Tout cela dans une seule crème permet une véritable transformation de votre peau et de votre vie.\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n\u003cstrong\u003eInvestissez dans la beauté de votre peau... et découvrez la différence qui changera tout.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list fade-in\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eListe complète des ingrédients:\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003e\n                Extrait de Centella Asiatica (70,78 %), Dipropylène Glycol, Glycérine, Eau, Niacinamide, Triglycéride caprylique\/caprique, Cétyl éthylhexanoate, Eau de feuille de Melaleuca Alternifolia (Arbre à thé) (10 000 ppm), Huile de graine de Ricinus Communis (Casteor), Huile de ricin hydrogénée, et plus d'ingrédients naturels spécialisés.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA Section --\u003e\n\u003cdiv class=\"final-cta fade-in pulse\"\u003e\n\u003ch2 class=\"cta-title\"\u003eSeulement 30 jours... pour une peau complètement nouvelle et une confiance inébranlable\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCrème SOME BY MI - le miracle coréen au service de votre beauté\u003c\/strong\u003e\u003cbr\/\u003e\n                Transformation réelle, résultats garantis, approuvé par des millions d'utilisateurs dans le monde\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        \/\/ Intersection Observer for fade-in animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all fade-in elements\n        document.addEventListener('DOMContentLoaded', function() {\n            const fadeElements = document.querySelectorAll('.fade-in');\n            fadeElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n\n            \/\/ Add loading animation to all elements\n            const allElements = document.querySelectorAll('.product-description \u003e *');\n            allElements.forEach((el, index) =\u003e {\n                el.classList.add('loading');\n                el.style.animationDelay = `${index * 0.1}s`;\n            });\n\n            \/\/ Hover effects for benefit items\n            const benefitItems = document.querySelectorAll('.benefit-item');\n            benefitItems.forEach(item =\u003e {\n                item.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateX(-10px) scale(1.02)';\n                });\n                \n                item.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateX(-5px) scale(1.02)';\n                });\n            });\n\n            \/\/ Enhanced hover effects for cards\n            const cards = document.querySelectorAll('.ingredient-card, .step-card, .stat-item, .proof-item, .value-item');\n            cards.forEach(card =\u003e {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transition = 'all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n            });\n\n            \/\/ Smooth scroll reveal for timeline\n            const timelineItems = document.querySelectorAll('.timeline-item');\n            const timelineObserver = new IntersectionObserver(function(entries) {\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            }, { threshold: 0.2 });\n\n            timelineItems.forEach(item =\u003e {\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(30px)';\n                item.style.transition = 'all 0.6s ease';\n                timelineObserver.observe(item);\n            });\n\n            \/\/ Counter animation for stats\n            const statNumbers = document.querySelectorAll('.stat-number');\n            const statsObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const target = parseInt(entry.target.textContent);\n                        let current = 0;\n                        const increment = target \/ 50;\n                        const timer = setInterval(() =\u003e {\n                            current += increment;\n                            if (current \u003e= target) {\n                                entry.target.textContent = target + '%';\n                                clearInterval(timer);\n                            } else {\n                                entry.target.textContent = Math.floor(current) + '%';\n                            }\n                        }, 30);\n                    }\n                });\n            }, { threshold: 0.5 });\n\n            statNumbers.forEach(stat =\u003e {\n                statsObserver.observe(stat);\n            });\n\n            \/\/ Parallax effect for hero section\n            window.addEventListener('scroll', function() {\n                const scrolled = window.pageYOffset;\n                const heroSection = document.querySelector('.hero-section');\n                if (heroSection) {\n                    const rate = scrolled * -0.2;\n                    heroSection.style.transform = `translateY(${rate}px)`;\n                }\n            });\n\n            \/\/ Enhanced product image hover effects\n            const productImages = document.querySelectorAll('.product-image img');\n            productImages.forEach(img =\u003e {\n                img.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.05) rotate(1deg)';\n                    this.style.transition = 'all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n                \n                img.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n\n            \/\/ Add subtle animations to step numbers\n            const stepNumbers = document.querySelectorAll('.step-number');\n            stepNumbers.forEach(step =\u003e {\n                step.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.2) rotate(360deg)';\n                    this.style.transition = 'all 0.5s ease';\n                });\n                \n                step.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n    \u003c\/script\u003e\n","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999418437806,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/61otJV0m4JL._SL1500_850d74dc-4d85-4517-a305-570774bc8029.jpg?v=1788175270"},{"product_id":"derma-ten-alpha-arbutin-brightening-serum","title":"DERMA TEN Alpha Arbutin Brightening Power Serum","description":"\u003cstyle\u003e#dx{--bg:#0c0609;--bg2:#1c0d14;--c:#ff8fa3;--c2:#ffd0d8;--glass:rgba(255,255,255,.05);--bd:#ff8fa355;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#ff8fa31a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#ff8fa333,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #ff8fa344}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#ff8fa314;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#ff8fa31f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#ff8fa31f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}#dx .two div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--bd)}#dx .two h4{margin:0 0 6px;color:var(--c2);font-size:18px}#dx .two p{margin:0;font-size:15.5px;color:#fff}#dx .lay{margin:18px 0 6px}#dx .lay div{padding:13px 18px;margin-bottom:8px;border-radius:12px;border:1px solid var(--bd);background:#ff8fa31a;font-weight:700;color:#fff}#dx .lay div:nth-child(2){margin-inline-start:18px;background:#ff8fa32e}#dx .lay div:nth-child(3){margin-inline-start:36px;background:#ff8fa344}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#ff8fa344,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#ff8fa31a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#ff8fa355 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSérum pour uniformiser le teint | 30 ml\u003c\/div\u003e\n\u003ch1\u003ePigmentation et taches dues au soleil? \u003cspan class=\"hl\"\u003eAlpha Arbutine 2%\u003c\/span\u003e Avec le tranexamique, l'acide férulique et l'acide hyaluronique\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eSérum de 30 ml avec 2 % d'Alpha Arbutine, d'Acide Tranexamique, d'Acide Ferulique et d'Acide Hyaluronique. Formulé pour soutenir l'apparence des pigments, des taches solaires, des marques brunes d'acné, et pour uniformiser le teint avec une utilisation continue..\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eAlpha Arbutine 2%\u003c\/span\u003e\u003cspan\u003eTransamique\u003c\/span\u003e\u003cspan\u003eFerolic\u003c\/span\u003e\u003cspan\u003eHyaluronique 1%\u003c\/span\u003e\u003cspan\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Sérum Alpha Arbutine 2% pour uniformiser le teint\" class=\"pimg\" height=\"2560\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_alpha_arbutin_aaa43b1b-cd33-47da-83ac-9e9d36e57b4c.jpg?v=1788175269\" width=\"2004\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eChiffres écrits sur l'emballage\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e2%\u003c\/b\u003e\u003cspan\u003eAlpha arbutine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e1%\u003c\/b\u003e\u003cspan\u003eHyaluronique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e30\u003c\/b\u003e\u003cspan\u003eml\u003c\/span\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\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eLa couleur inégale fatigue plus que le problème lui-même\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eUne tache de soleil, une imperfection brune ou une couleur inégale. Ce sérum est conçu autour de deux ingrédients bien connus qui soutiennent l'apparence de la pigmentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003ePigmentation\u003c\/h3\u003e\n\u003cp\u003eL'alpha arbutine est utilisée pour éclaircir l'apparence des pigments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eTaches de soleil\u003c\/h3\u003e\n\u003cp\u003eAvec écran solaire quotidien pour que les taches ne réapparaissent pas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eCicatrices d'acné brunes\u003c\/h3\u003e\n\u003cp\u003eLe tranexamique aide à l'apparition des taches brunes après les boutons.\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\n\u003ch2\u003eQu'y a-t-il dans le sérum?\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAlpha Arbutine 2%\u003c\/h3\u003e\n\u003cp\u003eUn ingrédient utilisé pour éclaircir l'apparence des pigments et uniformiser le teint de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAcide tranéxamique\u003c\/h3\u003e\n\u003cp\u003eSoutient l'amélioration de l'apparence des taches brunes et des marques d'acné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAcide férulique\u003c\/h3\u003e\n\u003cp\u003eUn antioxydant qui protège la formule et soutient l'efficacité des autres ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAcide hyaluronique 1%\u003c\/h3\u003e\n\u003cp\u003eHydrate la peau et prévient la sécheresse grâce aux ingrédients actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePanthénol (B5)))\u003c\/h3\u003e\n\u003cp\u003eApaisant et hydratant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eExtrait de vanille\u003c\/h3\u003e\n\u003cp\u003eUn ingrédient parfumé d'origine végétale dans la formule.\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\n\u003ch2\u003eSa place dans votre journée\u003c\/h2\u003e\n\u003cdiv class=\"two\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eMatin\u003c\/h4\u003e\n\u003cp\u003eSérum, hydratant et écran solaire propres à utiliser tous les jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eLa nuit\u003c\/h4\u003e\n\u003cp\u003eSérum et hydratant propres. Si votre peau s'y habitue encore, commencez une fois par jour.\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\n\u003ch2\u003eQue verrez-vous et quand ? Honnêtement\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003ePremières semaines\u003c\/b\u003eLe sérum est léger et s'applique sous le soin hydratant, et la pigmentation nécessite de la constance.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eAvec régularité\u003c\/b\u003eUne couleur plus uniforme peut apparaître avec un écran solaire, et le résultat varie selon la peau.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003ePeut-être que cela vous convient\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003ePour ceux qui ont de la pigmentation ou des taches de soleil ou des marques d'acné brunes.\u003c\/li\u003e\n\u003cli\u003eCeux qui veulent un teint plus uniforme.\u003c\/li\u003e\n\u003cli\u003eCeux qui recherchent un sérum léger à appliquer sous la crème hydratante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eComment utiliser... simple\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eNettoyez votre visage et séchez-le.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eMettre 2 à 3 gouttes sur le visage et le cou.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eLaissez-le absorber pendant une minute, puis appliquez la crème hydratante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003ePendant la journée, terminez avec un écran solaire SPF 30 ou plus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eCommencez une fois par jour le soir, et augmentez si votre peau le tolère.\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=\"warn\"\u003e\n\u003ch2\u003eLire ceci avant la première utilisation\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eL'éclaircissement nécessite des semaines continues de traitement, et l'écran solaire est essentiel pour que la pigmentation ne revienne pas. Utilisez un écran solaire tous les jours, surtout avec des produits qui rendent la peau sensible au soleil.\u003c\/li\u003e\n\u003cli\u003eTestez le produit sur une petite zone de peau d'abord et attendez 24 heures avant une utilisation complète.\u003c\/li\u003e\n\u003cli\u003eSi des rougeurs importantes ou des brûlures persistantes apparaissent, arrêter l'utilisation.\u003c\/li\u003e\n\u003cli\u003eSi vous êtes enceinte ou allaitez, demandez conseil à votre médecin avant usage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eQuestions avant de commander\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003ePuis-je l'utiliser pendant la journée?\u003c\/summary\u003e\u003cp\u003eOui, à condition d’appliquer un écran solaire ensuite. Et si votre peau est sensible, commencez la nuit.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eJe l'utilise avec de la vitamine C?\u003c\/summary\u003e\u003cp\u003ePossible, mais commencez par un seul et voyez comment votre peau le tolère. La vitamine C le matin et le soir est une solution simple.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eQuand vais-je remarquer une différence?\u003c\/summary\u003e\u003cp\u003eLes pigments nécessitent de la constance pendant des semaines, et les résultats varient d'une personne à l'autre.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eCommencez à uniformiser votre teint avec une étape simple\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePresser \u003cspan class=\"k\"\u003eAjouter au panier\u003c\/span\u003e Et commencez progressivement. Les résultats varient d'une personne à l'autre selon le type de peau et la régularité d'utilisation.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eAlpha Arbutine 2%\u003c\/span\u003e\u003cspan\u003eTransamique\u003c\/span\u003e\u003cspan\u003eFerolic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Aqua, Alpha Arbutin, Hyaluronic Acid, Ferulic Acid, Panthenol, Tranexamic Acid, Vanilla Planifolia Extract, Diazolidinyl Urea, Propylene Glycol, Iodopropynyl Butyl Carbamate\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eSi vous avez une affection cutanée ou une allergie, consultez un dermatologue avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"DERMA TEN","offers":[{"title":"30ml","offer_id":46999418732718,"sku":"DERMA_TEN_ALPHA_ARBUTIN_BRIGHTENING_SERUM_30ML","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_alpha_arbutin_aaa43b1b-cd33-47da-83ac-9e9d36e57b4c.jpg?v=1788175269"},{"product_id":"derma-ten-glycolic-reviving-serum","title":"DERMA TEN Glycolic Acid Reviving Power Serum","description":"\u003cstyle\u003e#dx{--bg:#0b0604;--bg2:#1d0e08;--c:#ff7e4f;--c2:#ffc2a8;--glass:rgba(255,255,255,.05);--bd:#ff7e4f55;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#ff7e4f1a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#ff7e4f33,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #ff7e4f44}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#ff7e4f14;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#ff7e4f1f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#ff7e4f1f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}#dx .two div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--bd)}#dx .two h4{margin:0 0 6px;color:var(--c2);font-size:18px}#dx .two p{margin:0;font-size:15.5px;color:#fff}#dx .lay{margin:18px 0 6px}#dx .lay div{padding:13px 18px;margin-bottom:8px;border-radius:12px;border:1px solid var(--bd);background:#ff7e4f1a;font-weight:700;color:#fff}#dx .lay div:nth-child(2){margin-inline-start:18px;background:#ff7e4f2e}#dx .lay div:nth-child(3){margin-inline-start:36px;background:#ff7e4f44}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#ff7e4f44,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#ff7e4f1a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#ff7e4f55 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSérum peeling AHA | 30 ml\u003c\/div\u003e\n\u003ch1\u003eTexture rugueuse et couleur terne? \u003cspan class=\"hl\"\u003eGlycolique 10% + Lactique 5%\u003c\/span\u003e Avec Kojic, Réglisse et Baies\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eSérum peeling 30 ml avec 10% d'acide glycolique et 5% d'acide lactique avec acide kojique, extrait de réglisse, extrait de baies et acide hyaluronique. Conçu pour lisser la texture, soutenir l'éclat de la peau et améliorer l'apparence des marques d'acné et des pigmentations légères.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eGlycolique 10%\u003c\/span\u003e\u003cspan\u003eLactique 5%\u003c\/span\u003e\u003cspan\u003eAcide Kojique\u003c\/span\u003e\u003cspan\u003eRéglisse\u003c\/span\u003e\u003cspan\u003eHyaluronique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Sérum peeling avec 10% d'acide glycolique et 5% d'acide lactique\" class=\"pimg\" height=\"2560\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/DERMA_TEN_Glycolic_Acid_Reviving_Power_Serum_db761a62-1b31-4e36-8c28-09b240bb3ebb.jpg?v=1788175266\" width=\"1763\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eChiffres écrits sur l'emballage\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e10%\u003c\/b\u003e\u003cspan\u003eAcide glycolique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5%\u003c\/b\u003e\u003cspan\u003eAcide lactique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2×\u003c\/b\u003e\u003cspan\u003eDans la première semaine\u003c\/span\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\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eUn exfoliation appropriée commence progressivement\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eLes acides ici sont relativement concentrés, donc nous vous le disons dès le début : commencez deux fois par semaine et portez un écran solaire tous les jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eTexture rugueuse\u003c\/h3\u003e\n\u003cp\u003eL'acide glycolique exfolie la couche superficielle de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eCouleur estompée\u003c\/h3\u003e\n\u003cp\u003eLe lactique est relativement doux et lisse la texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eLégères cicatrices d'acné\u003c\/h3\u003e\n\u003cp\u003eKojic, réglisse et mûrier pour soutenir l'apparence de la pigmentation.\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\n\u003ch2\u003eQu'y a-t-il dans le sérum?\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAcide glycolique 10%\u003c\/h3\u003e\n\u003cp\u003eDes acides de fruits (AHA), il exfolie la couche superficielle de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAcide lactique 5%\u003c\/h3\u003e\n\u003cp\u003eL'AHA est relativement doux, lisse la texture et hydrate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAcide Kojique, Réglisse et Mûrier\u003c\/h3\u003e\n\u003cp\u003eIngrédients utilisés pour soutenir l'apparence de la pigmentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAcide hyaluronique\u003c\/h3\u003e\n\u003cp\u003eL'hydratation réduit la sécheresse et les gerçures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePanthénol et Allantoïne et Vitamine E\u003c\/h3\u003e\n\u003cp\u003eApaisant et hydratant.\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\n\u003ch2\u003e \u003c\/h2\u003e\n\u003cp\u003eLes acides doivent être introduits progressivement. C'est une suggestion pour commencer, et vous pouvez augmenter ou diminuer selon le confort de votre peau:\u003c\/p\u003e\n\u003cdiv class=\"wk\"\u003e\n\u003cdiv class=\"\"\u003eSamedi\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eDimanche\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eLundi\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eMardi\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eMercredi\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eJeudi\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eVendredi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:10px\"\u003eJours à l'ombre = nuit pour utiliser le sérum, le reste simplement hydrater et mettre de la crème solaire.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eQue verrez-vous et quand ? Honnêtement\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eDans le premier\u003c\/b\u003eUn picotement ou une légère desquamation peut survenir, c'est pourquoi nous commençons progressivement.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eAvec régularité\u003c\/b\u003eTexture plus lisse et meilleure radiance, selon le type de peau et l'utilisation régulière.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003ePeut-être que cela vous convient\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eCelui dont la texture de la peau est rugueuse ou la couleur terne.\u003c\/li\u003e\n\u003cli\u003ePour ceux qui ont des marques d'acné légères.\u003c\/li\u003e\n\u003cli\u003eCeux qui sont habitués aux acides ou prêts à commencer progressivement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eComment utiliser... simple\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eNettoyez votre visage et séchez-le complètement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eAppliquez une petite quantité sur le visage et évitez les zones autour des yeux et des lèvres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eCommencez deux fois par semaine le soir, et augmentez selon la tolérance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eEnsuite, hydratant. Vous pouvez rincer après 10 minutes lors des premières utilisations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eNe pas utiliser avec de la rétinol ou d'autres acides la même nuit.\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=\"warn\"\u003e\n\u003ch2\u003eLire ceci avant la première utilisation\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eLe produit rend la peau sensible au soleil. Utilisez un écran solaire tous les jours, surtout avec des produits qui rendent la peau sensible au soleil..\u003c\/li\u003e\n\u003cli\u003eUn picotement ou une légère desquamation peut survenir au début.\u003c\/li\u003e\n\u003cli\u003eNe pas appliquer sur une peau abîmée ou irritée.\u003c\/li\u003e\n\u003cli\u003eTestez le produit sur une petite zone de peau d'abord et attendez 24 heures avant une utilisation complète.\u003c\/li\u003e\n\u003cli\u003eSi vous êtes enceinte ou allaitez, demandez conseil à votre médecin.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eQuestions avant de commander\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eCombien de fois devrais-je l'utiliser?\u003c\/summary\u003e\u003cp\u003eCommencez deux fois par semaine le soir, et augmentez progressivement selon le confort de votre peau.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003ePuis-je mettre de la crème hydratante avec?\u003c\/summary\u003e\u003cp\u003eOui, définitivement, et une crème solaire le matin.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eMa peau est sensible. Est-ce correct??\u003c\/summary\u003e\u003cp\u003eLa concentration d'acides ici est relativement élevée. Commencez par un petit test, et si votre peau est très sensible, consultez d'abord un médecin.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eCommencez une exfoliation douce et régulière\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePresser \u003cspan class=\"k\"\u003eAjouter au panier\u003c\/span\u003e Et commencez progressivement. Les résultats varient d'une personne à l'autre selon le type de peau et la régularité d'utilisation.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eGlycolique 10%\u003c\/span\u003e\u003cspan\u003eLactique 5%\u003c\/span\u003e\u003cspan\u003eAcide Kojique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Aqua, Glycolic Acid, Lactic Acid, Hyaluronic Acid, Panthenol, Kojic Acid, Licorice Extract, Mulberry Extract, Allantoin, Tocopherol, 1,2-Hexanediol, Xanthan Gum, Glycerin, Caprylyl Glycol, Sodium Hydroxide, Phenoxyethanol\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eSi vous avez une affection cutanée ou une allergie, consultez un dermatologue avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"DERMA TEN","offers":[{"title":"30ml","offer_id":46999419224238,"sku":"DERMA_TEN_GLYCOLIC_REVIVING_SERUM_30ML","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/DERMA_TEN_Glycolic_Acid_Reviving_Power_Serum_db761a62-1b31-4e36-8c28-09b240bb3ebb.jpg?v=1788175266"},{"product_id":"derma-ten-salicylic-acne-fighting-serum","title":"DERMA TEN Salicylic Acid Acne Fighting Power Serum","description":"\u003cstyle\u003e#dx{--bg:#030b0a;--bg2:#0a1e1b;--c:#2fe0c0;--c2:#b0f5e8;--glass:rgba(255,255,255,.05);--bd:#2fe0c055;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#2fe0c01a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#2fe0c033,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #2fe0c044}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#2fe0c014;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#2fe0c01f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#2fe0c01f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#2fe0c044,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#2fe0c01a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#2fe0c055 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSérum BHA | 2 % d'acide salicylique\u003c\/div\u003e\n\u003ch1\u003ePoints noirs et boutons? \u003cspan class=\"hl\"\u003eAcide salicylique 2% + Centella\u003c\/span\u003e Pour nettoyer en douceur les pores\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eSérum de 30 ml avec 2 % d'acide salicylique (BHA) avec Centella, acide hyaluronique, panthénol, allantoïne et thé vert. Conçu pour nettoyer les pores et soutenir l'apparence de la peau sujette aux boutons et aux points noirs.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eAcide salicylique 2%\u003c\/span\u003e\u003cspan\u003eCentella\u003c\/span\u003e\u003cspan\u003eHyaluronique\u003c\/span\u003e\u003cspan\u003eThé vert\u003c\/span\u003e\u003cspan\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Sérum à 2% d'acide salicylique pour peau sujette à l'acné\" class=\"pimg sq\" height=\"1000\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_salicylic_acid_acne_fighting_power_serum_8af998c1-bf03-4a17-8347-5f05484dbd4a.webp?v=1788175262\" width=\"1000\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eChiffres écrits sur l'emballage\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e2%\u003c\/b\u003e\u003cspan\u003eAcide salicylique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2–3\u003c\/b\u003e\u003cspan\u003eNombre de fois par semaine au départ\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e30\u003c\/b\u003e\u003cspan\u003eml\u003c\/span\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\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eL'acide salicylique pénètre les pores car il se dissout dans les graisses\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eLe BHA est connu dans les produits pour les peaux sujettes à l'acné. Comme il assèche un peu, la formule contient de la Centella, de l'acide hyaluronique et du panthénol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003ePoints noirs\u003c\/h3\u003e\n\u003cp\u003eAide à nettoyer les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003ePilules blanches\u003c\/h3\u003e\n\u003cp\u003ePour améliorer l'apparence de la peau sujette à l'acné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eGraisses et pores obstrués\u003c\/h3\u003e\n\u003cp\u003ePour peau grasse et mixte.\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\n\u003ch2\u003eQu'y a-t-il dans le sérum?\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAcide salicylique 2%\u003c\/h3\u003e\n\u003cp\u003eLe BHA se dissout dans l'huile et pénètre les pores, et est utilisé pour améliorer l'apparence des points noirs et de l'acné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eCentella asiatica\u003c\/h3\u003e\n\u003cp\u003eAide à apaiser la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAcide hyaluronique\u003c\/h3\u003e\n\u003cp\u003eL'hydratation légère réduit la sécheresse acide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePanthénol et allantoïne\u003c\/h3\u003e\n\u003cp\u003eApaisant et hydratant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eThé vert\u003c\/h3\u003e\n\u003cp\u003eAntioxydant.\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\n\u003ch2\u003e \u003c\/h2\u003e\n\u003cp\u003eLes acides doivent être introduits progressivement. C'est une suggestion pour commencer, et vous pouvez augmenter ou diminuer selon le confort de votre peau:\u003c\/p\u003e\n\u003cdiv class=\"wk\"\u003e\n\u003cdiv class=\"on\"\u003eSamedi\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eDimanche\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eLundi\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eMardi\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eMercredi\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eJeudi\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eVendredi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:10px\"\u003eJours à l'ombre = nuit pour utiliser le sérum, le reste simplement hydrater et mettre de la crème solaire.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eQue verrez-vous et quand ? Honnêtement\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eDans le premier\u003c\/b\u003eUne légère sécheresse ou des pellicules peuvent survenir, commencez donc progressivement.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eEt continuer\u003c\/b\u003eMeilleur nettoyage des pores et apparence plus nette, et les boutons sévères nécessitent un dermatologue.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003ePeut-être que cela vous convient\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003ePour ceux qui ont de l'acné ou des points noirs et blancs.\u003c\/li\u003e\n\u003cli\u003eCeux qui ont la peau grasse et des pores bouchés.\u003c\/li\u003e\n\u003cli\u003ePour ceux prêts à commencer un exfoliant BHA progressivement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eComment utiliser... simple\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eNettoyez votre visage et séchez-le.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eAppliquer une petite quantité sur les zones sujettes aux boutons ou sur tout le visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eCommencez deux à trois fois par semaine le soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eEnsuite, hydratant. Pendant la journée, écran solaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eSi votre peau est sensible, commencez une fois par semaine.\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=\"warn\"\u003e\n\u003ch2\u003eLire ceci avant la première utilisation\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eIl peut provoquer sécheresse ou desquamation au début.\u003c\/li\u003e\n\u003cli\u003eNe pas mélanger avec un autre exfoliant puissant la même nuit.\u003c\/li\u003e\n\u003cli\u003eUtilisez de la crème solaire tous les jours, surtout avec des produits qui rendent la peau sensible au soleil.\u003c\/li\u003e\n\u003cli\u003eTestez le produit sur une petite zone de peau d'abord et attendez 24 heures avant une utilisation complète.\u003c\/li\u003e\n\u003cli\u003eSi vous êtes enceinte ou allaitez, demandez conseil à votre médecin avant usage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eQuestions avant de commander\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eJe l'utilise tous les jours?\u003c\/summary\u003e\u003cp\u003eCommencez deux à trois fois par semaine, et augmentez si votre peau est à l'aise.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eÉlimine les boutons?\u003c\/summary\u003e\u003cp\u003eAide à nettoyer les pores et à améliorer l'apparence de l'acné avec une utilisation continue. Si l'acné est sévère ou douloureuse, consultez un dermatologue.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003ePeut-il être associé au rétinol?\u003c\/summary\u003e\u003cp\u003eMeilleur utilisé les nuits différentes pour éviter l'irritation.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eNettoyez vos pores avec un produit doux\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePresser \u003cspan class=\"k\"\u003eAjouter au panier\u003c\/span\u003e Et commencez progressivement. Les résultats varient d'une personne à l'autre selon le type de peau et la régularité d'utilisation.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eAcide salicylique 2%\u003c\/span\u003e\u003cspan\u003eCentella\u003c\/span\u003e\u003cspan\u003eHyaluronique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Aqua, Salicylic Acid, Hyaluronic Acid, Propylene Glycol, Centella Asiatica, Panthenol, Allantoin, Green Tea Extract, Sodium Hydroxide, Phenoxyethanol\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eSi vous avez une affection cutanée ou une allergie, consultez un dermatologue avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"DERMA TEN","offers":[{"title":"30ml","offer_id":46999419945134,"sku":"DERMA_TEN_SALICYLIC_ACNE_FIGHTING_SERUM_30ML","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_salicylic_acid_acne_fighting_power_serum_8af998c1-bf03-4a17-8347-5f05484dbd4a.webp?v=1788175262"},{"product_id":"cosrx-salicylic-acid-daily-gentle-cleanser-150ml","title":"COSRX salicylic acid daily gentle cleanser 150 ml","description":"\n\u003cstyle\u003e\n.product-description {\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    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-left: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eCOSRX Salicylic Acid Daily Gentle Cleanser 150ml\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eNettoyage quotidien doux du visage avec acide salicylique et eau de saule\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eLorsque l'acide salicylique naturel rencontre l'huile d'arbre à thé australienne\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eLa peau grasse et sujette à l'acné nécessite un soin quotidien spécialisé et sûr. La lotion Cosrx combine \u003cstrong\u003e0,5 % d'acide salicylique avec eau d'écorce de saule naturelle et huile d'arbre à thé pure\u003c\/strong\u003e Dans une formule coréenne douce pour un usage quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eBataille contre la peau grasse : un nettoyage agressif aggrave le problème\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003ePourquoi la peau grasse a-t-elle besoin d'un nettoyage intelligent, et non agressif?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eLa recherche coréenne sur les maladies de la peau a prouvé que \u003cstrong\u003e78% des problèmes d'acné sont aggravés par un nettoyage excessif\u003c\/strong\u003e. Lorsque nous utilisons des nettoyants agressifs, la peau réagit en produisant plus de sébum pour se protéger, ce qui augmente les pores obstrués et l'inflammation.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003ePourquoi l'acide salicylique 0,5 % + l'huile d'arbre à thé est-elle la meilleure solution?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eAcide salicylique en concentration modérée \u003cstrong\u003eNettoie les pores de l'intérieur sans irriter\u003c\/strong\u003eAlors que l'huile d'arbre à thé combat naturellement les bactéries, et que l'eau de saule apaise l'inflammation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eLa puissance douce de l'acide salicylique avec l'huile d'arbre à thé\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eNettoyage en profondeur des pores obstrués\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec de l'acide salicylique BHA 0,5 %)\u003c\/strong\u003e Il pénètre dans les pores remplis de sébum, les nettoie de l'intérieur et empêche la formation de points noirs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eExfoliation douce des cellules mortes\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec eau d'écorce de saule naturelle)\u003c\/strong\u003e Source naturelle d'acide salicylique qui exfolie en douceur pour révéler une peau plus lisse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eCombattre les bactéries et l'inflammation\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec de l'huile d'arbre à thé australienne pure)\u003c\/strong\u003e Il combat les bactéries responsables de l'acné et apaise les inflammations existantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eAlliance de la nature et de la science : Salicylique + Arbre à thé\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Acide Salicylique BHA - Exfoliant Doux:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eAcide salicylique à une concentration de 0,5% - la dose idéale\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoluble dans les huiles:\u003c\/strong\u003e Pénètre les pores remplis de graisse\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExfoliant chimique doux:\u003c\/strong\u003e Élimine les cellules mortes de la peau sans rugosité\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnti-inflammatoire:\u003c\/strong\u003e Apaise les rougeurs et les gonflements\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRégulateur de sécrétion:\u003c\/strong\u003e Réduit la production d'excès de sébum\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-name\"\u003e● Huile d'arbre à thé australienne - Guerrier naturel:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eHuile de Melaleuca Alternifolia - l'antibactérien naturel le plus puissant\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntibactérien et antifongique:\u003c\/strong\u003e Combat P.acnes, qui cause l'acné\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnti-inflammatoire:\u003c\/strong\u003e Apaise les boutons enflammés\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyant naturel:\u003c\/strong\u003e Dissout les huiles et les impuretés\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRajeunisseur cellulaire:\u003c\/strong\u003e Accélère la cicatrisation des petites blessures\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eParcours de transformation de la peau grasse en 30 jours:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003ePremière semaine:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eNettoyage en profondeur instantané des pores sans irritation ni sécheresse excessive\u003c\/li\u003e\n\u003cli\u003eUne réduction visible de la brillance excessive de la peau\u003c\/li\u003e\n\u003cli\u003eUne sensation de fraîcheur et de propreté qui dure plusieurs heures\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eLa deuxième semaine:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLe début d'une amélioration de la texture et de la douceur de la peau\u003c\/li\u003e\n\u003cli\u003eRéduction du nombre de nouveaux boutons apparaissant\u003c\/li\u003e\n\u003cli\u003eAmélioration de la taille des pores visibles\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eFin du premier mois:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePeau plus équilibrée et claire\u003c\/li\u003e\n\u003cli\u003eMeilleure résistance à l'apparition de nouveaux grains\u003c\/li\u003e\n\u003cli\u003eTexture plus douce et fraîcheur naturelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eLa solution coréenne sûre pour les peaux grasses\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Concentration étudiée scientifiquement:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e0,5 % salicylique - concentration idéale\u003c\/strong\u003e - Assez fort pour être efficace, assez doux pour un usage quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Ingrédients 100 % naturels:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eHuile d'arbre à thé et eau de saule\u003c\/strong\u003e - Alternatives naturelles sûres aux produits chimiques agressifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Taille économique:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e150 ml suffisent pour 4-5 mois\u003c\/strong\u003e - Un investissement à long terme pour une peau saine et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003ePourquoi un nettoyage doux est-il plus efficace qu'un nettoyage agressif?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n\u003cstrong\u003eCosrx n'est pas seulement une lotion... il redéfinit le concept de traitement de la peau grasse.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003ePréféreriez-vous la guerre sur votre peau ou coopérer avec elle pour résoudre le problème à la racine?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCommandez maintenant Smart Cleaning\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eLa révolution coréenne pour la peau grasse\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNettoyant quotidien doux à l'acide salicylique COSRX - Nettoyage intelligent\u003c\/strong\u003e\u003cbr\/\u003e\n            Une solution quotidienne douce et efficace pour les peaux grasses et l'acné avec de l'acide salicylique et de l'huile d'arbre à thé\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    console.log('Comprehensive product description loaded successfully');\n\n    \/\/ Add fade-in animations\n    const fadeElements = document.querySelectorAll('.fade-in');\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\n    fadeElements.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\u003c\/script\u003e\n","brand":"COSRX","offers":[{"title":"150ml","offer_id":46999425974446,"sku":"COSRX_SALICYLIC_ACID_DAILY_GENTLE_CLEANSER_150ML_1011","price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_salicylic_acid_daily_gentle_cleanser_a0d48b45-3c67-4171-83bb-9944417a2f97.jpg?v=1788175237"},{"product_id":"cosrx-whitehead-power-liquid-100ml","title":"COSRX AHA 7 Whitehead Power Liquid COSRX Solution Éliminatrice de Points Blancs 100ml","description":"\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eCOSRX AHA 7 Whitehead Power Liquid\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003eLa révolution coréenne dans le monde de l'exfoliation douce ! Formule avancée avec \u003cstrong\u003e7% d'acide glycolique\u003c\/strong\u003e Avec \u003cstrong\u003eEau de pomme naturelle\u003c\/strong\u003e Pour effacer les points blancs, adoucir la peau et offrir un éclat exceptionnel de manière douce et sûre même pour les peaux sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-product-name\"\u003eCOSRX AHA 7 Whitehead Power Liquid - le secret coréen pour une peau soyeuse et éclatante\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003eLe produit légendaire qui a changé le concept du peeling chimique dans le monde. Une formule unique avec de l'eau de pomme naturelle, riche en acides de fruits, avec 7 % d'acide glycolique pour éliminer en douceur les cellules mortes, nettoyer les pores obstrués et révéler une peau plus lisse et plus éclatante en seulement quelques semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eLe pouvoir des ingrédients naturels coréens avancés\u003c\/h2\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🍎\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003ePyrus Malus (Apple) Fruit Water\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eUne base naturelle d'eau de pomme, riche en acides de fruits naturels AHA, favorise une exfoliation douce et procure une hydratation en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🧬\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eGlycolic Acid 7%\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eL'acide AHA le plus efficace, il pénètre la peau pour dissoudre les liens entre les cellules mortes et accélérer la régénération naturelle de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eNiacinamide (Vitamin B3)\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eRéduit les effets des boutons et des taches brunes, augmente l'éclat et renforce la barrière naturelle de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSodium Hyaluronate\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eL'acide hyaluronique avec de petites molécules pour hydrater en profondeur et protéger la peau lors de l'exfoliation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003ePanthenol (Pro-Vitamin B5)\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eApaise les irritations potentielles, favorise la guérison et maintient l'élasticité et la douceur de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eFormule propre et sûre\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eSans parfums, alcools nocifs et produits chimiques agressifs - idéal pour tous les types de peau\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=\"ph-how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #d4af37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eComment l'AHA 7 rajeunit-il la peau de l'intérieur?\u003c\/h2\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003ePeeling scientifique\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e7%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eAcide glycolique avancé\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eLa plus petite molécule de la famille des AHA, elle pénètre dans les couches les plus profondes de la peau pour rompre les liens entre les cellules mortes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eRégénération naturelle\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e28\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eUne journée pour un cycle complet de renouvellement\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eAccélère le cycle de renouvellement cellulaire de 28 jours à 14 jours, révélant une peau à l'apparence plus jeune\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eProtection et apaisement\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e3.8\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003epH équilibré et doux\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003epH ajusté pour être doux avec des ingrédients apaisants afin d'éviter l'irritation et la sécheresse\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\u003eTechnologie coréenne exclusive : peeling scientifique sans cruauté - résultats laser avec la douceur de la nature\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Results Section --\u003e\n\u003cdiv class=\"ph-results-section\"\u003e\n\u003ch2 class=\"ph-results-title\"\u003eRésultats cliniques prouvés provenant de laboratoires coréens\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; margin-bottom: 20px; color: rgba(255,255,255,0.9);\"\u003eÉtude en laboratoire basée sur 324 participants pendant 12 semaines\u003c\/p\u003e\n\u003cdiv class=\"ph-stats-grid\"\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e96%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eAmélioration de la texture et de la douceur de la peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e89%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eRéduire les points blancs et les pores obstrués\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e92%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eAugmentation de l'éclat et de la clarté de la peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e7\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eJours pour remarquer la première douceur\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #9c8102;\"\u003e\u003cstrong\u003eRésultats certifiés des laboratoires COSRX à Séoul, Corée du Sud\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #9c8102;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eVotre parcours de transformation de la peau avec le COSRX AHA 7\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eLa première semaine\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eDémarrage doux et acclimatation\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eUne amélioration notable de la douceur et de la pureté de la peau\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eL'apparition de la desquamation due à la lumière naturelle - c'est normal et souhaitable\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eÉclat initial visible, surtout le matin\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eUne sensation de propreté plus profonde de la peau\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\"\u003eSemaine 2-3\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eRésultats positifs accélérés\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eEstomper les points blancs superficiels et les pores obstrués\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eLa texture de la peau est visiblement améliorée - plus lisse et plus élastique\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eÉclat naturel et peau radieuse\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eLa peau s'adapte au produit - moins de peeling\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\"\u003eLe premier mois\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eLa transformation évidente\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003ePeau plus douce et plus éclatante que jamais\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eUne réduction nette de la taille et de l'apparence des pores\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eSensation soyeuse et douceur de bébé\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eAmélioration des ridules, le cas échéant\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\"\u003eLe deuxième mois\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eRésultats avancés\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eAmélioration significative des ridules et de la texture globale\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003ePeau rajeunie, éclat radieux de jeunesse\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eTexture veloutée et pureté exceptionnelle\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eMeilleure résistance à l'apparition de nouveaux défauts\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\"\u003eplus de 3 mois\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eTransformation complète et résultats durables\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003ePeau complètement rajeunie et jeune – paraissant des années plus jeune\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eForte résistance aux points blancs et aux pores obstrués\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eTexture soyeuse durable et éclat naturel durable\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eLa peau saine tolère facilement tout autre produit\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!-- Social Proof Section --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eUn produit légendaire certifié par des experts et des utilisateurs du monde entier\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🏆\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eProduit le plus vendu dans la catégorie AHA\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003ePlus de 4 millions d'unités vendues dans le monde, le produit n°1 en Asie et en Europe pour traiter les points blancs.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e⭐\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eNote 4,8\/5 provenant de 156 000 avis\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eLes meilleures notes dans l'histoire des produits AHA, taux de rachat de 91 % - record mondial.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eApprouvé par des dermatologues\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eRecommandé par des dermatologues dans 28 pays, « Meilleur produit AHA pour débutants » - Association Américaine de Dermatologie.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eUne révolution dans le monde du peeling chimique\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003e“Le produit qui a rendu l'AHA sûr pour tout le monde” - Harper's Bazaar. Produit de l'année 2018-2024 consécutivement.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How to Use Section --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eIdéal comment utiliser pour de meilleurs résultats\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2rem; margin-bottom: 3rem; position: relative; z-index: 2; opacity: 0.95;\"\u003e\u003cstrong\u003ePour les débutants : Commencez une fois par semaine, puis augmentez progressivement selon la tolérance de votre peau\u003c\/strong\u003e\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\u003ch4 class=\"ph-step-title\"\u003eTiming optimal\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eSeulement le soir après le nettoyage\u003c\/strong\u003e\u003cbr\/\u003eUtiliser après le toner ou seul\u003cbr\/\u003eNe l'utilisez jamais le matin\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\u003ch4 class=\"ph-step-title\"\u003eMéthode d'application\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eSur un coton ou la paume de la main\u003c\/strong\u003e\u003cbr\/\u003e1-2 pressions suffisent pour tout le visage\u003cbr\/\u003eEssuyez doucement ou laissez imprégner la peau\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\u003ch4 class=\"ph-step-title\"\u003eTemps d'attente\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003eAttendez 20 minutes avant d'appliquer une crème hydratante\u003cbr\/\u003eCela est nécessaire pour garantir une efficacité maximale\u003cbr\/\u003e\u003cstrong\u003eNe pas l'enlever du visage\u003c\/strong\u003e\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\u003ch4 class=\"ph-step-title\"\u003eProtection nécessaire\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eLa crème solaire est obligatoire le matin\u003c\/strong\u003e\u003cbr\/\u003eÉvitez de mélanger avec du rétinol ou du BHA\u003cbr\/\u003eBien hydrater la peau après utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 3rem; position: relative; z-index: 2;\"\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.1); border-radius: 15px; padding: 2rem; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);\"\u003e\n\u003ch4 style=\"color: #d4af37; margin-bottom: 1rem; font-size: 1.3rem;\"\u003e💡 Astuces d'experts pour réussir\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; color: rgba(255,255,255,0.9); line-height: 1.8;\"\u003e\n\u003cli\u003e✅ \u003cstrong\u003eCommencez progressivement:\u003c\/strong\u003e Une fois par semaine pendant un mois, puis deux fois, puis trois fois selon la tolérance\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eTest d'allergie:\u003c\/strong\u003e Essayez-le sur une petite zone derrière l'oreille pendant 24 heures\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eL'exfoliation est naturelle:\u003c\/strong\u003e Vous pouvez remarquer un léger pelage dans les premières semaines - c'est normal\u003c\/li\u003e\n\u003cli\u003e⚠️ \u003cstrong\u003eÉvitez l'excès:\u003c\/strong\u003e L'utilisation quotidienne peut provoquer des irritations même avec ce produit doux\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Ingredients List Section --\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch3 class=\"ph-ingredients-list-title\"\u003eTous les ingrédients complets (Liste INCI))\u003c\/h3\u003e\n\u003cp class=\"ph-ingredients-text\"\u003e\u003cstrong\u003eIngrédients dans l'ordre complet:\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cstrong\u003ePyrus Malus (Apple) Fruit Water\u003c\/strong\u003e - Eau de pomme naturelle riche en acides de fruits\u003cbr\/\u003e\u003cstrong\u003eButylene Glycol\u003c\/strong\u003e - Hydratant et solvant sûrs\u003cbr\/\u003e\u003cstrong\u003eGlycolic Acid (7%)\u003c\/strong\u003e - Acide glycolique pour l'exfoliation\u003cbr\/\u003e\u003cstrong\u003eNiacinamide\u003c\/strong\u003e - Vitamine B3 pour illuminer et apaiser\u003cbr\/\u003e\u003cstrong\u003eSodium Hydroxide\u003c\/strong\u003e - Pour ajuster le niveau de pH\u003cbr\/\u003e\u003cstrong\u003e1,2-Hexanediol\u003c\/strong\u003e - Hydratant et stabilisateur naturel\u003cbr\/\u003e\u003cstrong\u003ePanthenol\u003c\/strong\u003e - Pro-Vitamine B5 pour apaiser\u003cbr\/\u003e\u003cstrong\u003eSodium Hyaluronate\u003c\/strong\u003e - Acide hyaluronique pour une hydratation en profondeur\u003cbr\/\u003e\u003cstrong\u003eXanthan Gum\u003c\/strong\u003e - Épaississant naturel\u003cbr\/\u003e\u003cstrong\u003eEthyl Hexanediol\u003c\/strong\u003e - Solvant et stabilisateur sûrs\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 2rem; padding: 1.5rem; background: rgba(212, 175, 55, 0.1); border-radius: 10px;\"\u003e\n\u003ch4 style=\"color: #d4af37; margin-bottom: 1rem;\"\u003e🌿 Avantages de la composition\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; color: #333; line-height: 1.8;\"\u003e\n\u003cli\u003e✅ \u003cstrong\u003eSans:\u003c\/strong\u003e Parfum, alcool, parabènes, sulfates\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eConvient pour:\u003c\/strong\u003e Tous les types de peau, y compris les peaux sensibles\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eSûr pour:\u003c\/strong\u003e Femmes enceintes et allaitantes\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eApprouvé:\u003c\/strong\u003e Non comédogène\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Enhanced CTA Section --\u003e\n\u003cdiv class=\"ph-cta-section ph-enhanced-cta\"\u003e\n\u003cdiv class=\"ph-cta-glow\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003ch2 class=\"ph-cta-title ph-cta-animated\"\u003eLe secret coréen pour une peau soyeuse en 30 jours\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003eCeci est une formule spécialisée pour traiter les points blancs. C'est le meilleur produit pour ceux qui souffrent de ce problème de manière avancée. \u003cbr\/\u003eDans une semaine, vous verrez une amélioration significative de l'apparence des points blancs, et dans un mois vous ne les verrez plus.\u003cbr\/\u003eCommandez-le maintenant\u003c\/p\u003e\n\u003cdiv class=\"ph-cta-features\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Enhanced CTA Styles --\u003e\n\u003cstyle\u003e\n.ph-enhanced-cta {\n  position: relative;\n  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n  border-radius: 20px;\n  padding: 4rem 2rem;\n  margin: 4rem 0;\n  overflow: hidden;\n  text-align: center;\n}\n\n.ph-cta-glow {\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n  animation: ph-glow-rotate 8s linear infinite;\n}\n\n@keyframes ph-glow-rotate {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.ph-cta-content {\n  position: relative;\n  z-index: 2;\n}\n\n.ph-cta-animated {\n  font-size: 2.5rem;\n  font-weight: 800;\n  color: #D4AF37;\n  margin-bottom: 2rem;\n  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n  animation: ph-title-glow 2s ease-in-out infinite alternate;\n}\n\n@keyframes ph-title-glow {\n  from { text-shadow: 2px 2px 4px rgba(0,0,0,0.5), 0 0 20px rgba(212, 175, 55, 0.3); }\n  to { text-shadow: 2px 2px 4px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.6); }\n}\n\n.ph-cta-text {\n  font-size: 1.3rem;\n  line-height: 1.8;\n  color: rgba(255,255,255,0.95);\n  margin-bottom: 2.5rem;\n  max-width: 800px;\n  margin-left: auto;\n  margin-left: auto;\n}\n\n.ph-cta-highlight {\n\u003c\/style\u003e","brand":"COSRX","offers":[{"title":"100ml","offer_id":46999431741614,"sku":"COSRX_WHITEHEAD_POWER_LIQUID_100ML_8224","price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_white_headpower_liquid_7be9ae29-9181-4164-8a6b-087a1c781f80.jpg?v=1788175223"},{"product_id":"dermacy-peeling-solution-aha-bha-30ml","title":"Solution peeling AHA + BHA Dermacy 30ml - Solution peeling AHA + BHA Dermacy 30ml","description":"\u003cdiv class=\"dmpl-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    :root {\n      \/* Backgrounds *\/\n      --dmpl-bg-deep: #0a030d; \/* Extremely dark plum\/black *\/\n      --dmpl-bg-surface: #17071f; \/* Dark violet surface *\/\n      --dmpl-glass-bg: rgba(35, 12, 45, 0.65);\n      \n      \/* Accents *\/\n      --dmpl-peel-red: #d6004a; \/* Deep berry red (like the peeling solution) *\/\n      --dmpl-peel-light: #ff4d85; \/* Bright glowing pink\/red *\/\n      --dmpl-gold: #d4af37; \/* Clinical premium gold *\/\n      --dmpl-glass-border: rgba(255, 77, 133, 0.3);\n      \n      \/* HIGH READABILITY TEXT COLORS - NO MUTED COLORS *\/\n      --dmpl-text-title: #ffffff; \/* Pure white for headings *\/\n      --dmpl-text-body: #fdf7ff; \/* Extremely bright ice-white for all paragraphs *\/\n      --dmpl-text-highlight: #ffffff;\n    }\n\n    .dmpl-ultimate-wrapper {\n      background-color: var(--dmpl-bg-deep);\n      color: var(--dmpl-text-body);\n      font-family:Tajawal',Cairo',system-ui,-apple-system,sans-serif;\n      line-height: 1.85;\n      overflow: hidden;\n      position: relative;\n      border-radius: 24px;\n      margin: 0 auto;\n      max-width: 100%;\n      box-sizing: border-box;\n      box-shadow: inset 0 0 100px rgba(214, 0, 74, 0.05);\n    }\n\n    .dmpl-ultimate-wrapper * {\n      box-sizing: inherit;\n      margin: 0;\n      padding: 0;\n    }\n\n    .dmpl-ultimate-wrapper img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 16px;\n      box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    \/* Background Ambient Energy *\/\n    .dmpl-ambient-bg {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      z-index: 0;\n      pointer-events: none;\n      overflow: hidden;\n    }\n\n    .dmpl-orb {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(100px);\n      opacity: 0.2;\n      animation: dmplFloatOrb 15s infinite alternate ease-in-out;\n    }\n\n    .dmpl-orb-1 { width: 450px; height: 450px; background: var(--dmpl-peel-red); top: -100px; right: -100px; }\n    .dmpl-orb-2 { width: 500px; height: 500px; background: #6b1b9e; bottom: 10%; left: -150px; animation-delay: -5s; opacity: 0.15; }\n    .dmpl-orb-3 { width: 350px; height: 350px; background: var(--dmpl-gold); top: 35%; right: 20%; animation-delay: -10s; opacity: 0.08; }\n\n    @keyframes dmplFloatOrb {\n      0% { transform: translate(0, 0) scale(1); }\n      100% { transform: translate(-40px, 60px) scale(1.1); }\n    }\n\n    @keyframes dmplPulse {\n      0% { box-shadow: 0 0 0 0 rgba(255, 77, 133, 0.5); }\n      70% { box-shadow: 0 0 0 15px rgba(255, 77, 133, 0); }\n      100% { box-shadow: 0 0 0 0 rgba(255, 77, 133, 0); }\n    }\n\n    .dmpl-container {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 0 5%;\n      position: relative;\n      z-index: 2;\n    }\n\n    .dmpl-section { padding: 80px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }\n    .dmpl-section:last-child { border-bottom: none; }\n\n    \/* Typography Highlights *\/\n    .dmpl-hl-peel { color: var(--dmpl-peel-light); font-weight: 800; text-shadow: 0 0 15px rgba(255, 77, 133, 0.4); }\n    .dmpl-hl-gold { color: var(--dmpl-gold); font-weight: 800; }\n\n    .dmpl-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 10px 24px;\n      background: rgba(214, 0, 74, 0.15);\n      border: 1px solid var(--dmpl-peel-light);\n      border-radius: 30px;\n      color: #ffffff;\n      font-size: 15px;\n      font-weight: 800;\n      margin-bottom: 25px;\n      box-shadow: 0 0 25px rgba(214, 0, 74, 0.3);\n    }\n    \n    .dmpl-badge-dot {\n      width: 10px; height: 10px;\n      background: var(--dmpl-peel-light);\n      border-radius: 50%;\n      animation: dmplPulse 2s infinite;\n    }\n\n    .dmpl-title-main {\n      font-size: clamp(34px, 5vw, 52px);\n      font-weight: 900;\n      line-height: 1.3;\n      margin-bottom: 20px;\n      color: var(--dmpl-text-title);\n    }\n\n    .dmpl-title-section {\n      font-size: clamp(28px, 4vw, 38px);\n      font-weight: 800;\n      margin-bottom: 20px;\n      color: var(--dmpl-text-title);\n      display: flex;\n      align-items: center;\n      gap: 15px;\n    }\n\n    .dmpl-title-section::before {\n      content: '';\n      display: block;\n      width: 6px;\n      height: 40px;\n      background: linear-gradient(to bottom, var(--dmpl-peel-light), var(--dmpl-gold));\n      border-radius: 4px;\n      box-shadow: 0 0 10px rgba(255, 77, 133, 0.5);\n    }\n\n    \/* HIGH READABILITY PARAGRAPHS *\/\n    .dmpl-paragraph {\n      font-size: 18px;\n      color: var(--dmpl-text-body); \/* Extremely bright ice-white *\/\n      margin-bottom: 25px;\n      line-height: 1.9;\n      font-weight: 500;\n    }\n\n    .dmpl-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; align-items: center; }\n    .dmpl-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\n\n    \/* Glass Cards *\/\n    .dmpl-glass-card {\n      background: var(--dmpl-glass-bg);\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      border: 1px solid var(--dmpl-glass-border);\n      border-radius: 20px;\n      padding: 35px 25px;\n      transition: all 0.4s ease;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.5);\n    }\n\n    .dmpl-glass-card::before {\n      content: '';\n      position: absolute;\n      top: 0; left: 0; right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, transparent, var(--dmpl-peel-light), transparent);\n      transform: scaleX(0);\n      transition: transform 0.4s ease;\n    }\n\n    .dmpl-glass-card:hover {\n      transform: translateY(-8px);\n      background: rgba(45, 15, 60, 0.8);\n      border-color: var(--dmpl-peel-light);\n      box-shadow: 0 25px 50px rgba(0,0,0,0.7), 0 0 30px rgba(214, 0, 74, 0.2);\n    }\n\n    .dmpl-glass-card:hover::before { transform: scaleX(1); }\n\n    .dmpl-icon-box {\n      width: 65px; height: 65px;\n      background: rgba(255, 77, 133, 0.1);\n      border: 1px solid rgba(255, 77, 133, 0.4);\n      border-radius: 16px;\n      display: flex; align-items: center; justify-content: center;\n      margin-bottom: 25px;\n      color: var(--dmpl-peel-light);\n      transition: all 0.3s ease;\n    }\n\n    .dmpl-glass-card:hover .dmpl-icon-box {\n      background: var(--dmpl-peel-red);\n      color: #fff;\n      transform: scale(1.1) rotate(5deg);\n      border-color: transparent;\n      box-shadow: 0 0 20px rgba(214, 0, 74, 0.5);\n    }\n\n    .dmpl-check-list { list-style: none; padding: 0; margin: 20px 0; }\n    .dmpl-check-list li {\n      position: relative;\n      padding-left: 40px;\n      margin-bottom: 15px;\n      color: var(--dmpl-text-body);\n      font-size: 18px;\n      font-weight: 500;\n    }\n    .dmpl-check-list li::before {\n      content: '';\n      position: absolute;\n      right: 0; top: 6px;\n      width: 24px; height: 24px;\n      background: url('data:image\/svg+xml;utf8,\u003csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23d4af37\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e') center\/contain no-repeat;\n    }\n\n    .dmpl-warning-block {\n      background: linear-gradient(135deg, rgba(214, 0, 74, 0.15) 0%, rgba(23, 7, 31, 0.9) 100%);\n      border: 1px solid var(--dmpl-peel-red);\n      border-right: 5px solid var(--dmpl-peel-light);\n      border-radius: 16px;\n      padding: 40px;\n      margin: 40px 0;\n      position: relative;\n      box-shadow: 0 10px 40px rgba(214, 0, 74, 0.1);\n    }\n\n    .dmpl-step-list { display: flex; flex-direction: column; gap: 20px; }\n    .dmpl-step-item {\n      display: flex; align-items: flex-start; gap: 25px;\n      background: rgba(255,255,255,0.03);\n      padding: 30px;\n      border-radius: 16px;\n      border: 1px solid rgba(255,255,255,0.1);\n      transition: all 0.3s;\n    }\n    .dmpl-step-item:hover { \n      border-color: var(--dmpl-gold); \n      background: rgba(212, 175, 55, 0.08); \n      transform: translateX(-10px);\n    }\n    .dmpl-step-num {\n      width: 55px; height: 55px; min-width: 55px;\n      background: linear-gradient(135deg, var(--dmpl-peel-light), #9e0037);\n      color: #fff;\n      border-radius: 14px;\n      display: flex; align-items: center; justify-content: center;\n      font-size: 24px; font-weight: 900;\n      box-shadow: 0 5px 20px rgba(255, 77, 133, 0.4);\n      border: 1px solid rgba(255,255,255,0.2);\n    }\n\n    \/* Animations *\/\n    .dmpl-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }\n    .dmpl-reveal.dmpl-active { opacity: 1; transform: translateY(0); }\n    .dmpl-delay-1 { transition-delay: 0.1s; }\n    .dmpl-delay-2 { transition-delay: 0.2s; }\n\n    @media (max-width: 768px) {\n      .dmpl-section { padding: 50px 0; }\n      .dmpl-step-item { flex-direction: column; text-align: center; align-items: center; }\n      .dmpl-warning-block { padding: 30px 20px; }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"dmpl-ambient-bg\"\u003e\n\u003cdiv class=\"dmpl-orb dmpl-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dmpl-orb dmpl-orb-2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dmpl-orb dmpl-orb-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"dmpl-section\" style=\"padding-top: 60px;\"\u003e\n\u003cdiv class=\"dmpl-grid-2\"\u003e\n\u003cdiv class=\"dmpl-reveal\"\u003e\n\u003cdiv class=\"dmpl-badge\"\u003e\n\u003cdiv class=\"dmpl-badge-dot\"\u003e\u003c\/div\u003e\n            AHA + BHA • Peeling professionnel • 10 minutes\n          \u003c\/div\u003e\n\u003ch1 class=\"dmpl-title-main\"\u003e\n            Rajeunissement radical en 10 minutes: \u003cbr\/\u003e\n\u003cspan style=\"background: linear-gradient(90deg, var(--dmpl-peel-light), var(--dmpl-gold)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\"\u003e\n              Le secret derrière une peau en verre parfaite\n            \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"dmpl-paragraph\"\u003e\n            La texture de votre peau ne devrait pas rester rugueuse. solution \u003cstrong\u003eDermacy Peeling Solution\u003c\/strong\u003e Combine le pouvoir des acides glycolique et lactique (AHA) avec l'acide salicylique (BHA) dans une seule goutte concentrée. Conçu pour une routine hebdomadaire qui vous donne une texture soyeuse et une couleur uniforme en quelques minutes.\n          \u003c\/p\u003e\n\u003cdiv style=\"display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px;\"\u003e\n\u003cspan style=\"padding: 8px 18px; border-radius: 8px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.2); font-size: 15px; color: #fff; font-weight: bold;\"\u003eRincez à l'eau\u003c\/span\u003e\n\u003cspan style=\"padding: 8px 18px; border-radius: 8px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.2); font-size: 15px; color: #fff; font-weight: bold;\"\u003eDeux fois par semaine\u003c\/span\u003e\n\u003cspan style=\"padding: 8px 18px; border-radius: 8px; background: rgba(214,0,74,0.15); border: 1px solid var(--dmpl-peel-light); font-size: 15px; color: #fff; font-weight: bold; box-shadow: 0 0 15px rgba(214,0,74,0.3);\"\u003eNon adapté aux peaux sensibles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-reveal dmpl-delay-1\" style=\"position: relative;\"\u003e\n\u003cimg alt=\"Dermacy Peeling Solution\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/90e25191-836a-439f-bc06-ad747a9982ef.jpg\" style=\"border: 2px solid var(--dmpl-peel-light); position: relative; z-index: 2; box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 30px rgba(255, 77, 133, 0.3);\"\/\u003e\n\u003cdiv style=\"position: absolute; top: -30px; right: -30px; width: 150px; height: 150px; background: var(--dmpl-peel-red); filter: blur(50px); z-index: 1; opacity: 0.5;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem --\u003e\n\u003cdiv class=\"dmpl-section\"\u003e\n\u003cdiv class=\"dmpl-grid-2\"\u003e\n\u003cdiv class=\"dmpl-reveal\" style=\"order: 2;\"\u003e\n\u003ch4 style=\"color: var(--dmpl-gold); font-size: 18px; margin-bottom: 10px; font-weight: 800; letter-spacing: 1px;\"\u003eLes racines du problème\u003c\/h4\u003e\n\u003ch2 class=\"dmpl-title-section\"\u003eBarrière des cellules mortes: \u003cbr\/\u003e\u003cspan class=\"dmpl-hl-peel\"\u003eL'ennemi caché de l'éclat de votre peau\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"dmpl-paragraph\"\u003e\n            La peau se renouvelle continuellement, mais les cellules mortes ne tombent pas toujours facilement. Avec le temps, ces cellules s'accumulent à la surface et forment une barrière, rendant la peau terne \u003cstrong style=\"color: #fff;\"\u003eRugueux, terne et sans vie\u003c\/strong\u003eIl empêche l'absorption effective des sérums hydratants.\n          \u003c\/p\u003e\n\u003cp class=\"dmpl-paragraph\"\u003e\n            En même temps, le mélange d'huiles naturelles avec ces cellules mortes entraîne des pores obstrués de l'intérieur, et ils apparaissent \u003cstrong style=\"color: #fff;\"\u003ePores dilatés, points noirs et teint irrégulier\u003c\/strong\u003e.\n          \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255, 77, 133, 0.1); border-right: 4px solid var(--dmpl-peel-light); padding: 20px 25px; border-radius: 12px; box-shadow: 0 5px 20px rgba(214, 0, 74, 0.15);\"\u003e\n\u003cp style=\"margin: 0; color: #ffffff; font-size: 18px; font-weight: bold; line-height: 1.6;\"\u003eC'est là qu'intervient le peeling chimique professionnel : une étape hebdomadaire pour dissoudre cette colle cellulaire et rajeunir la surface, mais cela doit être fait avec une précision extrême.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-reveal dmpl-delay-1\" style=\"order: 1;\"\u003e\n\u003cimg alt=\"Smooth Skin Result\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/b58ce137-57e8-4f5a-9b5a-24f755f8678c.jpg\" style=\"border: 1px solid rgba(255,255,255,0.2);\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Technology \/ Mechanism --\u003e\n\u003cdiv class=\"dmpl-section\"\u003e\n\u003cdiv class=\"dmpl-reveal\" style=\"text-align: center; margin-bottom: 50px;\"\u003e\n\u003ch4 style=\"color: var(--dmpl-gold); font-size: 18px; margin-bottom: 10px; font-weight: 800; letter-spacing: 1px;\"\u003eTechnologie de la formule\u003c\/h4\u003e\n\u003ch2 class=\"dmpl-title-section\" style=\"justify-content: center;\"\u003eDouble pouvoir exfoliant, \u003cspan class=\"dmpl-hl-peel\" style=\"margin: 0 8px;\"\u003eEn une goutte\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"max-width: 800px; margin-left: auto; margin-left: auto;\"\u003ePourquoi combiner AHA avec BHA est-il considéré comme une percée dans les soins de la peau hebdomadaires?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-grid-3\"\u003e\n\u003cdiv class=\"dmpl-glass-card dmpl-reveal\"\u003e\n\u003cdiv class=\"dmpl-icon-box\"\u003e\n\u003csvg fill=\"none\" height=\"32\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"32\"\u003e\u003cpath d=\"M12 2L2 7l10 5 10-5-10-5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 17l10 5 10-5\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 12l10 5 10-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 15px;\"\u003esurface en verre (AHA)\u003c\/h3\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px;\"\u003eDans ,,, Activé .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-glass-card dmpl-reveal dmpl-delay-1\"\u003e\n\u003cdiv class=\"dmpl-icon-box\"\u003e\n\u003csvg fill=\"none\" height=\"32\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"32\"\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: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 15px;\"\u003eRaffinement des pores (BHA)\u003c\/h3\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px;\"\u003eL'acide salicylique se dissout dans l'huile, ce qui lui permet de pénétrer profondément les parois des pores pour dissoudre le sébum accumulé et les points noirs, et réduire l'apparence des pores dilatés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-glass-card dmpl-reveal dmpl-delay-2\"\u003e\n\u003cdiv class=\"dmpl-icon-box\"\u003e\n\u003csvg fill=\"none\" height=\"32\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"32\"\u003e\u003cpath d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\u003e\u003c\/path\u003e\u003cline x1=\"16\" x2=\"2\" y1=\"8\" y2=\"22\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 15px;\"\u003eCouleur plus uniforme\u003c\/h3\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px;\"\u003eAvec continuité et respect de la routine et de la protection solaire, cette combinaison puissante aide à réduire la pigmentation superficielle et les marques d'acné, donnant à la peau un aspect uniforme et très sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Ingredients Focus --\u003e\n\u003cdiv class=\"dmpl-section\"\u003e\n\u003cdiv class=\"dmpl-grid-2\"\u003e\n\u003cdiv class=\"dmpl-reveal\"\u003e\n\u003cimg alt=\"AHA and BHA Acids\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/6115c6bb-238b-4e36-a0c6-af2c03b516d7.jpg\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-reveal dmpl-delay-1\"\u003e\n\u003ch2 class=\"dmpl-title-section\"\u003eComposants qui fonctionnent efficacement, \u003cspan class=\"dmpl-hl-gold\" style=\"margin: 0 8px;\"\u003eFormule avancée Dermasi\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"dmpl-paragraph\"\u003eChaque ingrédient de ce compte-gouttes a été sélectionné pour jouer un rôle précis et réfléchi dans votre protocole d'exfoliation:\u003c\/p\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; gap: 20px;\"\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.15);\"\u003e\n\u003cspan style=\"color: var(--dmpl-peel-light); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;\"\u003eAHA Complex\u003c\/span\u003e\n\u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin: 8px 0;\"\u003eAcide glycolique et acide lactique\u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eL'acide exfoliant superficiel le plus populaire et puissant, il dissout la colle cellulaire pour améliorer la texture presque instantanément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.15);\"\u003e\n\u003cspan style=\"color: var(--dmpl-peel-light); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;\"\u003eBHA Deep Clean\u003c\/span\u003e\n\u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin: 8px 0;\"\u003eAcide salicylique\u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eLe sauveur des pores larges et gras, il se dissout dans les graisses pour nettoyer en profondeur et dissoudre les points noirs avec une grande efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.15);\"\u003e\n\u003cspan style=\"color: var(--dmpl-gold); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;\"\u003eBotanical Extract\u003c\/span\u003e\n\u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin: 8px 0;\"\u003eExtrait d'hibiscus\u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eUn ajout botanique naturel améliore la composition unique de la solution et lui donne une couleur profonde de baie attrayante.\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!-- 5. Compatibility \/ Flow --\u003e\n\u003cdiv class=\"dmpl-section\"\u003e\n\u003cdiv class=\"dmpl-glass-card dmpl-reveal\" style=\"border-color: var(--dmpl-gold); border-width: 2px;\"\u003e\n\u003cdiv class=\"dmpl-grid-2\" style=\"align-items: center;\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--dmpl-gold); font-size: 18px; margin-bottom: 10px; font-weight: 800; letter-spacing: 1px;\"\u003eAnalyse de compatibilité\u003c\/h4\u003e\n\u003ch2 class=\"dmpl-title-section\" style=\"font-size: 32px;\"\u003eCette solution est-elle adaptée à votre peau?\u003c\/h2\u003e\n\u003cp class=\"dmpl-paragraph\"\u003eAssurez-vous que votre routine est cohérente en passant par ces cinq points importants:\u003c\/p\u003e\n\u003cul class=\"dmpl-check-list\"\u003e\n\u003cli\u003eVotre peau semble rugueuse ou terne et vous voulez désespérément retrouver cette texture soyeuse.\u003c\/li\u003e\n\u003cli\u003eVous remarquez des pores visibles, des points noirs ou une couleur irrégulière.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light);\"\u003eVotre peau n'est pas sensible\u003c\/strong\u003e Résiste aux peelings acides puissants.\u003c\/li\u003e\n\u003cli\u003eDeux fois .\u003c\/li\u003e\n\u003cli\u003eThe sun .\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cimg alt=\"Relaxing Spa Routine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/00f22c2d-0eac-475a-8933-219faf1ac5dd.jpg\" style=\"border-radius: 20px; width: 100%; border: 2px solid rgba(255,255,255,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Usage Protocol --\u003e\n\u003cdiv class=\"dmpl-section\"\u003e\n\u003cdiv class=\"dmpl-reveal\" style=\"text-align: center; margin-bottom: 50px;\"\u003e\n\u003ch4 style=\"color: var(--dmpl-gold); font-size: 18px; margin-bottom: 10px; font-weight: 800; letter-spacing: 1px;\"\u003eProtocole d'utilisation\u003c\/h4\u003e\n\u003ch2 class=\"dmpl-title-section\" style=\"justify-content: center;\"\u003eRoutine d'exfoliation professionnelle: \u003cspan class=\"dmpl-hl-peel\" style=\"margin: 0 8px;\"\u003e4 étapes précises\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-grid-2\"\u003e\n\u003cdiv class=\"dmpl-reveal\"\u003e\n\u003cimg alt=\"Dropper Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/170e4c15-e4a7-43fa-9ef5-a1a400295ac6.jpg\" style=\"border-radius: 20px;\"\/\u003e\n\u003cp style=\"text-align: center; color: var(--dmpl-gold); font-size: 16px; font-weight: bold; margin-top: 20px;\"\u003eTexture gel légère qui s'applique très facilement grâce au compte-gouttes intégré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-step-list dmpl-reveal dmpl-delay-1\"\u003e\n\u003cdiv class=\"dmpl-step-item\"\u003e\n\u003cdiv class=\"dmpl-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 8px;\"\u003eVisage complètement propre et sec\u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eNice Qui .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-step-item\"\u003e\n\u003cdiv class=\"dmpl-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 8px;\"\u003eRépartir une fine couche uniforme\u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eRépartir quelques gouttes sur le visage et le cou, en évitant complètement le contour délicat des yeux et des lèvres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-step-item\"\u003e\n\u003cdiv class=\"dmpl-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--dmpl-peel-light); font-size: 22px; font-weight: 900; margin-bottom: 8px; text-shadow: 0 0 10px rgba(255, 77, 133, 0.5);\"\u003e10 \u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eNe dépassez jamais cette période de temps, même si vous ne ressentez pas de forte sensation de picotement. Le respect du temps est le secret de la sécurité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-step-item\"\u003e\n\u003cdiv class=\"dmpl-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 8px;\"\u003eBon rinçage et hydratation en profondeur\u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eRincez bien votre visage à l'eau tiède pour éliminer complètement la solution, puis appliquez immédiatement un hydratant crémeux pour apaiser la barrière cutanée.\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!-- 7. Strict Safety Warning --\u003e\n\u003cdiv class=\"dmpl-section\" style=\"padding-top: 0;\"\u003e\n\u003cdiv class=\"dmpl-warning-block dmpl-reveal\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 30px;\"\u003e\n\u003csvg fill=\"none\" height=\"40\" stroke=\"var(--dmpl-peel-light)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"filter: drop-shadow(0 0 10px rgba(255, 77, 133, 0.6));\" viewbox=\"0 0 24 24\" width=\"40\"\u003e\u003cpath d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\u003e\u003c\/path\u003e\u003cline x1=\"12\" x2=\"12\" y1=\"9\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" x2=\"12.01\" y1=\"17\" y2=\"17\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n\u003ch3 style=\"color: #ffffff; font-size: 28px; font-weight: 900; margin: 0; text-shadow: 0 0 15px rgba(255, 77, 133, 0.4);\"\u003e \u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px;\"\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"margin: 0; font-size: 17px;\"\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eNon adapté aux peaux sensibles:\u003c\/strong\u003e Selon la marque du fabricant. Si votre peau est facilement irritée ou endommagée, évitez complètement l'utilisation.\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eLes tests d'allergie sont nécessaires:\u003c\/strong\u003e Activé Small Avant Activé Visage.\n          \u003c\/p\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"margin: 0; font-size: 17px;\"\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eUtilisation maximale:\u003c\/strong\u003e Deux fois par semaine pendant seulement 10 minutes. Une utilisation excessive provoque des brûlures et des irritations et n'apporte pas de meilleurs résultats.\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eRéactions sévères:\u003c\/strong\u003e Si vous ressentez une sensation de brûlure sévère et insupportable ou une rougeur persistante, rincez immédiatement votre visage à l'eau froide et cessez de l'utiliser.\n          \u003c\/p\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"margin: 0; font-size: 17px;\"\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eConflits de produits actifs:\u003c\/strong\u003e Dans Today Avec Exfoliants Rétinol.\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eGrossesse et allaitement:\u003c\/strong\u003e Consultez d'abord votre médecin spécialiste. Ne l'appliquez jamais sur une peau abîmée, enflammée ou brûlée.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"dmpl-section\" style=\"text-align: center; padding-top: 20px;\"\u003e\n\u003cdiv class=\"dmpl-reveal\" style=\"background: linear-gradient(180deg, rgba(214, 0, 74, 0.15) 0%, rgba(23, 7, 31, 0.8) 100%); border: 1px solid rgba(255, 77, 133, 0.3); border-radius: 30px; padding: 60px 5%; box-shadow: 0 20px 50px rgba(0,0,0,0.5);\"\u003e\n\u003cimg alt=\"Dermacy 30ml Bottle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4cd77d20-850b-44fc-8431-5823d6ffe9b2.jpg\" style=\"max-width: 320px; margin: 0 auto 40px; border-radius: 20px; border: 2px solid var(--dmpl-gold);\"\/\u003e\n\u003ch4 style=\"color: var(--dmpl-gold); font-size: 20px; margin-bottom: 15px; font-weight: 900; letter-spacing: 1px;\"\u003eVotre pas vers le renouvellement\u003c\/h4\u003e\n\u003ch2 class=\"dmpl-title-main\" style=\"font-size: clamp(28px, 4vw, 42px); margin-bottom: 25px;\"\u003e\n          Seulement deux fois par semaine.. \u003cspan class=\"dmpl-hl-peel\"\u003eLaissez passer le reste des jours pour que votre peau brille avec les résultats\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"max-width: 700px; margin: 0 auto 40px; font-size: 20px;\"\u003e\n          Solution peeling AHA + BHA Dermacy | 30 ml. \u003cbr\/\u003e\n          Une formule professionnelle concentrée pour une routine d'exfoliation hebdomadaire révolutionnaire qui restaure l'éclat caché.\n        \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(0,0,0,0.8); border: 1px dashed rgba(255,255,255,0.2); border-radius: 16px; padding: 25px; font-size: 14px; color: #aaaaaa; direction: ltr; text-align: left; max-width: 800px; margin: 40px auto 0;\"\u003e\n\u003cstrong style=\"color: #ffffff;\"\u003eINCI (as listed by a third-party database, concentrations not disclosed):\u003c\/strong\u003e\u003cbr\/\u003e\n          Water, Propylene Glycol, Glycolic Acid, Lactic Acid, Salicylic Acid, Hibiscus Sabdariffa Flower Extract, Hydroxyethylcellulose, DMDM Hydantoin, Citric Acid, CI 14720. \u003cem\u003ePlease check the ingredient list printed on the physical pack before use to ensure safety.\u003c\/em\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      \/\/ High-performance Intersection Observer for smooth reveal animations\n      const reveals = document.querySelectorAll('.dmpl-reveal');\n      const observerOptions = {\n        root: null,\n        threshold: 0.12,\n        rootMargin: \"0px 0px -40px 0px\"\n      };\n\n      const revealObserver = new IntersectionObserver((entries, observer) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('dmpl-active');\n            observer.unobserve(entry.target); \n          }\n        });\n      }, observerOptions);\n\n      reveals.forEach(reveal =\u003e {\n        revealObserver.observe(reveal);\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Dermacy","offers":[{"title":"Default Title","offer_id":67699792773294,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/90e25191-836a-439f-bc06-ad747a9982ef.jpg?v=1792063132"}],"url":"https:\/\/skingeer.com\/fr\/collections\/skin-exfoliators-peels.oembed","provider":"SkinGeer","version":"1.0","type":"link"}